The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome.
A new freebie for Smashing Magazine’s readers: two printable UX sketching and wireframing templates designed by Pixle. Enjoy Outline and Tapsize! Today we are happy to release two printable UX sketching and wireframing templates, designed by Pixle for Smashing Magazine’s readers. This article presents Outline, a set of sketching and wireframing papers for mobile platforms and Tapsize, a set of tem
Some great designers around the web have released great icons, interface PSDs, and other resources that help make designing iOS apps easier. Enjoy and make sure to thank the creator of whichever resources you use! Templates & PSDs Icon Template Michael Flarup’s icon template is the best one available. Very useful Photoshop actions along with some great textures. UIButton Pack By default UIButtons
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. Using textures in your web designs can
How can a programmer learn to design websites that don’t suck Graphics are really important in every project. Games, desktop apps, mobile apps and basically every piece of software has something to gain by improving graphics (except Rogue, that’s just awesome as it is). I’ve always felt like they were important but generally learning how to draw cool characters for a game is hard. So with the inte
Kickstrap A full version of Twitter's Bootstrap with themes, enhancements, and other goodies. Issues · · Follow @yourwebsitesUX Tweet Release Candidate due April 15th Kickstrap v. 0.9 RC will be released April 15th. Until v. 1.0, I recommend only using Kickstrap in development environments. There will be several modifications made to the overall logic of Kickstrap's implementation and workflow dur
Web design has evolved dramatically in recent years. Better browser support and innovative design techniques are changing the way we design websites. In fact, we’ve become quite versed in producing beautiful and performant user experiences. However, this doesn’t hold true for most websites out there, now does it? How often do you stumble on slow, clunky websites? Websites where text is embedded in
This article is the sixth in our new series that introduces the latest, useful and freely available tools and techniques, developed and released by active members of the Web design community. The first article covered PrefixFree; the second introduced Foundation, a responsive framework; the third presented Sisyphus.js, a library for Gmail-like client-side drafts, the fourth covered a free plugin c
It's rare nowadays to find a web designer who can't code his own designs. With so many resources online and in print that teach the basics of HTML and CSS, and due to the fact that these languages aren't rocket science, there are now a lot of graphic designers who have at least basic knowledge of markup and styling. But with an HTML and CSS foundation comes great responsibility. If an HTML or CSS
Kickstrap A full version of Twitter's Bootstrap with themes, enhancements, and other goodies. Issues · · Follow @yourwebsitesUX Tweet Release Candidate due April 15th Kickstrap v. 0.9 RC will be released April 15th. Until v. 1.0, I recommend only using Kickstrap in development environments. There will be several modifications made to the overall logic of Kickstrap's implementation and workflow dur
Introduction Web development industry is a fast-paced industry. New trends, technologies, techniques and APIs pop up now and then and we have to educate ourself to use it. As a web developer, I always reckon it's part of our responsibility or perhaps we need to train it as a habit to keep learning and upgrading ourself and do not satisfy with the status quo. We are meant to explore and discover as
Introducing the Field Guide Check out the Field Guide to Human-Centered Design and start solving problems like a designer! The Design Kit: Travel Pack A deck of 32 design exercises to spark creativity and collaboration. Now available on Amazon. 1 Million Stories of Impact Design Kit has reached over 1 million creative problem solvers around the world.
I know what my readers are expecting from 9lessons blog, after long time I'm going to discuss about Jquery usage. Facebook timeline design makes big revolution in social networking world and it gives new feel to the user profile pages. In this post I want to explain how simple I had implemented this design with Jquery and CSS. Try this demo with modern browsers like Chrome, Firefox and Safari (IE
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. Using a dark color theme in a website
クオリティを上げるためにはちょっとした「こだわり」がとても大事です。 定期的に話題になるネタで恐縮ですが、素人っぽいデザインにならないように個人的によく使ってる小技をまとめました。 上のものほど、簡単で多くのデザインに使える小技になります。 1pxのボーダーを使う 1pxの効果を使うのと使わないのでは、デザインの質に大きな違いが生まれます。 ある意味Webデザインでは一番重要な要素かもしれません。 定番です。たった1pxのボーダーをつけるだけでシャープな印象になります。 ただ塗りつぶしただけ、グラデーションを入れただけのボタンでは、のっぺりとした感じになりやすいですが、1pxのボーダーを上部に入れるだけでシャープな立体を表現できます。 正確には1pxでなく2pxですが、こうして黒系のボーダーと白系のボーダーを並べることで、明確にかつシャープに仕切りを表現できます。 1pxのドロップシャ
「シンプル」はデザイナーがよく使う言葉のひとつ。サイト構築をする際もシンプルにすることを考えることがあると思います。しかし、シンプルという言葉の使い方や捉え方は人によって異なる場合があります。要素や機能が絞られていていたり、色彩の使い方に対してシンプルと呼ぶことがありますが、それだけではありません。また、要素が多いからといって複雑ではなく、シンプルと考えられる場合もあります。シンプルとは視覚だけでは語られませんし、むしろ文脈や内面的なところから生まれてくる価値ではないでしょうか。 例えば mixi をはじめとした SNS には様々な機能や情報がひとつのページに盛り込まれています。見た目は大変複雑ではありますが、毎日使っている方にとっては苦になりませんし、自分がやりたいことを自由に出来れば、そのサイトは「シンプルである」と表現するでしょう。機能が絞られていて、簡単そうにみえる Twitter
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く