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 { […]