最近リリースされた高品質なフリーのデザインフォント -2010年9月最近リリースされた高品質なフリーのデザインフォントを紹介します。 Lintel Regular 個人・商用利用無料。 St Marie 個人・商用利用無料。 AW Conqueror Sans 個人・
最近リリースされた高品質なフリーのデザインフォント -2010年7月
当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
配置をマスターして「機能するレイアウト」を作る大切なポイント
ページに配置するエレメントの特質を理解し、1/3ルールやスペースやグリッドなどのデザインルールを取り入れ、「機能するレイアウト」を作るポイントを紹介します。 Using Landmarks Makes Page Layout Easy 下記は各ポイントを意訳したものです。 はじめに レイアウト、あるいはページのコンテンツの配置はウェブデザインの成功にとって重要です。レイアウトは一つのエレメントから次のものに向けるためにコンテンツの優先順位をつけます。 もしレイアウトが正しく機能していれば、ユーザーはコンテンツに興味をもち、他のものには気をそらさないでしょう。ここではあなたのデザインで機能するレイアウトを作るためのヒントをいくつか紹介します。 下記の例では、多くの人が最初に写真あるいは見出しに目がいき、その後にテキストに、そして最後にリンクの順番になるでしょう。 このレイアウトでは、見出し、
jQueryで角丸を作るライブラリ jQuery Corner - Webtech Walker
Home Archive jQueryで角丸を作るライブラリ jQuery Corner jQueryで角丸を作るライブラリ jQuery Corner 2007年07月19日 category:javascript Comment(0) Trackback(1) コーディングするとき、角丸っていろいろと大変ですよね。今回はjQueryのライブラリで角丸を作成するものを紹介しようと思います。 ダウンロード 今回は角丸のみ紹介しますが、丸だけでなく色々な角を表現できるのがこのライブラリの特徴です。ダウンロードやデモ一覧は下記からどうぞ。 http://malsup.com/jquery/corner/ 使い方 まずjQueryとダウンロードしてきたライブラリを読み込ます。 <script type="text/javascript" src="jquery.js
メモcache: gitを知らないデザイナとgitで共同作業するには？
2009/12/14 gitを知らないデザイナとgitで共同作業するには？ デザイナとgitで共同作業するまでの過程をログに残しておきます。 第一段階 会社で使っているフレームワークの Vの部分(いわゆるテンプレートまわりとか)はデザイナもさわるので、 .gitignore で無視することにして、 フレームワークのMVCのVの部分を除いてプログラマしかさわらない部分だけの リポジトリを作ってgitでバージョン管理することにした。 第二段階 ところが、Vの部分はデザイナしか関わらないわけではありません。 当然のごとく、プログラマ側から 「できればVの部分もgitでバージョン管理したい」 との要望がでてきました。 第三段階 そこで、デザイナに「バージョン管理は何を使っていますか？」 と聞いてみたところ「Mac の Time Capsule です。」 と言われ若干放心状態に…。 確かにバージョン
テーブルを見やすく、使いやすくするためのアルティメットガイド
ウェブページでデータをみせるテーブルを見やすく、使いやすくするためのスタイルや機能性などUIパターンを紹介したアルティメットガイドをJanko At Warp Speedから紹介します。 Ultimate guide to table UI patterns 下記は各ポイントを意訳したものです。 テーブルの「（エクセルでいうところの）行と列」の表記は、「横列と縦列」に統一しています。 はじめに 1. 列を交互にスタイリング 2. 列をフルに 3. テーブルのセクション 4. ソート 5. フィルタリング 6. ページネーション 7. スクロール 8. 固定されたヘッダ 9. ヘッダのないテーブル 10. 拡張可能な列 11. 列のアクション 12. マルチプルな列のアクション はじめに テーブルは構造化されたデータをみせるものです。そして、その目的はデータを読みやすくし、走査しやすく、簡単
Sexy Buttons Quick Start Guide and Demo
Icons Sexy Buttons can include icons by adding an additional <span> with a class attribute identifying the icon: Submit Cancel Add Delete Download Download Upload Search Find First Previous Next Last Play Pause Rewind Forward Stop Reload Syncronize Save Contact Us Print Add to Favorites Like Dislike Accept Decline Home Help What's this? Cut Copy Paste Erase Undo Redo Edit Calendar Profile Settings
ウェブサイトのフッタを魅力的にする10のシンプルなアイデア
昨年くらいからウェブデザインの傾向としてフッタを充実させたウェブサイトが増えてきました。 ユーザーの印象に残り、より利便性の高いフッタを設置する際にヒントとなるアイデアをDesign Shackから紹介します。 10 Techniques for a Fantastic Footer 以下は、そのポイントを意訳したものです。 はじめに 1. プライマリ ナビゲーション 2. 「トップに戻る」ボタン 3. 美しいコントラスト 4. インパクトのあるイラスト 5. 充実したコンテンツ 6. インフォメーション 7. メディア ハブ 8. 新鮮なコンテンツ 9. インフォグラフィックス 10. ビジュアル的なアクセント はじめに 魅力的なフッタは、サイトのユーザーに永続的でポジティブな印象を与えることができます。 フッタのデザインと機能性の両方にフォーカスをあてることで、サイトのフッタを魅力的に
The portfolio of Bryan Katzel | Design, illustration & stuff to make you smile
Webleed Design is the portfolio site of Bryan Katzel. As a professional designer, Bryan's world revolves around all things "print". His work includes package design, illustration, branding, toy, poster and advertising. Bryan holds a creative position focusing on design and developement for the toy & game market. The position has opened his eyes to package design and the retail toy market. Here are
基本的だけど大切なタイポグラフィのシンプルな14のルール
ウェブデザインをはじめ、印刷にも役立つ基本的だけど大切なタイポグラフィのルールをfred designから紹介します。 Simple rules for good typography もしくは、Typophile 下記は、その意訳です。 はじめに ここにウェブや印刷のためのタイポグラフィに役立つ基本的なルールがあります。もちろん、このルールは基本であり、そしてルールは破られることを意図されているものです。 しかしながら、もしあなたが一般的にきちんとしていて美しくみえる何かを制作するためには良いルールです。 1. たくさんのフォントを使わない ウェブサイトなどのドキュメントに一貫性は非常に重要な要素です。一貫性は統一と一つのアイデンティティーをもたらします。 この一貫性を守るためには、一つのドキュメントに対して3つ以上の異なるフォントを使用しないことです。 2. ヒエラルキー ページ内の階
[JS]jQueryのプラグイン33+1選 -2009年12月
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 Organic Tabs アニメーションで収縮するタブコンテンツ。 flips パネルを多彩なアニメーションでスライド。 bxSli
汎用性に優れた108種類のシンプルなフリーのアイコン -108 Mono Icons | コリス
108 Mono Icons: Huge Set of Minimal Icons 配布されているアイコンのカラーはグレーで、オーバーレイやレイヤースタイルで別のカラーに簡単に変更することもできます。
http://www.metalabdesign.com/about-us/
MetaLab 404 Looks like the page you’re looking for doesn’t exist. Powered by MAXGIF
30 Professional Logo Design Processes Revealed | Creative Nerds
September 21st, 2009 Articles A collection of articles from logo designers who share their tips, tricks and secrets about the process they go through when creating a logo for a client. Including the process which Chris Spooner went through in order to redesign the design bump logo. 1. Logo Design Project Step by Step Walkthrough Project: myNiteLife Logo Designer: Chris Spooner 2. Step By Step Desi
個人利用、商用利用問わずクレジット制限も無いフリーアイコンを集めたアイコン配布サイト「iconpot」
TOP > WebDesign > 個人利用、商用利用問わずクレジット制限も無いフリーアイコンを集めたアイコン配布サイト「iconpot」 今までDesigndevelopでは数々のフリーアイコン集、もしくはフリーアイコンを配布するサイトを紹介してきましたが、今日紹介する「iconPot – totally free icons」はWEBサイト上で利用でき商用利用、個人利用問わず利用でき、なおかつ著者のクレジット、リンクバックが必要ではないiconを集めたアイコンサイトです。 Splashy Icons web dev icons in PNG format (16×16) 現在いくつかのアイコンセットが公開されていますので、いくつか紹介したいと思います。 詳しくは以下 ■Developpers Icons web dev icons in PNG, ICO, ICNS, ICON
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://tou.ch/
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
http://www.designwalker.com/2009/05/photoshop-layerstyle.html
http://blog.e-riverstyle.com/2010/02/zencoding.html
Browsing Photoshop Custom Shapes
