いつも見ているあのウェブページやアプリのユーザーインターフェイスが備えている素晴らしいディテールに注目し、コレクションしているブログを紹介します。
素晴らしいディテールを備えたインターフェイスデザインのまとめ -Little Big Details
いつも見ているあのウェブページやアプリのユーザーインターフェイスが備えている素晴らしいディテールに注目し、コレクションしているブログを紹介します。
Illustratorテクニックとフリー素材まとめ | コムテブログ
作成：2013/10/21 更新：2014/11/01 無料素材 > フリー素材は沢山あるけれど、どこに何があるか分かりにくい。ロゴやイラストを作るのにまたあのサイトを探さないといけない。そういったことで１回まとめました。今回厳選したつもりですが、それでも量が膨大になったので簡潔にリストアップしてます。 エンジニア速報は Twitter の@commteで配信しています。 もくじ フリー素材まとめ ダウンロードしておきたいフリー素材一覧 Illustrator のチュートリアル 小技 基本テクニック フリー素材まとめ ダウンロードしておきたいフリー素材一覧 ロゴやイラストを作ったりするときに役に立ちそうなアイコン、ベクター、背景、テクスチャ素材をまとめました。少し変わったモノが多いですが、筆者が何度もアクセスしてしまうブクマ一覧です。 学校や教育関係／アイテム全200種類のアイコン素材 -
最近見かけるフラットなデザインにぴったり、各ソーシャルサービスとシェア用のアイコン46種が揃った無料素材
アイコン全46種 ダウンロードできるアイコンのフォーマットはPNGで、サイズが16, 24, 32, 48, 64で、32, 64にはRetina用もあります。 アイコンの利用にあたっては個人でも商用でも無料で、クレジットやバックリンクの必要はない、とのことです。ただし、配布や販売は禁止です。
食材や料理、キッチン小物、調理器具などが揃っているおいしいアイコン素材 -Yummicon
あの肉、あのチーズ、あの目玉焼きをはじめ、肉、魚、野菜、果物、料理、ファーストフード、お菓子、お茶、お酒などのアイテムが揃ったおいしさをテーマにしたアイコン素材を紹介します。
もうアイコンには困らないぞ！ 11,245個のピクトグラムのアイコンがダウンロードできる -flaticon
10,000個以上あっても品質はどうよ、と思う人もいるかもしれませんが、サイトを運営しているのは当ブログともコラボしたfreepik.com！ 彼らのアイコンをはじめ、質の高いアイコンが揃っています。 ちなみに、コラボしたのはCelebrations Icon Setです。
商用利用無料、作り込みが素晴らしく色使いも勉強になるフラットなアイコン素材 -Ballicons
フラットのアイコンって使い道が限定されてるよなと思うのですが、見てるだけで楽しい、各アイテムの細部の作り込みカラースキームなど素晴らしいアイコン「Ballicons」を紹介します。 ↓こういう風にアイコンを見せるのもかっこいいですね！
夏のアイテムをモチーフにしたアイコン・パターン素材のまとめ -2013年夏
ビーチやキャンプ、スイカ、アイス、カクテルなど、夏のアイテムをモチーフにしたアイコンを紹介します。 アイコンは商用利用可のものからデザインサンプルまで、最後には夏をイメージしたパターン素材全62種も！まずは、フラットなアイコン素材から。
イラレのアピアランスで作れたアイコンが凄かったので、HTMLとCSSで模写した。 - kojika17
数カ月前に@suzukisan__が投稿された「Illustrator Unlimited Appearance - suzuki | JAYPEG」は、Illustratorのアピアランスを駆使して、1つのオブジェクトからカメラのアイコンを作るという、面白い試みをされていました。 アピアランスの可能性を示す、インパクトのある内容であったため、記憶に残っている方もいることでしょう。 このアイコンが投稿されてから時間がたっていますが、HTMLとCSSに分解されるイメージが自然に湧いてきたので、少しばかりのHTMLとCSSでアイコンを模写してみました。 HTML と CSS で作ったカメラアイコン 模写したカメラアイコンは、Internet Explorer 10以上 や、最新のChrome, Firefoxなどであれば表示されるはずです。 こちらがHTMLとCSSで書いたものになります。 ソ
ウェブでも紙でも商用利用無料！コリス限定のホビー系アイコン素材150種類を配布します！ -Celebrations Icon Set
海外のクリエイティブチーム「Freepik」とのコラボで、ビジターのみなさんに日頃の感謝を込めて、コリス限定のアイコン素材を配布します。 先日Twitter@colisscomでどんなアイコンが欲しいか希望を聞き、Freepikの中の人と相談し、アイコンを作成していただきました。 Freepik.comは、海外のウェブ制作系ブログSmashing MagazineやSix RevisionsやWeb Designer Depotでもお馴染みで、そのブログだけのオリジナルのアイコンセットを配布するコラボに当ブログも加わりました。 日本では初だそうです、やったね！ アイコンのテーマは「Celebrations」 ビジネス系のは他のサイトにたくさんあるので、ホビーやライフなどを主体としたアイコンを依頼しました。
これは珍しい、医療をテーマにした無料のアイコンセット -MedicalSeries
当サイトでも無料のアイコンをたくさん紹介してきましたが、医療をテーマにしたものは初です。 そんな素敵なアイコンセットをSmashing Magazineから紹介します。 Free Medical Icons Set (60 Icons) ダウンロードできるアイコンセットのフォーマットはPNGで、サイズは32x32と128x128の二種類がセットになっています。 ※32x32と128x128ではデザインが異なります。
Free Icon Search Engine
Download the best high quality ICO, SVG, PNG icon filesBrowse our online vector icon library powered by our merged partner Find Icons, the largest searchable free icons database in the world. Featuring icons for apps, settings, social media, email & more, get thousands of icons in lots of different styles, for free and in any format.
【icon】無料アイコン素材
便利に使えるシンプルクリップアート｜背景透明の無料アイコン 会員登録不要でダウンロード頂けます。｜欲しいアイコンが見つかります。 永久に無料ですので安心してご使用ください。サイト制作・ブログの挿絵
無料で利用できるウェブサイトやアプリケーション用の16x16ピクセルのミニサイズのアイコン集
ウェブサイトやアプリケーション用の16x16ピクセルのミニサイズのアイコンをFree Icons Webから紹介します。
ビジネスからホビー、楽器や洋服や医療や肉球まで揃ってるピクトグラムのアイコン素材 -1000 Free Icons
ビジネスからホビー、楽器や洋服や医療や肉球まで揃ってるピクトグラムのアイコン素材 -1000 Free Icons
Tyto Style
Tyto Style（ティトスタイル）について Tyto Style（ティトスタイル）は、京都・大阪を中心に活動するSEOディレクター兼マークアップエンジニア、三嶋正人の個人事業サイトです。 これまで約15年間にわたり、さまざまなウェブサイトの制作や改善、運用上のアドバイス等を行いSEOに強いサイトを作るための試行錯誤を重ねてきました。 現在はこれまでに得た経験を活かし、フリーランスとしてウェブサイト制作やSEOを中心としたサイト運用のサポート・アドバイスなどを行っています。 現在運用されていたり、企画中のウェブサイトが、本当にあなたの目標に適うものになっているのか、検索エンジンに最適化されたものなのか、少しでも疑問をお持ちであれば、立ち止まって現状を見直してみることはとても重要です。 その一環として、ぜひ一度お悩みをご相談ください。 現状を分析した上で、最適な改善方法をご提案いたします。
CSS3で実現するアローアイコン
CSS3で実現するアローアイコン スマートフォンなどでリンク領域を示すことなどで使われることが多いアローアイコン。これをCSS3を使って表現する方法を紹介します。 ちなみにアローアイコンとはこんなかんじのリストの右にある矢印。(アローアイコンの正式名称とかあるのかしら) まず、HTMLは次のようにします。今回は便宜的にアローアイコンを付けるa要素にclass属性「arrow」を付加しています。 <ul> <li><a href="#" class="arrow">link</a></li> <li><a href="#" class="arrow">link</a></li> <li><a href="#" class="arrow">link</a></li> <li><a href="#">link</a></li> <ul> .arrowには以下のようなCSSを指定します。 li a
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Bootstrap用のさまざまなスタイルのボタンを確認しながら簡単に作成できる -BootsButton
これはちょっと珍しい、学校や教育関係のアイテム全200種類のアイコン素材 -Freepik | コリス
http://shingekidesign.com/?p=116
個人・商業サイトで利用可のフリーのアイコン集 -Fine Icons | コリス