The Evolution of Apple.com
The Apple design team is widely regarded as one of the most talented group of designers in the industry today. The trends that they set are followed by not only every other major tech company, but by web designers in every conceivable product and service niche. Follow along as we embark on an exciting journey through time and witness the evolution of Apple’s design style. You’ll get several amazin
Developing a jQuery Private Messaging Modal Box
You can build some really neat things using jQuery. The latest release bundle updates a lot of bugs and even hints at support for a new jQuery Mobile. With frontend scripting you can build practically any type of web application. But more specifically we’ll be looking into constructing a small modal box window. I have designed the functionality to look and feel like a private messaging solution. T
Weekly Freebies: 20 Awesome Cheatsheets for Designers and Developers
You simply can’t beat the usefulness of a good cheatsheet. Having all the information you need in one convenient spot will help you make that transition from newbie to ninja in no time. Today we have a collection of the best free cheatsheets from around the web. You’ll find some old favorites like the jQuery Visual Cheatsheet and some new entrants like the Manual Photography Cheatsheet. No matter
Weekly Freebies: 25 Incredibly Useful Photoshop Custom Shape Sets
Photoshop custom shapes allow for quick and easy vector insertion into your artwork. Countless artists have spent hours building some amazing shape sets and distribute them free! Today we’ll have a look at the best sets we could find from deviantArt and other sites. 2 Million+ Digital Assets, With Unlimited Downloads Get unlimited downloads of 2 million+ design resources, themes, templates, photos
Say Hello: 50 Simple and Effective Website Greeting Messages
Placing a large greeting message at the top of your site is a great way to create a welcoming environment and provides the perfect opportunity to clearly state your purpose for being. Today we’ve rounded up over fifty such messages for inspiration on both the message and visual appearance fronts. The greetings has been divided up into clear categories so you can analyze the different popular techn
Weekly Freebies: 20 Awesome and Free UI PSDs
This week’s myriad of freebies is a superb collection of layered PSDs that you can download and use in your projects. Each PSD contains a button, form, navigation menu slider or some other UI element that will no doubt prove useful as you build your next site. The Ultimate Designer Toolkit: 2 Million+ Assets Envato Elements gives you unlimited access to 2 million+ pro design resources, themes, tem
Mastering CSS Reflections in Webkit
The box-reflect property is just one of many awesome new CSS3 effects that Webkit brings to the table. Unfortunately, it’s not the easiest to use. There’s a lot of syntax that can be confusing and today we’re going to sift through it and explain it in detail so you can get the hang of it. It’s important to note that, at this point, box-reflect is only supported by Webkit browsers. It’s a superfluo
Weekly Freebies: 18 Simple and Useful Web Apps for Designers and Developers
Lately the web has just been bursting with simple, single-purpose tools that help make make our jobs easier by handling tasks such as generating CSS code or providing placeholder images for comps. Below is a fairly random collection of such tools that I’ve found indispensable recently. All are completely free, extremely useful and super easy to use. Enjoy! 2 Million+ Digital Assets, With Unlimited
ウェブサイトにズーム機能をつけるプラグイン デモとコード
Want to create a really unique and eye-catching effect for your site? How about an animation that zooms into a specific portion of the page when you click on it? It may sound like a lot of work but with jQuery and Zoomooz.js, it’s a snap! I’ll walk you through the process step by step as we build a stunning zooming thumbnail gallery. The Ultimate Designer Toolkit: 2 Million+ Assets Envato Elements
Build a Pure CSS Slideshow With Webkit Keyframes
While playing around with Webkit Keyframe Animations I figured out a way to create an awesome little image slider using only CSS. It’s definitely a bit unconventional but it’s a great way to learn to think outside of the box with what you can do with CSS3. Keep in mind that since we’re using Webkit Keyframes, this is purely an educational experiment and will only work in Safari or Chrome. As more
5 Cool CSS Hover Effects You Can Copy and Paste
Need a cool hover effect for something on your site? Look no further! We’ve created several custom examples that you can view live for inspiration. If you like the effect, steal it! We’ve got the CSS ready and waiting for you to copy. 2 Million+ Digital Assets, With Unlimited Downloads Get unlimited downloads of 2 million+ design resources, themes, templates, photos, graphics and more. Envato Elem
Design Shack - Inspirational CSS and Blog Design
Let’s finish the week with something fun shall we? CSS keyframe animations currently have very limited browser support, but they’re still quite interesting to learn about and experiment with. Below we build a simple web page that leverages Webkit keyframe animations to gently shift the background color on a never ending loop. Intrigued? Read on! 2 Million+ Digital Assets, With Unlimited Downloads
Weekly Freebies: 20 Fantastic PSD Web Button Packs
Buttons add a ton of personality to your site, so much so that they can often define much of the impression of the aesthetic quality of the page. One way to start off in the direction of a solid design is to grab some high quality button graphics. Below we’ve compiled 20 packs of free, layered PSD web buttons for your use. From downloads and uploads to navigation and social media, you’ll likely fi
6 Useful CSS Button Recipes You Can Copy & Paste
CSS3 is completely changing the game for creating buttons on the web. Techniques that were once only possible with images are now easily executable with just a few lines of code. For this post we custom built six attractively styled CSS buttons for you to copy and paste right into your projects, zero attribution required. As with anything good in CSS3, the buttons below work great in Webkit and Mo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Nailing Browser Support in CSS3 and HTML5: Invaluable Resources to Use Today
Create Five Awesome Hover Effects Using CSS Multiple Backgrounds
How to Implement Some Slick Icons Using a Font and CSS
How to Link to Specific Points in a Page and Animate the Scroll
Weekly Freebies: 15 Fantastically Fun Free Fonts
Design Shack - Inspirational CSS and Blog Design