React Icons
Installation (for standard modern project) npm install react-icons --save Usage import { FaBeer } from 'react-icons/fa'; class Question extends React.Component { render() { return <h3> Lets go for a <FaBeer />? </h3> } } Installation (for meteorjs, gatsbyjs, etc) If your project grows in size, this option is available. This method has the trade-off that it takes a long time to install the package.
Cult of the Party Parrot
ParrotHD Open-source ParrotHD Middle ParrotHD Reverse ParrotHD Aussie ParrotHD Goth ParrotHD Old Timey Parrot Bored ParrotHD Shuffle ParrotHD Shuffle Further Parrot* Conga Line ParrotHD* Reverse Conga Line ParrotHD Party ParrotHD Sad ParrotHD* Cop ParrotHD* Fast ParrotHD* Ultra Fast ParrotHD* Slow ParrotHD* Slo-mo Parrot* Dad ParrotHD* Deal With It ParrotHD Deal With It Now ParrotHD Fiesta Parrot
Yosemite風のアイコンが簡単に作れるツール作った - Qiita
はじめに 最近Electronを使った最強のTwitterアプリとかが話題ですが、みなさんアイコンのデザインとかどうしてますか？ UIはともかくとして、Dockにブチ込めるいい感じのアイコンデザインちょっと面倒くさい……。 そんな人のためにこんなツールを作ってみました。 Yosemite風アイコンジェネレーター http://ls8h.com/yosemite-icon/ API 使い方としては2通り用意しました。 まず、アイコンジェネレータのページから直接マウスやペンタブなどで普通に書いてみる方法。 もう一つは、APIです。 ここはQiitaですので、とりあえずkobitoのアプリアイコンを元にAPIを使って自動生成してみたいと思います。 まずは元となるアイコンを用意します。 大きいですね。1024*1024のサイズで作っています。 Dockにあるアイコンを参考に、マークをいい感じの大き
Free vectors icons
No notifications to show yet You’ll see useful information here soon. Stay tuned!
欲しいものが無いからつくってみました。誰でも使えるオープンソースなネットワークアイコン集 - Qiita
概要 システム構成図などを作成しようとすると、ユーザーやサーバーの図形を使うことになりますが、ライセンスを気にせずに、タダで使えて、見た目がそれなりによくて、統一感があるものは、なかなか見つからないですよね。無いならつくるしかない、ということでつくってみました。 この図をつくっているパーツを含むPowerPointもGitHubに公開したので、ある意味オープンソースです。グループ化を解除すれば、各パーツに分解できます。 昨日から作り始めたので、まだ納得のいくものになっていませんが、これからクオリティを上げていきます。 ちなみにWindows 10のPowerPoint2013でつくっているので、LibreOfficeなどでは正常に表示されません。最初からMacかUbuntuで作図した方がもう少しマシなデザインになったと思いますが、職場はWindowsという人が多いと思うので、PowerPo
Gulpを使ったSVGスプライトのアイコンシステムとワークフローの作り方
SVGスプライトって、なんか複雑なイメージがありませんか？ 僕はそうでした。なんか、面倒くさそう。。。どこから始めて良いかわからない。。。といった感じでずっと手をつけられずにいました。 でも、今回やってみて思ったんですが、一度ワークフローを確立してしまえばアイコン管理がかなり便利になります。CSSスプライトの時よりも管理が楽になりますし、表示サイズや今後の高解像度対応を気にしなくて良くなるのも嬉しいですね。 SVGスプライトについての英語のリソースはあるのですが、説明が多く、とっつきにくいものも多い印象なので、ここではできるだけシンプルに必要なことだけをまとめてみたいと思います。 では、SVGスプライト・アイコンシステムのGulpを使ったワークフローの構築、始めましょう！ 目次 達成したいこと デモページ SVGスプライトの仕組み ブラウザサポート 用意するもの 導入ステップ 最後に 達成
Delivering Octicons with SVG
EngineeringDelivering Octicons with SVGGitHub.com no longer delivers its icons via icon font. Instead, we’ve replaced all the Octicons throughout our codebase with SVG alternatives. While the changes are mostly under-the-hood, you’ll immediately feel… GitHub.com no longer delivers its icons via icon font. Instead, we’ve replaced all the Octicons throughout our codebase with SVG alternatives. While
「洗濯絵表示」全41種類の意味を解説！覚えておきたい正しい洗い方
洗濯表示をチェックすべき理由 洋服のお手入れは、素材に合った適切な方法で行うことが肝心ですが、そのためには洗濯表示を理解する必要があります。何も知らずに乾燥機に入れてしまったり、アイロンをかけてしまうと、型崩れや縮みの原因になることも。お気に入りの洋服を長持ちさせるためにも、洗濯表示の意味は必ずチェックするようにしましょう。 覚えるべき5つのマーク 洗濯表示は、洗濯、アイロン、漂白、タンブル乾燥、自然乾燥、クリーニングの6つのマークに分けられます。それぞれの記号が何を指しているのかを覚えてしまえば、失敗することなくお手入れすることができますよね。ここからは、6種類のマークを細かい意味と合わせて解説していきます。 洗濯 洗濯の仕方は、洗濯桶のイラストで表示されています。桶の中の数字は上限の水温を示していて、30度・40度・50度・60度・70度・95度と細かく分類。桶の下の横線は衣料品に与
Yosemite Icon Generator
APIも用意しました コマンド叩くだけで自動生成できますcurlで叩くだけでアイコンを自動生成できるので、ローカルにある画像を元にお手軽に作ることができます。 迷ったら簡単に作ってみましょう。きっとなんとかなる！ curl xn--9i8hku.ws/yosemite-icon/api -F "icon_image=@filename.png" -F "base_color=rgb(79, 179, 180)"> icon-name.png このスクリプトをターミナルに貼り付けて実行してみてください。 パラメーターメソッドはPOSTのみ受け付けています。APIのURLは「http://xn--9i8hku.ws/yosemite-icon/api」です。 パラメータ解説
これさえあればシステム構成図がだいたい描けるアイコンセットを公開します！ | フューチャー技術ブログ
🚧新しいVersionが公開されています🚧 こちらの記事もどうぞ確認ください。 これさえあればサービス構成図がだいたい描けるアイコンセットを公開します！ こんにちは。@chanomaruです。 みなさん、スライドを作ってますか？ 最近はビジネスパーソンだけでなく、学生さんもプレゼンテーションをする機会が多くなってきていますよね。 エンジニアがよく作るスライドの一つにシステム構成図があります。 わたしもシステムがどのような構造になっているかを説明する際によく作成しています。 システム構成図では各技術要素をアイコンで表現することが多いです。 しかし「ロードバランサー」や「キュー」など、よく使うわりにアイコンを探しにくいモチーフも多いですよね？ ・・・ということで、社内で利用されている 「これさえあればシステム構成図がだいたい描けるアイコンセット」を公開します！ アイコンセット含まれているア
システム構成図やプレゼンテーション資料などで自由に使える「さくらのアイコンセット」を公開いたしました。 | さくらのナレッジ
「さくらのアイコンセット」とは？ 「さくらのアイコンセット」は、サーバやストレージなどインフラに関連したアイコンをセットにしたものです。当社サービスをご利用をされている方はもちろん、当社サービスをご利用でない方でも、ホワイトペーパー、システム構成図、プレゼンテーション資料など様々な用途にご利用いただけます。 >>こちらからダウンロードできます。 《ライセンス》 SAKURA internet Inc. クリエイティブ・コモンズの 表示 4.0 国際 ライセンスで提供されています。 《アイコンの紹介》 「さくらのアイコンセット」を含まれるアイコンについては、下記のアイコンとなります。 1 ： general 様々な用途でご利用できる汎用的なアイコン集です。 2 ： programming PHPやPythonなどのプログラミング言語のアイコン集です。 3 ： server-parts CPU
Nativefierでどんなウェブアプリも一撃Macアプリ化！ブラウザとアプリの用途を分けて仕事を効率化しよう - 株式会社クラフトマンソフトウェア
Nativefierでどんなウェブアプリも一撃Macアプリ化！ブラウザとアプリの用途を分けて仕事を効率化しよう HTML5やJavaScriptでの表現力が非常に高くなった昨今、アプリをウェブだけで提供しているサービスは少なくない。今回はそうしたアプリをあたかもネイティブMacアプリのように変換できるNativefierについて紹介したい。 > アプリとブラウザを分けるメリットアプリとブラウザを分けるメリット 仕事をする上で、昨今のブラウザは2つの目的で使われる。 情報収集 特定業務の遂行 1つ目は、情報収集のツールとしてブラウザを使う。知りたいこと分からないことなどをGoogleなどの検索エンジンで検索し、調べ、業務の課題を解決するために使う。2つ目は、特定業務の遂行を目的に使う。例えばチャットツールのChatWorkやチケット管理のRedmineといったツールを動かすためにブラウザが使
研究を基にしたオープンソース開発チェックポイント
研究室が研究を基に OSS を開発、公開するときに気をつけるポイントをまとめました。Read less
マイクロソフトが提供しているアイコンセットまとめ – プログラミング生放送
マイクロソフトが提供しているプレゼンやアプリなどに使えるアイコンを、知っている範囲で最近のものをまとめました。 Cloud and Enterprise Symbol/Icon set Cloud and Enterprise Symbol/Icon set は、UX グループが Azure 向けに作成した200個以上のアイコンセットです。PNG 画像と Visio ステンシルがダウンロードできます。 新サービスのリリース時と四半期ごとに更新が予定されているようです（現在は、4月に更新された Ver. 2.22）。アンケートやメールでのフィードバックも受け付けています。 基本は、Azure 関連のアイコンですが、一般的なアイコンも含まれています。資料作成などの用途に広く使えます。 You can use them in architecture diagrams, training mat
HOMETOGEL | Situs Slot Server Thailand Terpercaya Gampang Menang
Dalam dunia slot online yang kian berkembang, Hometogel telah menjadi tujuan utama bagi para pemain slot online terutama Slot Server Thailand, Dengan antarmuka ramah pengguna dan terdapat berbagai pilihan permainan menarik, Hometogel menawarkan pengalaman bermain slot online tak tertandingi, Salah satu keunggulan utama yang ditawarkan oleh platform slot online ini adalah slot hadiah terbesar sekal
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Slackmojis - The Best Custom Slack Emojis
GitHub - oblador/react-native-vector-icons: Customizable Icons for React Native with support for image source and full styling.
SVG animation tool | SVG Circus
Progressive Mobile Web Apps
GitHub - nativefier/nativefier: Make any web page a desktop application
