HTML5&CSS3&JS

HTML5&CSS3&JS一覧

Gulp4によるコーディング – おすすめパッケージ

前回のGulp4の記事は、環境を整えるまでを書きました。 今回は、普段よく使っているパッケージを紹介します。数が多いので詳細な使い方などはそれぞれ個別の記事にしていく予定です。 gulp-sass Saccを自動でコンパ […]

続きを読む»

Gulp4によるコーディング – 環境設定編

Gulpによるコーディング環境を整える下準備 – node.jsのインストール GulpをつかうにはNode.jsを作業環境にインストールします。 Macの場合は、homebrewでのインストール管理が有名で […]

続きを読む»

vivus.jsで簡単SVGドローアニメ その1

SVGアニメーション SVGアニメーションを作る場合は、CSS3 のプロパティのfillやstroke-dasharray、stroke-dashoffsetを利用したり、transformで変形させる方法。JavaS […]

続きを読む»

特定非営利活動法人のWordpessテンプレート作成

「特定非営利活動法人 地域水道支援センター」様のサイトのオリジナルWordpressテンプレートの作成を行いました。 http://www.cwsc.or.jp 今回は大まかなデザインをIllustartorファイルでい […]

続きを読む»

新規ランディングページの作成その2

最近は下請け案件が多く、直案件が少ないのでこちらで作成したとアナウンスできる案件がいつもコグマホーム様になってしまいます。 いつもお世話に成っているコグマホーム様が「ナチュラルスタイル」住宅という新しいシリーズ発表にとも […]

続きを読む»

ランディングページの作成

3月〜4月も細かい仕事がありバタバタ気味でした。 こちらで作成したとアナウンスできる案件を掲載します。 いつもお世話に成っているコグマホーム様が「ユニークスタイル」住宅という新しいシリーズ発表にともない、そのランディング […]

続きを読む»

CSSのtransformを使ったマウスホバー・エフェクトのサンプル

CSS transformを使ったシンプルなマウスホバー 現在使用されているブラウザのほぼ100%くらいがCSS3のtransformプロパティに対応しているので、マウスホバーエフェクトなどは、昔のようにJavaScri […]

続きを読む»

Google Maps Geocodingで住所からの取得がエラーの時

Google MapsのGeocodingを使って住所から経度緯度を取得するとき、ビル名が違う場合や住所表記の変更が間に合っていない時、Google Mapsの仕様変更でなにも返さないようになったようです。 エラーになっ […]

続きを読む»

サイドバーの最後の部分が表示された位置で止まるようにするjQueryプラグイン

jquery.fiedsidebar.jsつくりました! コンテンツがサイドバーよりも長くて、スクロールするとサイドバーが上に消えてしまう場合があります。そんな時、途中で止まってくれないかな〜と思う事しばしば。 そこで、 […]

続きを読む»

スマートフォン対応時の小技メモ at 2015.11

iPhone上でフォームボタンのCSSが反映されない iPhoneでフォームのボタン類にCSSを設定しても、iOSデフォルトのスタイル(角丸&グラデーション)になってしまう件の対処方法。 .form_btn { […]

続きを読む»

▲ PAGE TOP