「ありのありあり」と「ありありのあり」はどっちがありか？ 5千個の絵文字を創った人と整理する｜岡田 悠
こういう絵を見たことないだろうか。チャットの投稿に対して、スタンプみたいなものが押されている。 これは、チャットツール「slack」のカスタム絵文字という機能だ。書き込みに対してリアクションを押せるのだが、その画像を自分で作れるのである。そのため社内には多様な絵文字があって、この間とある発言に同意すべく「あり」を押そうとしたら、 選択肢が多すぎる。なんだこれ？ 代わりに「わかる」と押そうとしたら、 めちゃくちゃあるな。 その状況に、ふと疑問を抱いた。 「ありありのあり」と「ありのありあり」は、どっちがありなの？ 「わかりマンボ」と「ワカリマクリスティ」はどっちがわかってるの？整理心がくすぐられて、曖昧な絵文字たちに全て序列をつけようとした。しかしその作業は難航を極め、一人では収拾がつかない。もっと人手が必要だ。 こうして物事のあり/なし、わかる/わからないに強い関心を持った者たちが集って、
おばけのアイコン遍歴 - 最終防衛ライン3
アイコンをリニューアルしました。新しくしてからも、ちょこちょこと細かなマイナーチェンジを繰り返し、現在のバージョンで落ち着きました。 昨今のサービスでは、円状にカットされたアイコンが多いので、それを利用する方向性に。二体のおばけを陰陽図っぽく配置しつつ、白いおばけは濃い藍色と円形のアイコンによって補完されるよう狙いました。輪郭がボヤッと見えてくるのが、おばけらしくて好きです。藍色の方もうっすらと顔が見える色合いて、輪郭の曖昧さが「最終防衛ライン」を表しているのです！*1 アイコンをリニューアルした旨をTwitterで告げたら「最終防衛ライン」と「おばけ」の関係が分からないとのリプライを貰いました。確かに全然関係ないので、アイコンの遍歴と合わせて説明しましょう。 2010年まで：ねないこだれだ 2010年にドミニオンが流行ってまして 2011年にドット絵化 2013年にマテリアルデザインっぽ
実装が非常に簡単！アニメーションに対応したSVGアイコンと埋め込みコードがセットになったライブラリ -Titanic
アニメーションするSVGアイコンもそれを実装するJavaScriptも、ゼロから作成すると時間がかかります。 Webページやスマホアプリでよく使用するさまざまなアイテムが用意された、アニメーションに対応したSVGアイコンと埋め込みコードがセットになったJavaScriptのライブラリを紹介します。 実装は非常に簡単で、SVGやJavaScriptが苦手な人でも問題無しです。
How to work with SVG icons
There are many ways to use SVG icons in HTML and CSS, and I haven’t tried them all. This is how we do it in our small front-end team at Kaliop. It works well for our needs, which include: Content and communication websites, often based on big CMSes, rather than full-JS web apps. Icons which are often simple, single-color icons (each potentially used in several different colors depending on context
50 Tasteful Barista And Coffee Lovers Icons - Freebie — Smashing Magazine
Creative folks like yourself know how important our daily dose of hot and steaming coffee is. Many of us even choose to work from a coffee house because the cozy atmosphere, the smell of freshly ground coffee beans and the carefully created art on the glossy foam fuels our creativity. Designed by Oliver Pitsch, Barista is an icon set dedicated to all baristas and coffee lovers. It consists of 50 c
Freebie: Astronomy & Space Icons (AI, Sketch, SVG, PNG) | Codrops
Freebie: Astronomy & Space Icons (AI, Sketch, SVG, PNG) A set of 30 free vector icons with an astronomy and space related theme and a duo colored fine line style. Today we’d like to share a beautifully designed space icon set with you. The set was designed by Dale Humphries and it contains various astronomy and space related icons in a delicate two-colored line style. About the icon set Containing
Glyphs Company
Find, use, and optimize Glyphs is the easiest way to find, customize, and deliver graphics. Sign up below to start using and customizing any of our thousands of SVG graphics or stock photos in less than five minutes: New from Glyphs: SmartCTR 5-15% more conversions, near-zero effort. SmartCTR is fully-automatic A/B/n optimization designed for sitewide eCommerce testing. Boost multiple elements acr
Open sourcing Twitter emoji for everyone
Earlier this year, we collaborated with our friends at @Iconfactory on a set of 872 beautiful emojis so Tweets containing emoji characters would look as sharp on the web as they do in mobile apps. Now we’re pleased to announce that these emoji are available as an open source library to the developer community at large. Since we’ve gotten many requests to use our emoji in various projects, as of to
X to Close
X’s are everywhere in user interface (UI) design. A powerful symbol, [x] is capable of closing windows and popups, toolbars and tabs and anything else that might otherwise be cluttering up your screen. Twitter XClicking on [x] to close a feature has become an instinctual part of using a computer and a standard in web and software design. Although it may seem like the ubiquitous [x] has always been
Share: The Icon No One Agrees On - BOLD by Pixelapse
Share: The Icon No One Agrees On And why iOS 7's icon is nicknamed the "uploader" What do each of these symbols have in common? They are all trying to convey the exact same action - share! Sharing to a social network or via email is a ubiquitous action nowadays but designers have still not been able to reach a consensus on what symbol to use to represent it. Not only does each major platform use a
SVG と背景色を使ってサイズやカラーが自在な汎用性のあるアイコンボタンを作る
SVG によるアイコンデータと CSS による背景色の指定を組み合わせてサイズやカラーを自在に変更可能なアイコンボタンを作るお話。あわせて主要 Web サービスのロゴデータを SVG で用意する方法や注意点なども。 透過 GIF や PNG 画像に背景色を組み合わせることでアイコンボタンのカラーバリエーションを簡単に作るっていうやり方は昔からありますが、これを SVG （Scalable Vector Graphics） でやることでサイズ変更にも対応しやすいやつを作るっていうお話。 手法的には目新しいことは何もありませんが、この前この Blog のデザインをリニューアルしたときに視覚的に左側サイドメニュー上部 （スマートフォン表示だと隠れてると思いますが） にある 「Follow」 メニュー部分で使ったので紹介。 やってることは簡単です。白抜きにしたい部分をそのまま白色、背景は透過するよ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
#
GitHub - danklammer/bytesize-icons: Tiny style-controlled SVG iconset (101 icons, 12kb)
SVG Burger Menu
Instagram Blog | A New Look for Instagram
Novedades sobre Diseño Web - Drool
twitter/twemoji: Twitter Emoji for Everyone
GitHub - google/material-design-icons: Material Design icons by Google (Material Symbols)
「絵文字に平等をサポートしてください」人種差別の指摘にゆれるUnicode 
Iconic