How is the default user avatar generated?
Is there a name for the default avatars that are generated for users who do not assign one themselves and register using an authentication mode other than Google or Facebook? Not the avatar of the blank user, but the one made up of shards, shapes, and colours: Is there an online generator for something like that? See also: How do I change my profile picture, or avatar? Return to FAQ index
#50C1AL Share, #50C1AL Profiles
Overview: To list social accounts or share any page with 46 icons. Demo for social profiles: I Follow Rivers Demo for sharing: Hi! I'm text and I'm here to be selected. Options for socialProfiles: animation: launchpad, launchpadReverse, slideTop, slideRight, slideBottom, slideLeft, chain chainAnimationSpeed: default value: 100 blur: makes blur background (only works on -webkit browsers) true,false
Web Icon Fonts | chibatch.jp
Web Icon Fonts Webフォントで使えるアイコンセット。IE8以下では使えないです。iOS4.1以下も多分見られない。 _Download(35KB) @font-face{ font-family: 'WebIconFonts'; src: url('WebIconFonts.woff') format('woff'), url('WebIconFonts.ttf') format('truetype'); } .icon { font-family: WebIconFonts; } Arrows !Back! 1Back1 #Forward# 3Forward3 $Up$ 4Up4 %Down% 5Down5 &Done& 6Done6 'Close' 7Close7 (Plus( 8Plus8 )Minus) 9Minus9 Social Networks AAmazon
ローディング作成☆
Loading GIF or, so called loader gif is an animation that indicates a loading process on a web-site or an application. Being an critically important part of web-site and application design and usability, mostly the animations are used to show that something is loading on the background (e.g. AJAX applications). The animation objects are usually used in GIF format which is very popular due to it's
アイコンデザイン時に気をつけたい 10項目
デザイナーの大西です。 アプリケーションアイコン作成時に気を付けていることを書き出してみました。 基本的な事、作った後で気づく落とし穴、確認しておきたいことなど、アイコン作成の参考にしていただければ幸いです。 また、OS のガイドラインでアプリケーションアイコンについて言及されている場合が多いです。アングルや光源、影の付け方まで細かく定められているものもあり参考になるはずです。 ボリュームのある形 アイコンサイズの正方形でアイコンを囲んだときにどれだけ隙間が少ないか、がボリュームです。 ボリュームないと目立たないですし、隙間部分はクリックできない印象を与えます。ボリュームがあるだけでクリックしやすそうな安定感があります。 隙間の少ないアイコン（左）と隙間の多いアイコン（右） キーになる色は少なめに メインの色は 1色〜2色を目安に、不要な色を増やさない方が印象的に仕上がります。ただ、煩雑に
ミニマルなアイコンやシンボルをWebフォントで表現するために作られたフリーフォント・Web Symbols typeface
ちょっと面白かったのでメモ。 ミニマルなアイコンやシンボル をWebフォントとして使えるよう にしてくれたフリーフォント、 Web Symbols typefaceのご紹介 です。割と嬉しいかもｗ 以前、シンボルやアイコンタイプのフォントをご紹介しましたが、こちらは最初からWebフォントとして使う目的で作ったそうです。 アイコンをWebフォントにすることで、毎回アートディレクターにスライス等を頼まずにすむんや！って言ってました。 あんまり大きいサイズにするとちょっとアレですけどね・・ミニアイコンとして使うことのほうが多そうなのであんまり気にならないかな。css3でエフェクトをつけるのも面白いかもです。 こんな感じで使う。 css@font-face{ font-family: 'MyWebFont'; src: url('WebFont.eot'); src: url('WebFont.e
The Design Office: Modern Pictograms
Modern Pictograms is a set of 260+ icons that work at most any size and in any context. Install the OpenType file for Photoshop mockups or Keynote presentations and drop in the @font-face code into your CSS to embed them right in your Web page. Buy single SVGs or typeface at modernpictograms.com. Designed to work on web sites at sizes down to 18 pixels, but best at higher than 24 pixels. p" data-c
Icon Library | PICOL - Pictorial Communication Language - Icons & Pictorgrams – Pixel & V...
Glyphish: Icons for iOS and WatchKit
Buy now $99 Glyphish Bundle More than 2200 outline and filled icons, plus Sketch files Great icons for everything Carefully crafted for iOS tab bars, toolbars, nav bars and table rows, Glyphish icons are also perfect for Android, Windows Mobile, websites, UI design, t-shirts, tattoos, stencils, stickers and much more. See a preview of all icon sets Try 50 for free Buy the bundle Ready for Retina E
noupe - THE magazine for webworkers and site owners
Saving for college is quite a daunting task. We all want to set our kids up for success, right? But, the path to financing their dreams can feel like a maze of decisions and ...
ハンコでアソブ
ハンコでアソブは、フリーの透過PNG消しゴムハンコ素材サイトです。 リンク、使用報告、クレジット記載不要／商用利用可です。 © 2024 ハンコでアソブ. All rights reserved.
Pure CSS GUI icons – Nicolas Gallagher
An experiment that uses pseudo-elements to create 84 simple GUI icons using CSS and semantic HTML. Shared as an exercise in creative problem solving and working within constraints. This is not a “production ready” CSS icon set. Demo: Pure CSS GUI icons Known support: Firefox 3.5+, Safari 5+, Chrome 5+, Opera 10.6+. An exercise in constraintSeveral months ago I was experimenting with the creation o
AndroidにおけるLauncherアイコン、背景画像の作り方 - アシアルブログ
はじめまして。鴨田と申します。 年初からアシアルにてデザイナーとして働いており、 今日からブログも書くようになりました。 どうぞよろしくお願いいたします。 さて、今日はAndroidにおけるLancherアイコン制作を中心に、 お話をさせていただきたいと思います。 なぜ、この話題かというと、アシアルでは現在、 Androidアプリの制作を積極的に行っていて、 正式なプレスリリースは明日行いますが、 今日から、「ClapClap Clock」というAndroidアプリがAndroid Marketにて、 無料公開されています。 どんなアプリかというと、拍手に反応して、 現在の時刻を声で知らせてくれるという時計ユーティリティです。 興味のある方は是非インストールして頂ければと思います。 今回はそのデザインを自分が担当したので、 そのときに参考にしたデザインガイドラインを大まかに翻訳しながら、
フリーで商用可のハイクオリティなブログ用アイコンセット「Cute Blogging Icon Set」＆ウェブアプリ用「Application Icon Set」
「Web Icon Set」からのタレコミによると、本日付でブログを書いている人のために無料で使用できる「Cute Blogging Icon Set」と、ウェブアプリのために無料で利用できる「Application Icon Set」をリリースしたとのこと。いずれもPNG形式で、サイズは32×32・48×48・64×64・128×128の4種類が同梱されているため、いろいろな使い方ができるように工夫されています。 どちらも個人用途だけでなく、商用利用も可能と明記されており、非常に使い勝手のいいセットに仕上がっています。 ダウンロードは以下から。 Cute Blogging Icon Set | Web Icon Set http://www.webiconset.com/cute-blogging-icon-set/ Application Icon Set | Web Icon Set
白黒ベースのサイトを作りたい時に役立ちそうなWeb素材やWebデザイン例などのまとめ
最近、白黒カラーベースのサイトを 作成したのですが、その際に色々と 参考にしたアイコンやバナーなど のWeb素材やインスピレーション 向上の為のWebデザイン例に なりそうなサイトをまとめておきます。 結局アイコン等は使わなかったんですが、また作る時の備忘録としてメモ＆シェアしたいと思います。ライセンスはそれぞれご確認を。多少重いかもしれません。アイコン、ボタンやバナー、その他の素材、ギャラリーと続きます。 アイコン白黒やグレーのアイコンいろいろ。 40 greyscale icons グレースケールアイコンパック。 40 greyscale icons twotiny 白黒のミニアイコンが沢山。 twotiny 165 vector icons 165のうち、66が白黒のアイコン。 165 vector icons bwpx.icns かなりの数の白抜きミニアイコンが揃っています。 bw
Sexy Music Album Overlays · Komodo Media
Resources Download Sample File Download PNG overlays Preview Show Mass Love It’s the social web now. We share everything, from our musical tastes, to the bacon avocado burger we ate for breakfast , to the very funny things we say and do. With amazing APIs such as the ones offered by Last.fm, Twitter, Flickr and more, we can now put them all on our sites, showing close to real-time updates of the m
アイコンの効果的な使い方を実例から学ぶチュートリアル | コリス
アイコンの効果的な使い方を実例から学ぶチュートリアルをSmashing Magazineから紹介します。 How To Use Icons To Support Content In Web Design 下記は、その意訳です。 How To Use Icons To Support Content In Web Design アイコンは、ユーザーをあなたのウェブサイトの内容に惹きこませるシンプルで、効果的な方法です。 アイコンを使用して、ウェブサイトのコンテンツをサポートする素晴らしいサンプルとベストプラクティスを紹介します。 1. How To Use Icons アイコンを効果的に使用する方法 アイコンを使用する際のゴールの一つは、ユーザーに情報を素早く、そして効率的に伝えることです。 アイコンを効果的に使用すると、説明を必要とせずに、有効なコミュニケーションを可能にし、少ないコンテ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GLYPHICONS - Visual language that everybody understands
IDEA * IDEA
これはクオリティが高い、さまざまなソーシャルメディアをスタンプ風にデザインしたPSD, AI素材 -Stampaxx