eb Design Resources for Web Designers. We include Photoshop Tutorials, WordPress Plugins, and Web Development tools. Download free icons, Photoshop brushes and tools for web and graphic designers.
Creating an to-do app is usually the first application you learn how to build in JavaScript but the problem with all those apps is that when you reload the page all those to-do’s are gone. There is a simple solution though, and that’s to use local storage. The good thing about local storage is that [...]
When it comes to rendering on somebody else’s DOM, you can’t naively write HTML and CSS like you might for your own self-contained web application. You’ve got to think carefully about how preexisting CSS and JavaScript code might affect your application. Before you begin to write any HTML or CSS, you’ll have to make an [...]
They say you can’t create fine art using fractal algorithms; but Finland-based digital artist Jukka Korhonen has set out to prove them wrong. Fractal art is a subclass of two-dimensional visual art that produces images from the calculations of a fractal object (a fragmented geometric shape that can be subdivided into parts and is a [...]
This is part two of the HTML5 audio introduction video; if you haven’t watched it already, I recommend checking out part one to get up to speed! Today, we’ll be working on our HTML5 audio player and adding some exciting functionality to really bring our HTML5 player to life. We’ll be using a method involving [...]
Every week we tweet a lot of interesting stuff highlighting great content that we find on the web that can be of interest to web designers. The best way to keep track of our tweets is simply to follow us on Twitter, however, in case you missed some here’s a quick and useful compilation of [...]
Every week we feature a set of comics created exclusively for WDD. The content revolves around web design, blogging and funny situations that we encounter in our daily lives as designers. These great cartoons are created by Jerry King, an award-winning cartoonist who’s one of the most published, prolific and versatile cartoonists in the world [...]
Whilst the term “flat design” might not be a phrase you’re yet familiar with, you will definitely have noticed the concept and the design features whilst browsing the internet. For those of you that have noticed an increase in the “drop shadow” trend in web design, the easiest way to describe flat design is to [...]
We all know that there are a few differences between small businesses and larger corporations, especially when they begin considering the web design aspect of their marketing plan and branding. And while for the most part, the nuts and bolts basics are often the same for both, small business owners and freelancers often have to [...]
It’s easy to become jaded with an application, especially an application like Photoshop, where you open up a new document to be presented with a blank screen. Professional results are easy to achieve with the right know-how, but professional results take time to produce even for experienced artworkers. So this week our sister site, MightyDeals.com, [...]
The long, painful and drawn-out death of skeuomorphic design lurched forward another step this week with a redesign by the world’s biggest social media site, Facebook. The new look is spearheaded by a logomark that is a simplified version of the pre-existing one. Although the full Facebook logo will remain unchanged, the round-cornered square with [...]
Oh, look! It’s a brand spanking new, shiny technological feature. And it probably helps that it’s being implemented by Apple products. A couple of great sites (like this one) have already started using it. What does it do? Will it be around forever? What does it mean and when or why should I try it? [...]
A few weeks ago, we posted a nifty quiz to test your prowess at differentiating between Helvetica and Arial. If that typography challenge succeeded in whetting your whistle for font games, a new app design is ready to take you to the next level of typographic deduction. Designed by Copenhagen-based designer Andreas Hansen, Font Nerd is [...]
Here’s one thing that never made sense to me: people make websites so others can find out more about them, but most “About Us” pages absolutely suck. They’re either really long and boring or really short and mysterious. Not many people understand the best way to go about these pages. Many believe the “About Us” [...]
The introduction of the HTML5 spec introduced new tags for presenting media on a webpage; the <audio> and <video> tags, rendering the <object> tag no longer fit for video and audio streaming. These new tags have made it considerably easier to add rich media content to your design, and in today’s video tutorial, I’ll be [...]
The Mobile First philosophy has radically changed how professionals approach Web design and become the way companies as diverse as Facebook and IBM build their products. The Mobile First approach is to start designing for mobile devices — which typically have less screen size and less capabilities than desktops — and progressively enhance the product; [...]
HTML5 came with all new APIs, new input types and attributes for forms. As is often the case, those major additions often obscure the minor upgrades and I think that this is particularly true of the download attribute. As you know, there are some files that the browser doesn’t automatically download; images, other web pages [...]
When it comes to designing a truly intuitive, responsive, and coherent website that’s also unique and interesting, it often feels like it’s difficult to reconcile the two sets of priorities. But in fact, nothing is further from the truth: there are only a few fundamental ideas that need to be employed in order to easily [...]
Every week we tweet a lot of interesting stuff highlighting great content that we find on the web that can be of interest to web designers. The best way to keep track of our tweets is simply to follow us on Twitter, however, in case you missed some here’s a quick and useful compilation of [...]
Every week we feature a set of comics created exclusively for WDD. The content revolves around web design, blogging and funny situations that we encounter in our daily lives as designers. These great cartoons are created by Jerry King, an award-winning cartoonist who’s one of the most published, prolific and versatile cartoonists in the world [...]
Hot on the heels of jQuery Mobile 1.3 comes jQuery 2.0, a brand new, full release version of the popular JavaScript library. The big news — that we’ve known for a while — is that jQuery 2.0 has dropped the library’s support for Internet Explorer 6, 7 and 8. These so-called legacy browsers are slowly [...]
At first thought, animated GIFs might conjure up images of dancing “under construction” signs and cheesy banner ads circa the year 2000. Luckily, the creative minds of present-day animators, designers, illustrators, and digital artists are revisiting the technology and utilizing it in impressive new ways. Whether it’s a website with strategically placed, imagery-rich cinemagraphs (photographs [...]
For many web design professionals, there was no option but to be self taught. Years ago, the academic qualifications simply didn’t exist. Sure, you could study design, but you’d be left to learn the technology by yourself. You could take an I.T. course, but you’d be lacking design skills. Perhaps that’s the reason web designers [...]
A few years ago, it was tough to create a professional-looking website without designing and coding something from scratch. There were free templates and website builders, sure, but the results from most were less than professional. Not exactly how you want to represent yourself or your work to the world. That’s all changed in more [...]
It’s like biting your nails. It’s like sucking your thumb. It’s like cursing too much. We all have some bad habits, some we just cannot seem to shake. I’m not sure why that is. I mean, no matter how wrong you know it is or how bad it is for you, it’s just impossible to [...]
There is so much technology employed on the web, it’s difficult to keep up, and even harder to know where to begin when you’re just starting out. That’s why, for this week’s deal, our sister site MightyDeals.com is offering a huge 53% off Train Simple membership. Train Simple is a set of over 3000 video [...]
I was having a chat with a friend of mine recently and somehow we got onto the subject of hidden messages in Apple icons. Admittedly it’s not something I’d thought too much about prior to this conversation and the only example I could recall was the “Here’s to the crazy ones…” quote on the TextEdit icon. [...]
Twitter finally tossed a bigger hat into the advertising realm on February 20, 2013 by announcing the new Twitter Ad API and the five initial partners who will power this new vehicle. Yes, Twitter already has the capability to run ads — we’ve all been annoyed by ‘Promoted Tweets’ clogging up our timelines since 2010 [...]
When I’m designing themes for WordPress, I find that working remotely can be a little troublesome at times; particularly when using stylesheet preprocessors such as LESS or SASS. I’ve been developing a number of WordPress themes recently, and to ease the load on my remote server, speed up the theme-building process, and receive an all-round [...]
If you’re asking me to share with you some of the best web designs in the world, chances are I’m going to point you in the direction of something that’s pretty minimal. In fact, if you ask most designers, they’ll point you to sites that are equally sparse. Myself and others tend to believe that [...]
Recently, there’s been a lot of talk about markdown as an alternate way to format text. I decided to do a little research and see what all the talk was about and I was actually quite glad of what I found; markdown is simple markup language that makes it easier for writers to write good [...]
The April edition of what’s new for web designers and developers includes new web apps, jQuery plugins and JavaScript resources, mobile apps, educational resources, mockup kits, frameworks, web development tools, coding resources, and some really great new fonts. Many of the resources below are free or very low cost, and are sure to be useful [...]
Every week we tweet a lot of interesting stuff highlighting great content that we find on the web that can be of interest to web designers. The best way to keep track of our tweets is simply to follow us on Twitter, however, in case you missed some here’s a quick and useful compilation of [...]
Every week we feature a set of comics created exclusively for WDD. The content revolves around web design, blogging and funny situations that we encounter in our daily lives as designers. These great cartoons are created by Jerry King, an award-winning cartoonist who’s one of the most published, prolific and versatile cartoonists in the world [...]
What makes a great website? There are many ways to measure the effectiveness and quality of a website. Web designers can use a handful of quantitative data that will help them determine if the web design is effective, especially for e-commerce where the added value to a business is measurable. But for any site, one [...]
What makes a great website? There are many ways to measure the effectiveness and quality of a website. Web designers can use a handful of quantitative data that will help them determine if the web design is effective, especially for e-commerce where the added value to a business is measurable. But for any site, one [...]
It’s no secret that many believe responsive web is the future. Creating a responsive site means that it’s able to adapt to the many different browsers and sizes that are available. If I want to make sure my website I’ve created on my desktop can be seen on a tablet with minium scrolling and zooming, [...]
Everyone loves motion. Adding the fourth dimension (time) to a site design is the main way screen-based design stands out from print design. CSS Transitions are a simple method for animating properties of an element enabling you to enrich certain events in your web design, without the need of Flash or JavaScript. The W3C aptly [...]
How do we live without food? It’s our sustenance. It’s the reason why we live and can be the reason for the opposite. Many events, conferences and groups surround themselves around the idea of being a ‘foodie’ and submerge themselves in the culture of cooking. While food is good, it’s a well known fact that [...]
DesignModo’s hugely popular set of resources ‘The Bricks’ is available once again through our sister site MightDeals.com. Massively popular with designers and developers, ‘The Bricks’ is a UI bundle carefully designed to make your projects run smoothly. When MightyDeals first ran the deal last year the demand from designers and developers alike was almost unprecedented, [...]
When I came across AngularJS a couple weeks ago, I was intrigued at first. By the time I had worked through the set of tutorials available on the AngularJS website, I was thrilled to have found this framework. What is AngularJS? AngularJS is the (relatively) new kid on the coding block. To quote from their website [...]
I had created some neat icons for a website redesign I was doing, and I previewed the new site on an old iPad. The layout looked OK at normal size, but zooming in to part of the page, I suddenly saw that my icon was a blurry mess, while the text-based header was still crisp [...]
One of the most exciting perks of using Adobe’s Edge Animate is the seamless integration with new, exciting CSS features that I didn’t even know existed until exploring Edge Animate further. This tutorial shows you how to make a 3D particle effect, using just a few ellipses, no additional plugins and a special “blur” filter [...]
Responsive design not only challenge our tools and approaches to web design and development, but also forces us to review our ways of planning and managing content. New workflows require the right tools. Upon first thought, this opens an opportunity for completely new content management systems (CMS) and publishing platforms (and we’ll probably see plenty [...]
jQuery Mobile 1.3 is now available as a stable release. This new version spearheads the jQuery team’s efforts to fully incorporate responsive web design principles into its robust library. Among the new features are several widgets optimized for touch interfaces, including smooth panel overlays, dual-handle range sliders, as well as two different options for responsive [...]
A design founder is a founder of a company who happens to be a designer or makes sure to create a large role for design in their business. Design is extremely powerful — it influences what we see, what we feel and even what we do. As old, salesy techniques are being thrown out the [...]
Every week we tweet a lot of interesting stuff highlighting great content that we find on the web that can be of interest to web designers. The best way to keep track of our tweets is simply to follow us on Twitter, however, in case you missed some here’s a quick and useful compilation of [...]
Every week we feature a set of comics created exclusively for WDD. The content revolves around web design, blogging and funny situations that we encounter in our daily lives as designers. These great cartoons are created by Jerry King, an award-winning cartoonist who’s one of the most published, prolific and versatile cartoonists in the world [...]
In the journey from fledgling startup to full-blown success, any burgeoning business will undoubtedly face its fair share of obstacles along the way. But those who traverse the bumpy road to emerge victorious typically have one thing in common: They choose to see the world through a set of visionary glasses. With this in mind, [...]
HTML will only take the web designer so far and if you want to create dynamic, attractive, reactive web design then you need to learn and implement CSS. Not only can you create improved design elements for your pages but you can expect to enjoy faster loading times, easier maintenance, and less time to create [...]
If you plan to use CSS on a regular basis you need to develop an understanding of what specificity is and how it is applied. Other than floats and positions, specificity may be one of the hardest things to get used to, let alone master. The selectors you use in your CSS all have different [...]
Yesterday, anyone old enough to have been working during the browser wars, felt the icy cold fingers of fear creep up their spine when Google announced that its browser Chrome will be abandoning Webkit in favor of their own Blink rendering engine. Based on the open source Chromium Project, that will be forking Webkit, Chrome [...]
We’ve all been there. You have an idea, something that just seems like it would work perfectly for your current project. It’s the ideal solution. Nothing could possibly be better suited. Except you’re not quite sure exactly how to implement that idea. You can see it in your head, and you’re pretty sure you’ll need [...]
Talent, discipline, and creativity just might constitute a triple threat in the world of design; and if it does, 21-year-old Peter Tarka easily meets the definition. Each month, the ambitious Poland-based creative produces a collection of mesmerizing 3D typographic art. Currently a graphic designer and illustrator with Grate Studio in Wroclaw, Tarka’s digital artwork has [...]
Every now and then, on some blog or design group, someone brings up the question of designers unionizing or having some sort of certification in the hopes of assuring the public that we are professionals and adept at our craft. Can it be done, and if so, how? The huge response to Monday’s April Fools’ [...]
It’s April 2nd, and news sites have gone back to reporting the news instead of inventing it. Yesterday’s annual festival of invented headlines, some convincing, some lame, many frighteningly plausible, was as popular as ever with websites. We played two pranks of our own: the introduction of certification for U.S. designers, and Apple turning to [...]
Edge Reflow is one of the exciting new weapons in Adobe’s ever-expanding Creative Suite arsenal; helping to bring the modern web’s powerful features within reach for designers. Reflow is designed to help creatives work towards the holy grail of current web design standards: responsive design. Previously only possible for the HTML-savvy, now everyone can produce [...]
Every web designer requires the right tools to do their job. To create well crafted original designs you certainly need to be inspired to do so. Getting to that point is sometimes the hardest challenge in the field of web design. Luckily enough for us and our fellow design community there are tools available to [...]
Late on Friday night, Norwegian blogger Ally Tenor posted a number of screen grabs from Firebug that appeared to show Apple’s Norway store running scripts through an eu-ampd.swf file — a format output by Adobe’s Flash Professional software. Over the weekend several other commentators reported the same thing and by Monday morning a reported 74.8% [...]
The much talked about step of creating professional certification for graphic/web designers looks like it will become a reality in a little more than a year. Having passed the U.S. Senate as a rider to a larger work rights bill, the measure is expected to easily pass the House of Representatives as well as having [...]