グラフやチャート、マップ、人物、吹き出し、リボンなど、インフォグラフィックやプレゼン用のベクター素材をfreedesignfileから紹介します。
freebies-vector-for-infographic-and-presentation.html
グラフやチャート、マップ、人物、吹き出し、リボンなど、インフォグラフィックやプレゼン用のベクター素材をfreedesignfileから紹介します。
Photoshopで作りたい、新作デザインチュートリアル、作り方 2012年8月度まとめ - PhotoshopVIP
不定期となりますが、新しく公開された、Photoshopチュートリアルをご紹介しています。 今回は2012年8月分チュートリアルまとめとなります。 海外デザインブログDesignzzz.comで、新作Photoshopチュートリアル20個をまとめたエントリー「Best Photoshop Tutorials of August 2012」が公開されていたので、今回はこちらをベースにお気に入りチュートリアルをまとめてご紹介です。 詳細は以下から。 新しく公開されたPhotoshopチュートリアル、使い方まとめ 2012年８月度 夏のプールに似合う、３種類のテキストエフェクトの作り方 水中に浮かぶ文字や、植物でできたテキスト、プールサイドの水を垂らして作成したデザインなどさまざまです。 リアルに再現されたホットロッド、スポーツカーをレンダリングする方法 手書きされた未来型のスポーツカーをデザイ
シンプルさを求めて作られたレスポンシブWebデザイン対応のCSSフレームワーク・TOAST - かちびと.net
よりシンプルに、を追求したCSS フレームワークだそうです。レス ポンシブWebデザインにも対応し ています。シンプルと言う言葉に どうも弱い・・・ 「出来るだけシンプルに」ではなく「シンプルに」をモットーに作られたようです。シンプルかどうかは個人によって意見が分かれるとは思いますのでご自信でソースや機能をお確かめ頂ければと思います。 IE7を切ってるので、結構シンプルな作りではあります。確かに英語圏のWebサイトを見てると高確率でIE7で崩れてますね。見てるサイトも偏っているので偏見でしょうけど。 IE8以降はdisplay:inline-block;が使えるのでfloatやclearfixを使用せずにグリッドレイアウトをシンプルなソースで作成できる、という事みたい。 .grids [class*="grid-"] { display: inline-block; margin: 0 0
様々なサイトナビゲーションとそれらの役割 ｜https://wp.yat-net.com/name
Webサイトの中身は情報量が多く広大になりがちです。その為「ユーザーが目的の情報へいかに迷うこと無くたどり着けるか」を考えることが非常に重要なことになってきます。それを解決するのがナビゲーションであり、 我々はWebサイトを構築する段階で様々なナビゲーションパターンから、場面場面に応じて必要な物を選定して配置する必要があります。 今回の記事ではその様々なナビゲーションにはどういうものがあり、それぞれどういう役割を担っているかを解説したいと思います。 1.ナビゲーションパターンについて 2.様々なナビゲーションタイプ 3.まとめ ナビゲーションパターンについて まず初めに、長谷川敦士氏がパターン分類した「7つの主に企業サイトで使われるナビゲーション」を見て行きましょう。 階層型ナビゲーション 機能ナビゲーション 関連ナビゲーション ダイレクトナビゲーション パンくずナビゲーション ステップナ
幅が異なる要素にも対応可能なカルーセルを実装するjQueryプラグイン・Lemmon Slider - かちびと.net
以前やろうと思ったカルーセルを 実装できるプラグインが配布されて いたので備忘録。幅の異なる要素 にも対応できるカルーセルです。 多くのカルーセルやスライダーは サイズ固定ですよね・・・ 多くのカルーセル系スクリプトは、一度に進む幅が一定の値にされているため、回す要素のサイズを統一する必要がありました。Lemmon Sliderは異なるサイズの要素を並べてもそれぞれの幅を判別して送ってくれます。 上記のように幅の異なるアイテムでも幅を解析してスライドさせたときにピッタリ揃えてくれます。また、IE6などのオールドブラウザにも対応しています。 動作サンプルです。 div等のボックス要素も対応可能、画像もサイズを指定する必要は無く、幅を解析して自動でそろえてくれます。 コード <script type='text/javascript' src='http://ajax.googleapis.c
Movable Typeのブログ記事を一覧画面で一括編集できる「PowerListingFieldEditorプラグイン」
Movable Typeのブログ記事を一覧画面で一括編集できる「PowerListingFieldEditorプラグイン」を公開します。 このプラグインは2012年8月に行われた「MTDDC 2012」のライトニングトークで紹介させていただいたもので（関連資料）、これまで、「PowerEditプラグイン」「ListingFieldEditorプラグイン」と、編集系のプラグインをいくつか公開してきましたが、本プラグインは一括編集の集大成的なものとなります。 １．機能 本プラグインを利用することで、ブログ記事のデフォルトのフィールド、およびカスタムフィールドのデータを一覧画面で一括編集できるようになります。 編集イメージ（クリックで拡大） もちろん1記事ずつの編集も可能です。ピンポイントで修正したい場合に便利です。 編集イメージ（クリックで拡大） 編集可能なフィールドは以下の通りです。 ステー
ボックスを綺麗に並べてくれるMasonryライクなjQueryプラグイン・Freetile.js - かちびと.net
サイズの異なるボックスを綺麗 に配置してくれるスクリプト、 MasonryっぽいjQueryプラグイン、 Freetile.jsです。似たような スクリプトは結構ありますので 参考までに。 よく見かける、異なるボックスを綺麗に並べるスクリプトです。Masonryっぽいやつ。 こういうやつです。ウィンドウサイズが変わってもボックスを再配置してくれます。 $('#foo').freetile(); 本体とプラグインを読み込んでセレクタ指定します。アニメーションオプション等もありました。 ライセンスはBSDです。手抜きな記事ですけどちょい忙しいので今日はこれにて。 Freetile.js
18 Free jQuery Plugins for Responsive Web Designing
Nowadays, one of the most in-demand things in web designing is responsive layouts. Responsive layouts boast some really cool elements which can help designers achieve great results and thus create unique and exclusive websites. These responsive layouts are extremely eye-catching so they can easily attract viewers. Another great feature of these responsive layouts is that they give the designers th
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
