クリエイティブな動きがデザインが実装できる フリーjQueryプラグイン「30 Free jQuery Plugins for February 2014」
TOP > plugin > クリエイティブな動きがデザインが実装できる フリーjQueryプラグイン「30 Free jQuery Plugins for February 2014」 魅力的なwebサイトを実現させるためには、他にはないデザインや動きを取り入れることで、より理想に近づけることができます。今回はそんな魅力的な動きを実装できるフリーjQueryプラグイン「30 Free jQuery Plugins for February 2014」を紹介したいと思います。 （Drop） そのまま利用しても、自分のデザインと組み合わせて使っても、クリエイティブなwebサイトを作り出せるプラグインがまとめられています。 詳しくは以下 scrollReveal.js スクロールするとバーの動きを楽しむことができるプラグイン。個性的なデザインのサイトに仕上げたい時におすすめ。 leas
スクロール終端で出現するTOPに戻るボタン「jQuery Scroll to Top Control v1.1」
TOP > WebDesign > スクロール終端で出現するTOPに戻るボタン「jQuery Scroll to Top Control v1.1」 WEBはどうしてもその性質上縦に長くなってしまう傾向があり、縦にスクロールして見ていくと言うサイトも多いかと思います。よくユーザーインターフェイスをよくするためにページ下層にTOPに戻るボタンが用意されていて、読み終わった後に一瞬でTOPに戻れる仕組みを取っているサイトも多いのですが、今回紹介するのは常に表示させておくのではなく、スクロール終端で出現するTOPに戻るボタン「jQuery Scroll to Top Control v1.1」です。 ユーザーがページ下部に戻ったときだけ、フェードインで登場し、逆にスクロールで上部に戻ると言った時には消えると言う仕組みになっています。 詳しくは以下 実装は至って簡単で、ボタンを準備して、J
jQueryベースのWebフォームライブラリ「jFormer」
WEBサイトには欠かせないフォーム。様々な情報のやりとりに利用されていて、多くのWEBサイトで利用されていますが、今回紹介するのは一般的なコンタクトフォームから、ログインフォーム、EC用のフォームまで、様々なフォームに対応したjQueryベースのWebフォームライブラリ「jFormer」です。 「jFormer」はバリデーション機能も備えたフォームのフレームワークで、AJAXを使ったページ遷移や、入力データのレジュームなど、細かな機能も標準で備わっており、フォームの開発の時間を短縮してくれます。 詳しくは以下 基本的にフォームの部分はphpで作られており、デザインをCSSで、動きなどはjavascriptを利用しています。 多彩なデモは「Demos – jFormer」からご覧いただけます。またベーシックなコンタクトフォームのつくり方は「Installation and Documenta
商用化！400種のシンプルなアイコンセット「IconSweets2」
webデザイン制作する際にあるととても便利なアイコン、特に種類が豊富な程その活用頻度は高いはず。そこで今回紹介するのは、400種のシンプルなアイコンセット「IconSweets2」です。 テーマ別にさまざまな種類のアイコンが網羅されており、幅広いデザインシーンで活用することができそうです。 ショッピングサイトに最適なアイコンから、ファイル、ソーシャル・ネットワーク、矢印、モバイル、時計、ユーザー、また衣服やバッグ、カメラやPCなどのデジタルグッズなどテーマ自体も豊富で、デザインのクオリティも高く、なおかつ活用頻度の高いものばかりが集められているため、重宝することは間違いありません。また、すべて商用化というのもかなり嬉しいところ。シンプルなのでどんなデザインにもマッチしてくれます。 サイズは16×16、64×64、32×32の3タイプで展開されています。とにかく、基本形のアイコンはここを押さ
スムーズに伸び縮みするサイドバー用タブメニュー「jQuery Sidebar Sliding Tab Menu Tutorial」
TOP > WebDesign > スムーズに伸び縮みするサイドバー用タブメニュー「jQuery Sidebar Sliding Tab Menu Tutorial」 限りあるWEBのスペースを有効に利用できるタブメニューは非常に便利で実用的です。その使い勝手の良さから、大手のWEBサイトなどでも良く見かけますが、今回紹介する「jQuery Sidebar Sliding Tab Menu Tutorial」は自由自在に伸び縮みするサイドバーでの試用を前提としたタブメニューです。 デザインはCSSで制御されており、それぞれのタブ毎に自由にカスタマイズする事ができます。 詳しくは以下 実際のDemoは「jQuery Sidebar Sliding Tab Menu Tutorial」からご覧ください。 解説は英語になりますが、図解を用いて構造を解説していたり、CSSからjavascr
だんだん小さくなるドット柄の背景パターンを制作してくれる「Dotted Background Generator」
TOP > WebService > だんだん小さくなるドット柄の背景パターンを制作してくれる「Dotted Background Generator」 WEBデザインの印象を決定付ける大きな一つの要素の一つに背景があります。様々な背景素材やジェネレーターがWEB上で公開されていますが、今日紹介するのはだんだん小さくなるドット柄の背景パターンを制作してくれる背景ジェネレーター「Dotted Background Generator」です。 上記のように上部から下部に向ってだんだんと小さくなっていくような背景を簡単に作る事ができます。 詳しくは以下 使い方は至って簡単でドットのカラーと、背景色、そして高さを指定すればOKです。色はカラースライダーなどは実装されていませんので、指定する必要があります。また選べるカラーはドット、背景ともに2色までとなっています。背景色は2色選んだ場合はA
魅力的なナビゲーションを作る為のインスピレーション「30 Examples of Attractive Nav」
WEBデザインで最も重要な要素の一つナビゲーション。今日紹介するのは良質なナビゲーションを制作する為の例を紹介しているエントリー「30 Examples of Attractive Nav」を紹介したいと思います。 Typographica Typographica 良質なナビゲーションの種類と実例を紹介しながら、まとめられています。今日はその中からいくつか気になったナビゲーション例をピックアップして紹介したいと思います。 詳しくは以下 ■Atebits リンクアイコンで見せるナビゲーション。シンプルですが、分かりやすいナビゲーションです。 atebits ■Made By Elephant 色のコントラストで明解にナビゲーションを示している例 Screenshot ■Work at Play ナビゲーションの色とサイトコンテンツの色を連動させた見せかたのWEBサイトです。 Screens
シンプルなphotoshopカスタムパターン素材集「wwwusic Simple Patterns」
TOP > Design , Photoshop > シンプルなphotoshopカスタムパターン素材集「wwwusic Simple Patterns」 WEBサイトを構築する時にphotoshopを使っている方にはオススメなデザインパターン集が今回紹介するシンプルなphotoshopカスタムパターン素材「wwwusic Simple Patterns」です。どんなデザインにもあうシンプルで汎用性の高いパターン素材がフリーで公開されています。 使い方は様々ですがシンプルなだけに既存のデザインや、オリジナルのデザインなんかと組み合わせても上手く使えるかと思います。 詳しくは以下 ある程度パターンをまとめたパッケージで配布されていて、全部で11個のパターンが公開されています。どんなパターンが収録されているかは下記の画像をご覧下さい。 ちなみに配布されているパターンをphotoshop
WEBデザイナー必携の15のブックマークレット「15 Must-Have Bookmarklets」
定期的に利用するサービスにおいて非常に便利なブックマークレット。様々なサービスで様々なブックマークレットが公開されていますが、今日紹介するのはWEBデザイナー、WEBデベロッパーには欠かせないブックマークをまとめたエントリー「15 Must-Have Bookmarklets For Web Designers And Developers」から必須の15のブックマークレットを紹介したいと思います。 WTFramework – Learn JavaScript Framework Used 構築から、調査、まで様々なWEBデザイン、開発に役立つブックマークレットが公開されていましたので、いくつか下記に紹介したいと思います。 詳しくは以下 ■XRAY – See Details Of Any Web Element 要素毎に調査ができるブックマークレット。magin、paddingの値からC
デザイナーのためのWEBポートフォリオ集「50 Beautiful and Creative Portfolios」
TOP > WebDesign > デザイナーのためのWEBポートフォリオ集「50 Beautiful and Creative Portfolios」 自分の作品や経歴などをまとめたポートフォリオ。デザイナーなら一度は作った事があるかとは思いますが、今回紹介するのはすばらしいWEBポートフォリオをまとめた、ポートフォリオ集「50 Beautiful and Creative Portfolios」です。 Domenico Tedone Design タイトルの通り全部で50ものポートフォリオサイトが集められていて、様々なタイプのデザイナーのポートフォリオが公開されていますが、今回はその中から気になったWEBポートフォリオを紹介したいと思います。 詳しくは以下 SuperLover Deep Sid Lee sroown 転職を考えているクリエイターの皆様だけでなく、クライアント向
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
