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がアイコンの前景をつなげたスプライ
好みのグリッドを作成してPNGやPhotoshop形式でダウンロード可能な「Modular Grid Pattern」:phpspot開発日誌
好みのグリッドを作成してPNGやPhotoshop形式でダウンロード可能な「Modular Grid Pattern」 2011年02月15日- Modular Grid Pattern 好みのグリッドを作成してPNGやPhotoshop形式でダウンロード可能な「Modular Grid Pattern」。 ブラウザ上で、グリッドのラインの高さ等を細かく設定して、パターンを生成し、そのままダウンロードすることが出来ます。 サイトデザインを作るときのグリッドとして活用できそうです。 更に、Photoshop CS5用の拡張も配布されており、Photoshop上でグリッドを作成することも可能。 関連エントリ 200を超える非常に美しいPhotoshopのパターン集 背景画像に使えるPhotoshopの背景パターン2000 サイトの背景に使うと印象を際立たせられそうな50のPhotoshopパタ
開発者/デザイナ向けのチートシート集 | TRIVIAL TECHNOLOGIES on CLOUD
みんなのIoT/みんなのPythonの著者。二子玉近く160平米の庭付き一戸建てに嫁/息子/娘/わんこと暮らしてます。月間1000万PV/150万UUのWebサービス運営中。 免責事項 プライバシーポリシー 仕様やルール，使い方などのHow Toを手短にまとめたチートシートを探していたらこういうページを 見つけました。プログラミング言語だけでなく，HTMLやSQL，jQuery，Django，Railsなどもあって，かなり充実していてビックリかつ 関心したのでご紹介。チートシート配布サイトとして有名なAdded Bytesからのものが多いですね。どのチートシートも印刷しやすくなっているので，紙に印刷して手元に置いておきたくなります:-D。 元のページには，PhotoshopやIlustratorなどAdobe製品のチートシートなどもあるのですが，このブログの読者向けに再編してみました。また
perl & javascript - PNGにテキストを埋め込む : 404 Blog Not Found
2010年09月05日05:30 カテゴリLightweight Languages perl & javascript - PNGにテキストを埋め込む いっそこんな利用法はどうか。 404 Blog Not Found:Ajax - データ交換 via PNG 使いどころが限定的すぎる。 Demo 0 アイコンの中にエンコーダーのソースコードを埋め込んである。 $('#demo0 input').click(function(){ $('#demo0dst').text(showTextInPNG($('#demo0img').get(0))); }); Perlでテキストを取り出すソースコードは以下のとおり。 #!/usr/bin/env perl use strict; use warnings; use Imager; use autodie; my $img = Imager->
フリーでハイクオリティな「IconEden」による商用利用可能な無料アイコンセットいろいろ
上記画像の「iCandies Icon Set」は全部で60種類のアイコンがそれぞれ64×64・48×48・32×32の3種類のサイズ、さらにEPS/AI/PNGの3つのファイル形式で提供されているというもので、使い勝手の良いデザインとなっており、個人利用だけでなく商用利用も無料です。 で、このアイコンセットを配布している「IconEden」は有料でカスタムアイコンを作成したり、お手製のアイコンセットを販売しており、この「iCandies Icon Set」以外の無料アイコンセットについてもまったく手抜きはなく、有料のアイコンレベルのとんでもないクオリティのものばかりです。 ダウンロードは以下から。 Free Icon set - Icon Eden http://www.iconeden.com/icon/category/free まずはこれ、MacOSXやiPhoneにインスパイアさ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iPhoneなどモバイルデバイス用のシンプルなデザインのアイコン素材 -app-bit
IDEA * IDEA
