ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
意外と知らない？アイコンはWebフォントでつくるとこんなに便利！
Webフォントでアイコンをつくろう！ ゆとりジェネレーションのほんだです。 最近、Webフォントを使用する仕事に多く携わった関係で、 Webフォントを有効活用したものすっごく素敵なマークアップ方法に気づきました。 ずばり、アイコンやちょっとしたイラストをWebフォントで作成する、というものです。 （以下のデモはGoogle Chromeなど、モダンなブラウザ推奨です。） jsdo.it のシンボルフォントを使用する - jsdo.it - share JavaScript, HTML5 and CSS アイコンを作成するだけだと、あまり新鮮さはありませんが、 CSS3時代のいま、これはとっても有効なマークアップ方法となっています。 詳しくは、つづきからどうぞ！ 色をつける フォントなのでCSS「color:」で指定するだけで色をつけられます。 もちろんマウスオーバー時に色を変更するのも、C
Amazon Web Services、システム構成図に使えるアイコンセットを無料公開
システム構築に関わる人ならだれでも、一度ならず何度でも、人によっては日常的にシステム構成図やネットワーク構成図を作っているはず。 Amazonクラウドはそんなエンジニアのために、システム構成図に必要なほとんどすべての機能がアイコンとして網羅されているアイコンのセット「AWS Simple Icons」を無料で公開しました。こんなのが欲しかった、と思っていた方も多いのではないでしょうか。 Amazon Web Services Blog: Introducing AWS Simple Icons for your Architecture Diagrams アイコンのフォーマットは4種類。パワーポイント、Visio、EPS、そしてオンラインのCacooです。 ガイドラインに従って利用 ガイドラインには「その時点での最新バージョンを使うこと」「アイコンとラベルを必ずセットで使うこと」「AWSと
デザインに優れた10のアプリアイコン
Tweet Webdesigner Depotに『A collection of creative beautiful app icons（クリエイティブで綺麗なアプリアイコンコレクション）』という素敵な記事があったので、内容を抜粋してご紹介。 機能がぱっと見ですぐわかり、かつアイ・キャッチングなアイコンって素敵:) さっそく以下から。 1. Sparrow Sparrowは非常に簡単にメール処理ができるUIがウリのメールクライアントアプリ。 そのアイコンも特徴に合わせ、手紙が紙飛行機になって飛んでいるというもの。 シンプルに何を実現してくれるのかがわかるアイコンです。 ツイッターをするようにメールを処理できる Sparrow がすごい | Lifehacking.jp 2. Things for Mac ThingsはMac向けのGTDツール。 チェックされた書類がケースの中に収まってい
icloudのアイコンに隠れた美しさの法則。
Thank you for coming to my blog! this article English version is here. 先日のWWDCで発表されたicloud。アップルのクラウド本格参入ということで色々とサービスが話題になっていますが、相変わらずアイコンのデザインも綺麗に仕上がっていますね。 では、なぜ美しく見えるのか、少し視点を変えてアイコンのデザインそのものに注目して、その美しさの理由に迫ってみたいと思います。 まずは、なんとなく眺めてみましょう。 雲の輪郭が不規則な曲線を描きつつも、とてもバランスのとれた形になっていますね。ワラのなかから一本の針を見つけるぐらい、とまではいかないと思いますが、シンプルでバランスのとれた形にしながらも雲に見えるような形に定着させるのは、簡単そうに見えて意外と難しく、磨き抜かれたデザインだということが分かりますね。 なんとなく眺めて
お馴染みのあのコンピューターアイコン達にまつわる話
誰でも知ってるあのアイコン、一体どんな意味が？ 毎日毎日ガジェットと過ごしていると、たくさんのアイコンが目に入ります。電源アイコン、コマンドアイコン、BluetoothにUSB！ あまりにも当たり前になって気に留めてなかったアイコン達。一体それぞれのアイコンにはどんなストーリーがあるのでしょうか？ 電源コンピューターの電源オン／オフボタンのアイコン。ここを押せばスタートしますよ。TシャツになったりNYのコンドームパッケージデザインに選ばれたり、人気絶頂のお馴染みアイコン。 このアイコンのストーリーは、第2次世界大戦までさかのぼります。エンジニア達は各電源ボタンやスイッチをバイナリシステムを使ったラベルでタグづけしていました。1はオン、0はオフ。1973年、国際電気標準会議（International Electrotechnical Commission）にて、切れ目のある円の中にラインは
iPhone 絵文字変換キーワード一覧
未だに読みをメールでお送りくださる方がいらっしゃいますが、 これはiOS4の頃にOS側で読みを降り忘れていたと思われる現象で、現在は解決しております。 メールはもうお送り戴かなくても結構ですので読みはご自身でご記憶ください。
これからのデザインのためのアイコンセット50 – creamu
Smashing Magazineで、これからのデザインのためのアイコンセットがたくさん紹介されています。 ざっといくつかご紹介。 ↑はChalkwork HTML Royalty-free Icons。 個人利用・商用利用ともに無料 On Stage Icons Set フリーのベクターアイコン49。psdファイルつき。個人利用・商用利用ともに無料 Coquette 4 Icons Set 角丸でカラフルなクオリティーの高いアイコンが50個 Coquette 5 Icons Set 32bit、透過PNGのかわいいアイコンが50個 Chalkwork Payments (Free) Icons Eコマース系のアイコン集。個人利用・商用利用ともに無料 Finance Icons Set 個人利用・商用利用ともに無料だがサイトへのリンクが必要 Free Vector Icons Pack 0
無料アイコン100パック2009年版*ホームページを作る人のネタ帳
アイコンまとめ祭り。 今回は量も量なので画像は小さめ、クリックすると拡大方式を使っています。 ※無料ダウンロード可能なハイクオリティアイコン総まとめ2013年版にて、最新の無料アイコンをご紹介しています。 無料アイコン １～１０ Free Icon Pack: Web Injection - Tutorial9 システムアイコンやRSSアイコンなどの詰め合わせ。 タグがいい感じすぎる。 mfayaz's Art Blog: FreeHand_ColorStroked icon pack オープンソースで出来たもの系のアイコン集。しかも手書き風。 IconTexto: Drink Web 2.0 各種ソーシャルサービスを空き缶アイコンにしたもの。 Freebies Aggregator: Vector Social Media Icons わざとダサめのアイコンに仕上げてある感じがいい。 H
川o・-・）＜2nd life - favicon を dot's ぽく変換する - favicon2dots
http://favicon2dots.com/ favicon を dot's っぽく似非3D表示するサービス、favicon2dots を作ってみました。サイト上から 変換したい favicon やそのサイトの URL を打ち込むと、それっぽく変換してくれます。 またはてなidを id:secondlife のようにそのまんまフォームに打ち込むと、はてなユーザアイコンを変換してくれます。 id:secondlife id:nagayama id:eureka id:tikeda また、適当な gif/png 画像を指定しても dot's ぽく変換してくれます。 http://subtech.g.hatena.ne.jp/images/report.gif http://subtech.g.hatena.ne.jp/images/task.gif その他オプションとかもあるのでいろいろ弄
Ajaxload - Ajax loading gif generator
Indicator type : Background color : # Transparent background Foreground color : # Create easily your own ajax loader icon : Select the type of indicator you want Enter the background code color you want (tick "Transparent background" if you don't want one Enter the foreground code color you want Press "Generate it"
Photoshop で背景透過の美しい favicon を作成する - 2xup
2006-04-28T23:23:04+09:00 favicon (ファビコン)はウェブブラウザのアドレスバーや、ブックマークした URL の横に表示される小さなアイコンです。いまやもうサイトのアイデンティティを明示するツールとしてほとんどサイトでみることができますが、小さいファイルであると共に、ファイルを扱えるソフトェアがそれほど多くは無いため、なかなか想い通りにデザインできない。という悩みを持っていました。できれば背景を透過にして、マットの少ない美しいものを作りたいと考えていて、使い慣れたソフトウェアである Adobe Photoshop で作れれば幸せだなあ。と思ってました。 これまでは、FavIcon from Pics という Web 上のツールを利用して作っていましたが、これは背景を透過にできなかったり、元の画像から変換される際に大きく画像の質が落ちてしまうという欠点がありま
Free Vector Clipart and Icon
Download these vector graphics and feel free to use for your projects, personal or commerical. These graphics are in .pdf format, support most graphic application like Flash, Photoshop, Illustrator, etc. These cliparts/icons are great for creating webpage link buttons, forum icons, or software interface. To download, right-click on the link and select "Save target as…" User / Profile / ID File Dow
Sweetie | Cute and clear icons
Don’t Worry, Be Happy Near-instant downloads, and if you ever lose them, I’ll resend without question. With crisp shapes and playful colours, Garden adds a little bit of sunshine where ever you plant it. Key icons from the Garden set shrunk down to microscopic sizes. Microscope not included. A fully modern set while keeping the same adorable attitude as the original Sweetie. Order Custom Icons
Mini Pixel Icons
Over 320 mini pixel icons! All Free! These mini icons are designed at 14×14px with transparent background. They are specially designed for header or side navigation buttons. Feel free to use these icons for your site (personal or commerical). However, if you are using more than 10 different icons, you must give a link back to N.Design Studio. If you like these icons, please help me to spread out t
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Site Under Maintenance
IDEA*IDEA 〜 とあるサービス運営者が学んだことをまとめるブログ
GEO SWORD by SAKAMATA - Q-BLOCK : Create 3D Pixel Art Online
ウェブサイトで使用するものが一通り揃ったフリーのアイコン素材 -Primo
Site Under Maintenance
