無料テンプレート42選 Bootstrapを使ったかっこいいHTMLテンプレートを集めてみたよ
Bootstrapも間もなくバージョン４だそうです。機能も進化して使い勝手もずいぶん良くなりました。 昔はそのデザインテイストをBootstrap臭と揶揄されたものですが、カスタマイズ性が良くなったの...
続きを読むCSS3 | sounansa.net
Bootstrapを使ったログイン画面の無料テンプレート 10選
WEBサービスを作るときにはどうしても必要になる管理画面ですが、あまり管理画面に手間をかけたくないのでBootstrapのようなデザインフレームワークを採用するすることも多いと思います。 レシポンシブ...
続きを読む
コピペ用 HTML5の雛型（スケルトン）
HTMLのコーディング始めるとき、お決まりの書式ってコピペするだけのことですが、よく使うけど、その都度ググるのが面倒なんですよね。 なんかDreamweaverにスニペット登録するのも面倒です。という...
続きを読む
おしゃれなセレクトボックス（ドロップダウンリスト）のCSS・javascriptサンプルまとめ
フォームのselectタグをそのまま利用するとデザインが味気ないですよね。でもフォームはCSSでデザインをいじるのに苦労することが多いのも事実であり、手間をかけてられない部分でもあります。 ここは手っ...
続きを読む
今どきのおしゃれなリンクのhoverを実現するCSSアニメーションサンプル9選
リンクにマウスを載せたときのhoverアニメーションをおしゃれにするCSSを紹介します。 以前にも、「今どきのおしゃれなリンクのhoverを実現するCSSアニメーションサンプル21選」という記事でご紹...
続きを読む
アニメーションがこの上なくオシャレなチェックボックスとラジオボタン
チェックボックスやラジオボタンを超オシャレにするテクニックです。javascript、css、SVGを組み合わせて実現しています。 こんなかわいいフォームだと、アンケートや問い合わせも楽しくなりますね...
続きを読む 今どきのおしゃれなリンクのhoverを実現するCSSアニメーションサンプル21選
ナビゲーションメニューとかのリンクにマウスを載せたときのアニメーションのサンプルでおしゃれなものを見つけたので紹介します。 CREATIVE LINK EFFECTS このページでデモを確認できますの...
続きを読む
サイドメニューをオシャレにスライドで表示するアニメーションのテクニック
タブレット対応などで良く使う、デフォルトでは非表示だけど、ボタンやアイコンをタップするとサイドメニューがにょきっと登場するやつです。 一般的なデザインフレームワークなんかでは、スマホと一緒で上から降り...
続きを読む
折り畳んだり、ペロンとめくったり、アニメーションで動くhoverエフェクトをCSSで実現する方法
マウスhoverのアニメーション効果のTipsとして面白いと思ったので紹介。 写真画像にマウスを載せた時に、クシャッと折りたたんだり、ペロンとめくる動きをつけます。 マウスhoverに対するわかりやす...
続きを読む オシャレなログイン画面の無料HTMLテンプレート ２０選 ＋α
サクッとログイン画面だけ作りたいけど、それなりに見栄えのするデザインで、且つマルチデバイス対応しようと思うと、そこそこ手間は必要になります。 非デザイナーさんにはログイン画面ごときに手間かけたくないと...
続きを読むスポンサーリンク