商用利用可能なアイコンを即刻ダウンロードできるアイコンサイトです。 ダウンロードした素材は、WEBページやアプリのアイコン、DTPデザインなどに使用可能!!
![商用可の無料(フリー)のアイコン素材をダウンロードできるサイト『icon rainbow』 « カラフルな商用利用可能なアイコン素材を無料でダウンロード!! 商用可の無料(フリー)のアイコン素材をダウンロードできるサイト『icon rainbow』](https://cdn-ak-scissors.b.st-hatena.com/image/square/c8928f79deb3532b49c967cb5fab3fa291caadec/height=288;version=1;width=512/https%3A%2F%2Ficon-rainbow.com%2Fimg%2Fogimg.jpg)
サイボウズの採用情報ページを見ていた。 サイボウズ | 採用情報(新卒・キャリア) といっても受けるとかではなく、ただ性格悪いことを思っていただけなんだけど。 Kintoneのセクションでアプリっぽいアイコンたちが右から左へと流れているんだけど、それがガタガタとしている。するするしていない。するするさせたい。 というわけで、何が起こっているのかを調べてみようかと。何回かにわけて書くよ。 その1 ― 何が起こっているのか調べる その2 ― 調べながら直しながらするするさせる その3 ― ちょっとしたことや他のブラウザでもするするさせる アニメーションの実装を調べる あとのことを考えて、Chrome DevToolsを使う。 まず、該当の流れるアイコンのところで右クリックしてinspectする。Elementsパネルで、<div class="icon"> という要素がハイライトされる。div
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
SVGスプライトって、なんか複雑なイメージがありませんか? 僕はそうでした。なんか、面倒くさそう。。。どこから始めて良いかわからない。。。といった感じでずっと手をつけられずにいました。 でも、今回やってみて思ったんですが、一度ワークフローを確立してしまえばアイコン管理がかなり便利になります。CSSスプライトの時よりも管理が楽になりますし、表示サイズや今後の高解像度対応を気にしなくて良くなるのも嬉しいですね。 SVGスプライトについての英語のリソースはあるのですが、説明が多く、とっつきにくいものも多い印象なので、ここではできるだけシンプルに必要なことだけをまとめてみたいと思います。 では、SVGスプライト・アイコンシステムのGulpを使ったワークフローの構築、始めましょう! 目次 達成したいこと デモページ SVGスプライトの仕組み ブラウザサポート 用意するもの 導入ステップ 最後に 達成
◆世界地図に便利な国別の国旗アイコン ISO国コードによる国・地域別のSVGアイコン、PNGアイコンがダウンロードできます。 ページの後半に「You can download pre built PNG icon sets from my Dropbox.」とあり、そこからzipファイルでまとめて国旗をダウンロードできます。国旗アイコンのサイズも様々に揃ってます。 https://github.com/koppi/iso-country-flags-svg-collection ◆手軽にGoogle Map用のアイコンに利用出来るメトロスタジオMetro Studio2 Metro Studio2(いまなら無料)は、いいです。かなり自由に自分好みのグーグルマップ用に使えそうなアイコンを作成できます。地図のアイコンに統一感がでてきますし、大きさ、カラーも変えられます。アスファベットアイコン、
Flat Color 使い方は、簡単です。 Step 1: 外部ファイル 外部ファイルにjquery.jsを使用している場合は、下記の外部スクリプトを加えます。 <script type="text/javascript" src="//cdn.rawgit.com/icons8/bower-webicon/v0.10.7/jquery-webicon.min.js"></script> AngularJSバージョンも用意されています。 <script type="text/javascript" src="//cdn.rawgit.com/icons8/bower-webicon/v0.10.7/angular-webicon.min.js"></script> Step 2: HTML あとは、使用するアイコンのコードを書くだけです。 アイコンをクリックするとコードが表示されるので、そ
すぐれたデザインを、より速く作成高品質の写真、動画、ベクトル、PSD、AI 画像、アイコンなどを使えば、アイデアを並外れたデザインに変換できます
需要があるかはわかりませんが、国内でよく使われてそうなwebサービスのアイコン30個をIllustrator用ベクター(CS5以上)とwebフォントでつくったので配布します。ほんとwebデザインのウの字も出てない当ブログで脈絡なく唐突に素材配布です。 ダウンロードファイルには以下の30個のサービスのアイコンが含まれてます。 amazon、ask.fm、dropbox、evernote、facebook、feedly、flickr、Google、goole+、gree、Gunosy、hulu、instagram、lastfm、LINE、mixi、NewsPicks、ニコニコ動画、pinterest、pocket、楽天、Skype、soundcloud、twitter、Vine、wikipedia、wordpress、Yahoo、YouTube、はてなブックマーク チョイスは完全に自分の気分で
ウェブフォントとは?メリットは? 「アイコンフォント」「WEB/ウェブフォント」など、いろいろ言い方がありますが同じものです。 通常なら画像で表示するアイコンを、フォントで表現する仕組みです。PCローカルのフォントとは違い、WEB上にフォントのファイルを公開するので、誰からでも同じデザインで見ることが可能です。 設置方法もとても簡単で、例えば「t」と書くだけでツイッターアイコン「twitter」が表現できます。CSSのようにclassで設定するウェブフォントもあります。 主なメリットは、フラット化への対応、アイコン画像を減らすことによる表示の高速化と、Retina対応が簡単にできることです。 アイコン画像のRetina対応は、ブログやウェブサイト制作者には悩ましい問題です。2種類の画像を用意するか、4倍の大きさのアイコンを読み込んだり、CSSやJavaScriptで条件分岐して表示する必要
(編集部注:2013年12月4日に公開された記事を再編集したものです。 ※無料で商用利用可のところばかりですが、中にはアイコン1個1個でライセンスが違うものやコピーライト記載が必要なものもあるので、ご使用の際には随時ご確認ください。) こんにちは。デザイナーの白浜です。 フラットデザインが流行りなこともあり?最近何かとピクトグラムアイコンを探す機会が増えました。(余裕があれば自作モノも増やしたいところですが!) でも、いつも同じところだとマンネリになりがち……。 他のデザイナーさんはみんなどこみてるんだろう??とアンケートをとってみたところ……今まで知らなかったところが結構出てきました! メモがてら、まとめてみたいと思います。 【こちらもおすすめ】 ☞ 質高すぎ!ベクター素材をフリーでダウンロードできるサイトまとめ LIGデザイナーが厳選!使えるフリーのピクトグラムまとめ Endless
2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。本件に関する詳細は、プレスリリースをご確認ください。 2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。 本件に関する詳細は、プレスリリースをご確認ください。
No notifications to show yet You’ll see useful information here soon. Stay tuned!
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く