あなたの作業を音速にするかもしれないWEB屋の作業スピードを上げるチートシート大量紹介 | バンクーバーのうぇぶ屋
このブログがフロントに関する記事が多いもんだから、たまにデザイナーと呼ばれることがあるんですが、僕は業務としてはデザインよか制作ディレクションの方がどちらかと言えばメインなんですよね。 そんなディレクターとしての役割の一つに、周りにいる優れたデザイナーやプログラマー、デベロッパーの業務効率を考えることが挙げられます。 何を取るわけでもなく中途半端な僕ですが、ディレクターとして周りの各プロフェッショナルの役に少しでも立てればと、そして制作する上での効率を向上させるべく色々情報収集をする中で、よくチートシートの存在を目にします。（チートシートってどれだけ普及してるのかわかりませんが、つまりカンニングペーパーのことらしいです。） WEB屋にとってのチートシートって、どれだけ優れた技術力やデザイン力を持っていても、何かしら新しい発見がある物ですよね。以前書かせてもらった時間の価値は人によって違う！
これだけあればシンプルアイコン探しには困らないかも！全部フリーのシンプルアイコンを一挙紹介！ | バンクーバーのうぇぶ屋
僕はとにかくシンプルなデザインが大好きです。無駄が無く、伝えることだけを伝えるあの潔さと、目的意識の高さが気持ちがいいです。もはや愛してます。 そんなミニマル変態な僕が集めたシンプルアイコン集。Evernoteのノートにびっしりになっていたので、せっかくだからここで全部ご紹介出来ればと思います！これだけあれば、まぁ今年は困ることは無いでしょう（たぶん）。自称ミニマル変態の僕は、まだまだ追加していくつもりなので、何か知っていれば是非教えてください！ なんだか一部、別にシンプルじゃないアイコンも混ざった気がしますが、その辺は軽く流してあげてください。僕のEvernoteの中は、人に見せられないくらい乱雑な分け方なので、整理整頓かねて、ちょっとこういう投稿増やしていこうかなと思います！ あと、大半は僕も商用利用を確認して利用したので、ほとんどはCommerciallyであることは確認していますが
CSSでアイコンをデザイン
ものすごく大雑把に言うと今まで画像編集ソフトでやっていた、角を丸くするとか背景をグラデーションにするなどという作業をCSSでやってしまおうというお話。もちろんCSSでできないことは多くあるので万能というわけではないが、できることに限って言えば数行のCSSコードでスクリーンショットのような効果を柔軟に適用することができる。 Demo: Design icon with CSS ul li a { display: block; width: 32px; height: 32px; background-image: url("icons-w.png"); background-repeat: no-repeat; text-indent: -10000px; } 各アイコンになるa要素へのスタイルは以上のような単純なものがベースになる。icons-w.pngがアイコンの前景をつなげたスプライ
Web制作にあると便利な10の日本語版各種チートシート
チートシート（Cheat seat）とはカンペの事です。 まとめてシート化し、そばに置くことで その情報を何回も探さなくてもいいように した便利な発想ですが、多くのチートシートは 英語で分かり難いかも、と思ったので 日本語に変換されたWeb制作にあると 便利な各種チートシートを１０個ほど集めてみました。 SEOチートシート SEOのチートシートです。Daily SEOmoz Blogに掲載されたDanny Dover氏の エントリをWeb担で取り上げ、日本語化されています。 SEOチートシート（PDF） cssチートシート textdropさんによって日本語化されたcssのチートシートです。 これは助かります。 cssチートシート（PDF） ブラウザショートカットチートシート らばQでエントリされたブラウザ（IE、FireFox、IE7）のショートカットの チートシートでしたが、PDFファ
pukiwiki、はてなトップページの妙な恐怖感
尾野（しっぽ） @tail_y 先週のことだけど、会社にいる女の人がtwitterクライアントを入れるという話になった時にググってこのページを見せたのだけど、後々、このサイトが「怖かった」という話を聞いた。普通のpukiwikiページ。 http://bit.ly/HdaHR 2010-03-08 11:49:50 нσυѕαι тσяυ／縫采 徹 @firty_housai 何があった…RT @tail_y: 先週のことだけど、会社にいる女の人がtwitterクライアントを入れるという話になった時にググってこのページを見せたのだけど、後々、このサイトが「怖かった」という話を聞いた。普通のpukiwikiページ。 http://bit.ly/HdaHR 2010-03-08 11:50:38
WEB2.0なロゴを作成するPhotoShopチュートリアル:phpspot開発日誌
PXLGFX- Polished Text Make your text seem as if it is spankin' new, right out of the package. WEB2.0なロゴを作成するPhotoShopチュートリアル。 微妙な光沢や影を出すにはどうすればいいのか？なんかが解説されていていい感じです。 ↓最終的に出来上がる画像 PhotoShop使いの方は是非作ってみましょう。 関連エントリ 80種類のフリーのテンプレート配布とチュートリアルサイト「Zymic」 Firefoxアイコン作成チュートリアル PhotoShopでRSS標準アイコンを作成するチュートリアル
知っておくべき５つの英文フォント2、他:phpspot開発日誌
5 Freefonts You Shouldn’t Have Missed | Smashing Magazine We expand our collection of high-quality freefonts we’ve put together few months ago (and started one year ago). 知っておくべき５つの英文フォント。 いろんな場面で使えそうな書体のフォントが紹介されていました。 District Thin Fertigo FF Clan Narrow Bold Kontrapunkt Com4T Fine Regular その他色々フォント関連エントリ クルッとカールした曲線が特徴のかわいらしい英字フォント「doremi」 10,000種類以上のフリーフォントを試してダウンロードできる「better fonts」 オンラインでフォン
プログラマでも出来るWebデザイン - Blog.37to.net
home blog labs about contact プログラミング・開発 > プログラマでも出来るWebデザイン (X)HTML CSS テンプレート デザイン 画像 作成： 2007-01-08T01:58:41+09:00 更新： 2009-04-29T09:48:31+09:00 年始早々に大幅リニューアルした当ブログですが、リニューアルのお知らせでも書いた通り、 今回のデザインリニューアルに当たっての作成過程や、使ったツールを書いていきます。 デザインセンスの無い私にとって、今回のリニューアルは良く出来たと自負しているので、 お題はプログラマでも出来るWebデザイン。 前提として、CSSでコーディングが出来て、ある程度HTMLは設計出来る、でもデザインは・・・orz な人を対象にしています。 使用したツール・サイト一覧 作成過程は後半に書くとして、今回使用したサイト・ツールで
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSの知識をもっと深める30+2の小技テクニック集｜Webpark