120種類以上の面白いアイテムがたくさん揃ったアイコンフォント -Sosa icon fontブログやウェブサイトのユーザインターフェイス用にさまざまなアイテムを揃えた、商用でも無料で利用できるアイコンフォントを紹介します。 アイコンのカテゴリは、ウェブ、ソーシャル、Eコマース、デバイス、メディア、ツール、グラフ、文具、天気、乗り物、など多岐に渡ります。 Sosa icon font アイコンフォントは4種類のフォーマットが用意されています。 TrueTypeフォント EOT WOFF SVG アイテムは全部で121種類！ その中からいくつか紹介します。
[JS]シャドウにもこだわった、滑らかで美しいアニメーションでページをめくるスクリプト -BookBlock
Demo 3 BookBlockの使い方 Step 1: 外部ファイル 「jquery.js」と当スクリプト、そしてスワイプイベント用に「jquery++」を外部ファイルとして記述します。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script type="text/javascript" src="js/jquerypp.custom.js"></script> <script type="text/javascript" src="js/jquery.bookblock.js"></script> Step 2: HTML 各ページはdiv要素で実装し、それらをdiv要素で内包します。 <div id="b
Free User icons
Amazing freebies every week in your e-mail, don't miss the next ones with the shock newsletter, Sign up now. Mail: Amazing freebies every week in your e-mail, don't miss the next ones with the shock newsletter, Sign up now. Mail: A great set of user icons including vector, android, windows 8 and iphone source files. Feel free to use them in personal projects or commercial projects, however redistr
jqueryで画像のロード完了後に実行 - downstairs lab
jqueryで以下のように書いたら画像の読み込み完了後に読み込まれると思っていたら、 ieは正しく動作せず。どうやら、ブラウザによって挙動が異なる模様。 http://api.jquery.com/load-event/ $("#photo img").load( function(){ //ロード完了後の処理 } そこでimagesLoadedプラグインを使用するとieでも画像の完了後の処理が可能になります。 https://gist.github.com/268257 $("#photo img").imagesLoaded( function(){ //ロード完了後の処理 }); 画像のロード完了処理の際はお気を付けください。
freebies-vector-for-infographic-and-presentation.html
グラフやチャート、マップ、人物、吹き出し、リボンなど、インフォグラフィックやプレゼン用のベクター素材をfreedesignfileから紹介します。
ボックスを綺麗に並べてくれるMasonryライクなjQueryプラグイン・Freetile.js - かちびと.net
サイズの異なるボックスを綺麗 に配置してくれるスクリプト、 MasonryっぽいjQueryプラグイン、 Freetile.jsです。似たような スクリプトは結構ありますので 参考までに。 よく見かける、異なるボックスを綺麗に並べるスクリプトです。Masonryっぽいやつ。 こういうやつです。ウィンドウサイズが変わってもボックスを再配置してくれます。 $('#foo').freetile(); 本体とプラグインを読み込んでセレクタ指定します。アニメーションオプション等もありました。 ライセンスはBSDです。手抜きな記事ですけどちょい忙しいので今日はこれにて。 Freetile.js
A New Collection of Illustrator Text Effect Tutorials | Naldz Graphics
An attractive and impressive text has the potential to do wonders to your ordinary text. A text effect is able to enhance the appearance of a simple and dull written text and helps it to be a lot more influential and appealing. Adobe Illustrator is among the ideal programs meant for making strikingly captivating text effects. Text effects are very useful in creating ads and teasers as well as beau
[CSS]画像をゆらゆらと振り子のようにアニメーションで揺らすスタイルシート
JavaScriptは使用せず、CSS3アニメーションで画像を振り子のように揺らすスタイルシートを紹介します。 Swinging image with CSS animations 画像はネコの写真だけで、枠やピンや糸はスタイルシートです。 実装は下記のようになります。 HTML <figure class="swing"><img src="http://placekitten.com/g/200/200"></figure> CSS body {background: #9cf;} .swing { -moz-animation: swing linear 2s infinite; -moz-transform-origin: center -20px 0; -webkit-animation: swing linear 2s infinite; -webkit-transform-o
画像の代わりに使えるアイコンタイプのWebフォントのまとめ
アイコン形式になったWebフォントを集めてみました。これだけ色々揃うと画像を使う場面も減ってくるかもしれませんね。 @font-face { font-family: 'MyWebFont'; src: url('webfont.eot'); /* IE9 Compat Modes */ src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('webfont.woff') format('woff'), /* Modern Browsers */ url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('webfont.svg#svgFontName') format('svg'); /* Legacy i
Photofy | Photo Swap Shuffle Plugin for jQuery
Not Just Any Gallery Plugin Photofy is a completely new take on the over-developed gallery plugin. Photofy doesn't just display images, it randomly shuffles them around in thumbnails, whilst pre-loading the next set of images in the background for a smooth transition. Giving a nicely different effect and keeping page load times snappy and consistent. The long awaited second version of Photofy is n
Intro to CSS 3D transforms
Introduction With the introduction of CSS transforms, elements could be shifted, rotated, slanted, squashed and stretched. Web designers were finally able to catch up to print designers. With CSS 3D transforms, web designers can move past their print counterparts and explore a new realm in graphic design. Rendering 3D graphics on the web has been around for years. First there was Flash. Then with
RoyalSlider - Touch-Enabled Image Gallery and Content Slider Plugin
RoyalSlider is an image gallery and content slider plugin. Script is available as jQuery and as WordPress plugin. Every slider template is responsive and touch friendly. Take a look at it in your mobile device or try to resize your browser to see the effect. Plugin is used on sites of popular brands — Diesel, Peugeot, Audi, Twitch, Ralph Lauren, organizations like NYC.gov and Oxford.. List of real
さまざまなアイコンフォントを組み合わせて、自分だけのフォントファイルを作成できる -Fontello
さまざまなアイコンフォントから、必要なアイコンだけを選択して、自分だけのフォントファイルを作成できるオンラインサービスを紹介します。 Fontello Fontelloで利用できるアイコンフォントは、現在のところ7種類です。 Entypo (CC BY-SA license) Font Awesome (CC BY-SA license) Iconic (SIL OFL) Typicons (CC BY-SA license) Modern Pictograms (SIL OFL) Web Symbols (SIL OFL) Brandico (SIL OFL) さっそく自分用のセットを作ってみます。 これらのアイコンフォントから、自分が必要なものだけクリックしてチェックします。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Modern image slider (PSD) - Graphicsfuel
主要デバイスが全部揃ってるレスポンシブ デザインのモックアップ用のPSD素材 -Responsive Design Mock-up Pack
IDEA * IDEA
NameBright - Coming Soon
Blogger
やじるし素材天国「矢印デザイン」
Useful High Quality Water Textures for Photoshop Users
