May 23, 2013
Free Downloads
Trends start everyday: an idea is adopted, passed on and before you know it it’s being discussed on design blogs. However, most trends vanish as quickly as they appeared. To paraphrase Andy Warhol, everything will be trendy for 15 minutes. Once in a wh...
May 23, 2013
Web Development
A simple tooltip menu where the submenu will either appear above or below the main menu, depending on available space....
May 23, 2013
Design
In this step-by-step tutorial, I'll show you my technique for creating text that has a semi-transparent, three-dimensional appearance. We'll use Illustrator and Photoshop to achieve our desired results. Continue reading...Continue Reading: How to Make Tra...
May 23, 2013
Web Development
While fine art is a subjective field, graphic design is more formulaic in its fundamentals. An effective design should make people feel a certain way and take a certain action. In this article I’d like to share Gravity Switch’s web design principles a...
May 22, 2013
Web Development
In this tutorial we will be converting the Weather Forecast App that we built last year, from the discontinued Yahoo APIs, to the OpenWeatherMap free forecasting service....
May 22, 2013
Web Development
As so much of the content available on the web is text it’s essential for web designers to understand the basic principles of good typography. Having such knowledge allows designers to communicate more effectively, enabling them to create better designs...
May 22, 2013
Web Development
Some creative experiments that use animations and transitions on pseudo-elements to create interesting effects....
May 22, 2013
Web Development
Forms are certainly a very important part of a website. They should be intuitive, user friendly, and engaging. This is why we’ve gathered 8 jQuery Plugins that will spice up your forms. From options to make select boxes more user...
May 22, 2013
Design
Karen Kurycki, a designer and illustrator based in Florida, has an interesting style of work: She infuses her graphic designs with watercolor. In this feature article, we put a well-deserved spotlight on this skillful artist's work. Continue reading...Con...
May 22, 2013
Web Development
I’m a lucky person. Every day I get to do what I love, which is helping clients work out what their web project is going to look like. As any good account handler or project manager will tell you, their primary role is to make sure that a project goes a...
May 21, 2013
Web Development
An experimental form that uses natural language instead of the usual form display. Values are entered using custom input elements....
May 21, 2013
Web Development
Film studios spend millions of dollars to create stunning epic masterpieces like The Lord of the Rings. But sometimes visual perfection can be created on a shoestring — that is, when enough time, energy and sacrifice are the alternate currency. British...
May 21, 2013
Design
One great thing about the Web is the abundance of freely accessible content that will help you keep informed about your profession. If you're interested in logo design, check out the excellent logo design blogs featured in this article. Blogs are a great...
May 21, 2013
Web Development
Let’s face it, JavaScript hasn’t always had the best reputation among developers, and since the foundation of CoffeeScript back in 2009 this little language has taken the world of JavaScript developers by storm; mainly because it overcomes what some...
May 20, 2013
Web Development
The Phraseology Project was originally setup by Drew Melton as a way for him to hone his typography skills. The idea is that people submit words or phrases and Drew, or a guest contributor, creates a typographic treatment of the submissions. The list o...
May 20, 2013
Design
I used to have a profile on Match.com. I met a lot of nice people though online dating. But ultimately, it never work out for me. I found that online dating was a limiting and awkward way to start a relationship. Requests for proposals (RFPs) are just as...
May 20, 2013
Free Downloads
Up for grabs in this week’s giveaway are three 30-day subscriptions to Depositphotos — one of the most popular sites for downloading royalty-free files online. The subscriptions being given away are usually worth $99 each. The s...
May 20, 2013
Web Development
Recently, Condé Nast Digital undertook a complete redesign of the articles published on wired.co.uk. The aim was to provide a more content-first and immersive experience. These aims were established after research by our Information Architect. We started...
May 20, 2013
Design
We’ve all seen videos on websites restricted to a specific frame size, but why not make use of the user’s whole monitor? Once upon a time only Flash was capable of such wizardry, but these days Javascript and HTML5 make it perfectly feasible to stretc...
May 19, 2013
Web Development
There was a time when the common practice was to try and place all content above the fold. But now, instead of fearing the scroll, web designers and developers are embracing the need to scroll, and using it as opportunity to engage...
May 19, 2013
Web Development
JS Regex * Common Patterns * Polymer * Flat Icons * Label.css * UX * Fitgrd * Multiple Select * Free Fonts...
May 17, 2013
Web Development
Beautiful typography works are always inspiring. And this is why today we gathered a few examples of beautiful typography use in packages to keep you inspired for the weekend. It is nice to observe package details and see how design...
May 17, 2013
Web Development
Hidden away in the depths of the CSS specification you’ll find CSS counters. As the name suggests they allows you to count a thing on your page with CSS incrementing the value every time it appears on the document. This is principally useful if you have...
May 17, 2013
Web Development
A responsive product grid layout with some UI details for inspiration....
May 17, 2013
Web Development
A horizontal slide out menu with a grid-like thumbnail layout for the submenu. With media query examples for smaller devices....
May 17, 2013
Web Development
As I grew up, being a “creative child,” which was the description my school psychologist used to explain why I didn’t care for school or the usual subjects like math and why I wasn’t like the other children, my mother would get frustrated and call...
May 16, 2013
Design
Though Photoshop is a serious and powerful industry-standard graphics editor used by creative professionals throughout the world, sometimes you just want to have a bit of fun with your photos. If you'd like to learn how to apply surreal effects to your ow...
May 16, 2013
Free Downloads
In this article, you will find a list of resources that I wish were around when I was starting out with jQuery and which I would recommend to every beginner....
May 16, 2013
Photography
No matter how good a DSLR camera a photographer has, if he or she doesn’t find something artistic in the view, all efforts will be for naught. A powerful image is created through the creativity of a photographer; the kick-ass gear is just a bonus. After...
May 16, 2013
Web Development
In the last post, we took an in-depth look at Google’s Panda and Penguin updates and how they have impacted on search rankings for businesses. Whilst we established that using black hat SEO techniques is likely to result in a site becoming penalized, we...
May 15, 2013
Web Development
After our post showcasing 23 Examples of Flat Web Design a lot of readers got in touch to see more flat design related inspiration. We decided to gather some examples of UI kits, icons and much more, so give it a look. Freebie: Flat...
May 15, 2013
Web Development
An experimental morphing devices slideshow with CSS Transitions for showcasing responsive web design screenshots....
May 15, 2013
Web Development
In part one, we touched on how to harness the power of display: flex in your website layouts, and how versatile this new layout concept has proven to be. With those thoughts from the previous video kept in mind, we can now adapt the process and use it as...
May 14, 2013
Photography
High Pass Here’s a tip to get your photos really sharp by using a combination of the Unsharp Mask filter and the High Pass filter using Photoshop. Here I’m using Photoshop CS5. Step 1 Start by opening the photo that you want to sharpen. Step 1 Step 2...
May 14, 2013
Photography
Although the moments captured on film may last for ages, time will always catch up with the current crop of veteran photographers. Soon, they will be replaced by a new batch of budding visual artists, journalists, and storytellers. These up-and-comers hol...
May 14, 2013
Web Development
The side project series is a series of posts in which we’ll be taking a look at the best of designers’ side projects. To get things started, this week we’re going to be looking at Type Fight, a side project by designers Drew Roper, Ryan Paule and Br...
May 14, 2013
Web Development
Have you ever thought about how many customers you lose by having a slow site? And I’m not talking about file size only, as we rely on browser capacities to understand our code, we need to consider the processing time also. That...
May 14, 2013
Web Development
The May edition of what’s new for web designers and developers includes new web apps, jQuery plugins and JavaScript resources, educational resources, wireframing kits, image tools, Photoshop extensions, web development tools, coding resources, and some...
May 13, 2013
Web Development
Last week, Adobe announced that there will be no further development of their Fireworks application. Security updates will be provided and bug fixes may arrive, but for all intents and purposes Fireworks CS6 is a dead man walking. The petitions for clemen...
May 13, 2013
Design
Card sorting is one of the most basic, easy-to-do usability testing techniques available at your disposal. There are already plenty of articles and tutorials that discuss how to conduct card sorting activities (like this one) so I will be skipping the bas...
