Browse hundreds of articles, tips, and inspiring design collections. Find helpful design advice, or the perfect resource for your next project.
As a user, don’t you hate it when you click a button, only to realize that the resulting action really isn’t what you wanted at all? Sometimes this is a minor annoyance and sometimes it’s a complete disaster that ruins hours or even days of work.
As a designer, it’s up to you to help your users avoid these tragic mistakes whenever possible. Today we’ll look at some methods that you can use to achieve this goal.
Every week we take a look at a new website and analyze the design. We’ll point out both the areas that are done well in addition to those that could use some work. Finally, we’ll finish by asking you to provide your own feedback.
Today’s site is the personal portfolio of Paul O’Rely, designer from Brazil. Let’s jump in and see what we think!
We’re well past the half way point of 2012, and it’s been an absolutely amazing year for web design. CSS3 and HTML5 are at the height of their game, responsive design is the poster child of modern web practices and we’re beginning to wrap our minds around new concepts such as serving up retina quality images to high resolution devices.
With all of this great stuff happening in the industry, the Design Shack Web Design Gallery is positively bursting with awesome new inspiration and I think it’s a great time to highlight the best sites that we’ve seen in 2012 so far. Read on to see our hand-picked selection of the thirty best sites submitted this year.
CSS Hat is the coolest Photoshop plugin to come down the pipeline in a long time. With a single click, CSS Hat can magically transform your Photoshop styles into CSS that you can copy and paste right into your project.
We gave CSS Hat high praise in our review and now we’ve managed to snag a copy for our readers. Read on to see how to enter!
Unlike Apple, Adobe seems to love sharing its product ideas when they’re in their infancy. This is both a good and a bad thing. As a user, it’s fun to see what Adobe has up its sleeve. Admittedly though, it’s frustrating to spend time working with a project only to see it vanish completely, never to come to full fruition. There’s also the frustration involved with using any sort of early beta project. Allowing users to check out the barely functioning version of your product might dissuade them from ever trying the finished one.
For better or worse, Adobe often shows its burgeoning products to the public, and the latest app in this trend is a text editor called Brackets. Adobe claims this new text editor will be innovative, open, focused and extensible. Will brackets live up to these lofty promises? Read on to find out.
Scrolling effects are all the rage these days. As the user moves down the page, content does more than move up the screen, it comes alive and becomes more interesting. Unfortunately, there’s no easy way to pull these effects off with pure CSS. If you don’t know JavaScript, you’re out of luck.
That’s where Stroll.js comes in. It’s a super easy to implement library that makes applying mind-boggling scroll effects a breeze. All you have to do is paste in a couple of brief lines of JavaScript, the rest is all handled with HTML and CSS. Keep reading and I’ll show you how it works.
Today’s project is a fun one. We’re going to build a standard CSS image slider with a twist: the visible image area will be divided into four distinct sections, each with a hidden message that is revealed when the user hovers over it.
The ultimate effect is pretty awesome and I think you’re going to like it a lot. Along the way we’ll play with some animations, transitions, positioning contexts and a lot more. Let’s dive in and get started!
If you follow Chris Coyier on Twitter, then you have no doubt seen quite a few mentions go by in recent months of a not so secret project called CodePen. Chris promised us that this new tool would join the ranks of jsFiddle and Tinkerbin, serving as a sort of online playground to experiment with and share CSS, HTML and JavaScript demos.
Like a kid in December anxiously awaiting Christmas day, I’ve been dying to see what Chris and his team would come up with. Fortunately, Christmas has arrived. CodePen is a live project and I can’t wait to tell you all about it.
Fresh off the heels of purchasing my new MacBook Pro, I decided that it was time to make the jump to CS6. This of course brought up a critical choice: how should I purchase the software? These days Adobe provides you with a plethora of options for getting your hands on their apps and choosing the best method for you isn’t always easy.
The newest method of obtaining the Creative Suite caught my interest right away: Adobe Creative Cloud. Under this model, you’re really leasing the applications instead of buying them. Is this a good idea? Is Adobe Creative Cloud worth it or is it a short term convenience that turns into a long term nightmare? Let’s explore.
Every week we take a look at a new website and analyze the design. We’ll point out both the areas that are done well in addition to those that could use some work. Finally, we’ll finish by asking you to provide your own feedback.
Today’s site is Amilova. Let’s jump in and see what we think!
So you decided you are going to design and develop yourself a personal portfolio. That’s great! You are well ahead of half of the web design and development community. But what about the remaining 50%? You have to show exclusive skills in a tiny space in order to shine in this fast growing industry.
In the past 3 weeks – since I made that decision, I learned a lot about developing a unique portfolio. Now I feel it is time to share this newly acquired knowledge with you.
What I came up after those 3 weeks is a cool game-inspired portfolio.
Print design is an entirely different beast than web design and it comes with its own set of unique challenges. You might think it sounds simple, but the knowledge required to pull off print jobs with a high degree of success is staggering. You have to understand how different inks will be affected by various types of paper, whether or not small type will be readable in the color that you’ve set it, how to set up your file properly for commercial printers, and a lot more.
Whether you’re a seasoned print pro or a complete beginner, it’s actually pretty easy to screw up a print job, and unlike digital design, there’s no undo or simple updates. Today we’re going to check out an awesome tool that will help you get it all right the first time around: The Print Handbook.