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デザイン――gihyo.jpのアイコンもリニューアル？！｜gihyo.jp … 技術評論社
gihyo.jpの読者の皆さんはじめまして。FJORD,LLC,というエンジニア一人、デザイナー一人の計二人の小さな会社でデザイナーをやっている町田哲平と申します。会社の仕事とは別に、「KUROIGAMEN」というデザイナーも黒い画面（ターミナル）を使ってGitHubにあるオープンソースにデザイン入れてPull Requestを送ったらいいじゃん、それをデザインテロって呼ぼうよ！という企画のブログを書いています。 オープンソースにデザイナーが貢献できること 上記しました「KUROIGAMEN」、いざデザインテロをしようとGitHubを徘徊してみるとそのほとんどはRubyのGemなどデザイナーの領域であるGUIとは無縁なターミナルで使うツールばかり。こりゃデザイナーの出番はないなぁ、と思ってしまいがちですが、いやいや、ツールの使い勝手には直接貢献はしないけれど、そのツールのアイコンやロ
Blitz - ウェブクリエイタの人も，そうでない人も楽しめるデザインブログ
手相講座 オンラインが気になるなら、こちらのウェブサイトをよくチェックしたほうがいいです。 そして、あなたがすぐ副業になる 手相オンライン講座を購入しようとしているなら、上のウェブサイトで、すぐ副業になる 手相オンライン講座を手に入れると一体何ができるようになるのかについて、十分に理解した上で購入することをおすすめします。 また、レビューや評価が紹介されているなら、それについてもよくチェックしましょう。 下記のすぐ副業になる 手相オンライン講座についての情報も役に立つかもしれません。 商品名：すぐ副業になる 手相オンライン講座 販売商品紹介：手相をゼロから学んで副業になる！覚えなくても始められる！基本となる丘・線の解説に加え、応用力がつく読み方や豊富な実例も紹介。特典動画ではさらに学びを活用し副業にしていくための方法も解説した有料鑑定をやるための情報に特化した手相講座です。 電子書籍価格：
シンプル、ミニマルなサイトを作りたい時に役立ちそうなアイコンやフォント、ギャラリーなどのまとめ
個人的にミニマリズムなサイトが 好みなので自分用の備忘録です。 情報が多いので若干まとめのまとめ という感じになっていますがご了承 下さい。シンプルなサイトを作る時に 役立ちそうなリソースやギャラリーを。 内容はシンプルなアイコン、インスピレーション向上に必須なギャラリー、相性の良さそうなフォントなどになります。 白黒のサイトを作りたいときに役立つもの、という記事と被りますがご了承下さい。 Iconic モノクロながら可愛らしい感じのアイコン103個セット。 Iconic picol 汎用性の高そうなアイコンセット。 picol Token 色々なところで紹介されてるアイコン。28万人中10万人はDLしてるみたいです。人気ですねー。 Token Brightmix icon set EPSファイルで配布されるアイコンセット。丸型にほぼ統一されてます。地球のアイコン凄いですね。。 Brigh
Webサイトを彩る画像・イラスト・アイコン集
2013年12月25日 Webデザイン 文字だけじゃ物足りない。そんなサイトをもっと素敵にしてくれる画像やイラスト、アイコンを集めたサイトを紹介します。無料でダウンロードできるものから、有料だけど種類も多く、高画質のものも！ぜひ取り入れてみてください！ ↑私が10年以上利用している会計ソフト！ サイトに使える画像 stock.xchng http://www.sxc.hu/ 無料・要登録。無料でここまでたくさんの画像がダウンロードできるサイトはここだけ？と世界中で利用されているサイトです。 fotolia http://jp.fotolia.com/ 有料ですが質もよく、たくさんの画像があります。日本人の画像も多くて、日本のサイトを作るときに利用し始めました。 LinkStyle http://www.linkstyle.co.jp/ 無料・登録の必要もありません。数はあまり多くありません
制作に使えるフリーアイコンを探し出すためのWEBサイトを集めた「11 Great Resources to Find Free Icons」
TOP > Design , WebDesign > 制作に使えるフリーアイコンを探し出すためのWEBサイトを集めた「11 Great Resources to Find Free Icons」 WEB制作に便利な素材アイコン。ユーザーインターフェイスを向上してくれたり、サイトのクオリティを上げてくれる頼もしい存在です。フリーでも良質なアイコンセットが多数リリースされていますが、サイトのテイストとデザインを揃えていかないと、浮いた存在になっていします。そこで今回紹介するのは制作に使えるフリーアイコンを探し出すためのWEBサイトを集めた「11 Great Resources to Find Free Icons」です。 Iconfinder お馴染みといったところもあるかもしれませんが、今日は紹介されているサイトを全て紹介したいと思います。 詳しくは以下 ■Icon Fever フリ
Free Exclusive Vector Icon Pack: Web User Interface
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. The Web User Interface vector icon pac
アイコンやボタン、フォーム、パンくずなどウェブ用のUIがセットになったPSD素材
ウェブのUIでよく利用されるエレメントがセットになった無料のPSD素材をMediaLootから紹介します。 Freebie: Massive Web UI & Button Set UIセットにはコントロールボタンやアロー、ベーシックなシンボルをはじめ、インフォボックス、テキストボックス、パンくずやボタンなどのナビゲーション、ドロップダウン、スピーチバブル、検索フォーム、ローディングエレメントなどが揃っています。 ダウンロードできるPSDファイルは、3つのスタイル、7つのカラーがあらかじめ用意されています。 素材の利用にあたっては個人・商用ともに無料で利用が可能で、再販などは不可とのことです。 詳細はサイトおよび添付のテキストを参照ください。
liquidicity » Panic Over! PHP, CSS & HTML Help Sheets
July 2024 February 2024 November 2023 June 2023 April 2023 March 2023 February 2023 January 2023 December 2022 November 2022 October 2022 September 2022 August 2022 July 2022 June 2022 April 2022 March 2022 February 2022 January 2022 December 2021 November 2021 October 2021 September 2021 August 2021 July 2021 June 2021 May 2021 April 2021 March 2021 February 2021 January 2021 December 2020 Novemb
外部リンクや各ファイルに合ったアイコンを自動的につける｜web bibo
/* CSS（スタイルシート）に関する知識・テクニックなどの備忘録 */ 文字サイズ 大 中 小 現在のページ： HOME » CSS フォント・リンク » 外部リンクや各ファイルに合ったアイコンを自動的につける CSSで外部リンク、PDF、Excel、Word、zipなどのファイルへのリンクにアイコンを自動的に付ける方法です。 HTML <p><a href="http://webbibo.com/">ホームに戻る</a></p> <p><a href="http://www.google.co.jp/" target="_blank">GoogleのTOPページ</a></p> <p><a href="test.pdf">Webアンケート結果</a></p> <p><a href="test.doc">FAX送付状</a></p> <p><a href="test.xls">月別売上集
3926 Free "Farm-Fresh Web Icons" by FatCow Web Hosting
Download hundreds of FREE, beautifully designed icons from FatCow Web Hosting! Icon set includes both 16 and 32 pixel versions of icons shown below. Download Free Icons »
フリーのアイコンセットいろいろ
tripwiremagazineで公開された フリーのアイコンセットのまとめが 凄く良かったので備忘録的に。 かなりの数のアイコンとアイコンを 探すのに使えるサイトを紹介していますが、 個人的に使えそうなものをメモしておきます。 リンク先は70個のまとめ記事なのでぜひ 訪れてみてください。 characters so far 人型のアイコンセット。 characters so far Social Media Bookmark Icon ソーシャルメディアのアイコン。参考にしたいです。 Social Media Bookmark Icon ecqlipse 2 クールな白黒アイコンセット。かこいい。 ecqlipse 2 Token 汎用性高そうなアイコンセット。 Token Liquidicity Icon Set こちらも使いやすそう。 Liquidicity Icon Set Web
Business Software Reviews, SaaS & Cloud Applications Directory | GetApp®
GetApp Edificio SPACES C/ Pallars 193, 2ª planta 08005 Barcelona, Spain info@getapp.com
20 Best Icon Search Engines For Web Designers
Though they’re tiny pieces of graphics, icons do have a great impact on your overall interface and web design. Therefore, designers are always on the lookout for new icons with different styles. And what would be a more useful way to get new icons than through an icons search engine. But wait, you don’t have to look around because this post is exactly what you need. In the following list, you’ll f
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
YouTube人気急上昇
251,507 free icons
Iconizer.net | Free icons generator
Plus de 200 000 icônes gratuites sur Icones.pro !
IDEA * IDEA
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP