スポンサード リンク

webデザイン関連のエントリ (2014年)

HTMLをベースにCSSファイルのひな形を作ってくれる「extractCSS」
サイトのHTMLをコピーして「Extract!」ボタンを押すと、idやclassを抽出してく...(続きを読む)
CSS3ベースの新しいhoverエフェクトが実装できる「iHover」
マウスオーバーした際のホバーエフェクトをCSS3アニメーションを使ってリ...(続きを読む)
CSS3+JSで立体的に回転するキューブを実装できる「CSS3 Cube」
OpenGLを使った風の立体的にアニメーションするキューブが実装できます。b...(続きを読む)
WEB上でCSS3アニメーションを組み立てられる「Bounce.js」
。CSS3でアニメーションするというとっつきにくさを和らげてくれそうなツ...(続きを読む)
WEBデザイナ必携のHTML5&CSS3のコードジェネレータ「HTML5 & CSS3 Tools and ...
WEBデザイナ必携のHTML5&CSS3のコードジェネレータ「HTML5 & CSS3 Tools and Tu...(続きを読む)
レスポンシブかつフラットなソーシャルボタンを実装できる「rrssb...
。次のように、フラットでカッコいいレスポンシブなソーシャルボタンが...(続きを読む)
文の一部をアニメーションで変更できるjQueryプラグイン「Morphext」
これは○○です。の○○の部分をアニメーションさせながら切り替えられ...(続きを読む)
統一感があって邪魔にならなそうなソーシャルボタン実装jQueryプラ...
。次のようなシンプルデザインで使いやすそうなソーシャルボタンが実装...(続きを読む)
エレメント内のワードを正規表現でハイライトできる「highlightRegex...
。特定ワードをハイライトするプラグインは以前紹介しましたが、こちら...(続きを読む)
selectを大きいボタンの複数カラム形式にできる「Multi-Column-Select」
。selectタグのUIを次のようなUIに変更してくれます。タッチデバイスでも使...(続きを読む)
背景を分割するなどしてカッコよく切り替えるスライドショーサン...
。全画面で切り替わるので迫力があってカッコいいサンプルです。1ペー...(続きを読む)
モダンなフロートラベルが実装できるjQueryプラグイン「flyLabel」
。inputがなければプレースホルダとして表示され、inputが開始されるとラベ...(続きを読む)
スクリプトで滑らかに動かすローディングアニメーション実装jQuery...
GIFアニメではないため解像度があがっても綺麗に表示できるメリットがあ...(続きを読む)
超カッコいいテキストアニメーション効果を作れるjQueryプラグイン...
。豊富なアニメーションを選んで、更にそれらをカスタマイズして動かせ...(続きを読む)
フォーム要素をフラットかつ全デバイスで統一させるjQueryプラグイ...
。OSやブラウザによってフォームデザインが変わって、PCで見ていると綺麗...(続きを読む)
画像をタッチで円形ズームを可能にするjQueryプラグイン「TouchZoom」
次のようにタッチ・クリック位置がズームされるインタフェースを作れま...(続きを読む)
ページネーションにキーボードショートカットを簡単付与するjQuery...
←、→のキーでページ送りを簡単に実装できます。リンクにclassを付...(続きを読む)
マークアップ属性の記述でスクロールアニメーションが実装できる...
スクロールに連動したアニメーションを行うページは最近では定番となり...(続きを読む)
SVGかCanvasで3Dグラフィックを描画するレンダリングエンジン「seen.js...
。とにかくデモがスゴイので一見の価値があると思います。バックグラウ...(続きを読む)
ページを複数枚重ねたようなフルスクリーンページが作れる「pagePi...
divでページを定義してお手軽にフルスクリーンの紙芝居っぽいものが作れ...(続きを読む)
 1 2 3 4 5 6 7 » / 133件
記事をジャンルで探す

not enough data