綺麗な動きになった！Web制作前に見ておきたいjQueryプラグインまとめ
作成：2014/12/8 Web制作 > 比較的最近のjQueryプラグインやプロフェッショナルな方々が作成されたスクリプトの中から、サイト制作時に取り入れてみたいエフェクトを厳選してご紹介。今風の見え方を実現できそうなものをチョイスしました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ ファーストビュー １．スライドを立体的に切り替え ２．クリックで滑らかにページ遷移させる ３．背景にスライド、フルスクリーンで固定させる ４．横に移動するフルスクリーンスライド ５．キューブ系のスライドを表示 ６．下方向へドラッグするとページを再読み込みする ７．要素を上下にフワフワ動かす ８．外部要素をクリックで表示 ９．タイピングエフェクト 動作 １０．サーチボックスを画面全体にオーバーレイさせる １１．デイトピッカー １２．ドラッグ＆ドロップ 画像をアップロードする
ボックスと余白の計算が楽になる「Gridulator」
デザインをやっていて、写真を並べたいときボックスと余白の計算が面倒だったりしませんか？ そんな時に便利なサイトが「Gridulator」です。 Gridulator: Make pixel grids, lickety-split 「Overall Width」に横幅を、「# of Columns」にカラム数を入力すると、 幅と余白の候補を自動的に表示してくれます。 MakePNGをクリックすると下記のようなPNG画像がダウンロードできます。
セレクトボックスをオシャレにスタイリングしてくれるJS・CSSライブラリ「Select.js」 – bl6.jp
Select.jsはセレクトボックスをシンプルでオシャレにスタイリングしてくれるJavaScript・CSSライブラリです。スッキリとしたデザインが特徴的でテーマもいくつか用意されています。 [ads_center] Select.jsの実際のデモ動作やダウンロードは以下からどうぞ。 Select.js デフォルトのテーマはこんな感じです。とてもシンプルで見やすいセレクトボックスですね。 以下はDarkというテーマです。ダーク系のカラーを基調としたサイトなんかに合いそうです。 というわけで、セレクトボックスをいい感じにスタイリングしてくれるSelect.jsのご紹介でした。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
