HTML5&CSS3&JS

HTML5&CSS3&JS一覧

特定非営利活動法人の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 { […]

続きを読む»

CSS3時代のテキストの折り返し設定

CSS3では折り返し設定を制御できるプロパティが2つ テキストの折り返し設定を制御できるプロパティはCSS3になってから2つ存在することになってしまっています。 word-break リファレンス overflow-wr […]

続きを読む»

fullPage.jsの使い方メモ

fullPage.jsはフル画面でコンテンツを表示して、少しスクロールするだけで、次のコンテンツまでスクロールさせるjQueryのプラグインです。 それの使い方メモ。 以下のURLからダウンロード出来ます。 http:/ […]

続きを読む»

EASY PIE CHARTの使い方メモ

円グラフをアニメーションで見せる事ができるとっても便利なプラグインです。 http://rendro.github.io/easy-pie-chart/ jQueryのプラグインとして以外にもVanilla JSやAng […]

続きを読む»

▲ PAGE TOP