Today we’re going to discuss a little bit about how and why Flash came to be regarded in a negative light and how we can avoid running down the same path with the modern technologies replacing it.
Recently we published an article showcasing 20 Amazing Examples of Using Media Queries for Responsive Web Design. These web pages respond extremely well to different browser window sizes, from huge HD screens to smartphones.
Today we’re going to show you how to use a boilerplate called Skeleton to take the headaches out of designing and building a responsive web page. You’ll be stunned at how easy it is!
You’ve seen it done before, you click a link in the navigation and it takes you not to another page but a specific point within the current page. How is this accomplished? With some extremely basic HTML that you can pick up in a few seconds!
To take it further, we’re also going to see how to animate the transition using a little jQuery.
Responsive web design is one of the hottest topics among designers and developers right now. If you’re not quite sure what it’s all about, we’ll walk you through what it is, how it works and how CSS media queries are something you need to start incorporating into your own designs.
To top it all off, we’ll finish with twenty seriously impressive of responsive designs that use media queries to present experiences specifically catered to different visitors.
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!
Etsy is a community that fascinates me. Thinking it was limited to scrapbooks and crafts I paid little attention to the site for years, but recently I discovered that there’s a lot more to this group than meets the eye. It turns out there are several very talented designers on Etsy making a decent amount of cash selling stock designs.
Today we’re going to take a closer look at some of the successful sellers of graphic design templates on Etsy to see if we can glean any trends and tips from them.
Design isn’t about money, it’s about something higher. It’s about loving what you do, making the world more attractive and satisfying your never-ending need for intellectual stimulation. Good designers don’t see design as a job, but a lifestyle. We think about design constantly while looking at the things around us, our hobbies are design-centric, we read and write about design; on and on.
Who needs money when you have a passion like this? Me, that’s who. Don’t get me wrong, lots of that mumbo jumbo above describes me pretty accurately. But let’s face it folks, we all have mortgages, bills, student loans and other factors that ensure our need for green stays intact. Today we’re going to have some fun and see how much money we should be making!
Today we’re going to build a simple and fun webpage for the sole purpose of showing off Fullscreenr, a great little jQuery plugin that makes it easy to add a background image to your site that automatically adjusts to the window size.
We’ll also throw in some @font-face and rgba action to keep things modern and educational on the rest of the build. Let’s get started!
In the past we and several other blogs have outlined some useful technical information for how to code and structure your HTML emails from a developer point of view. But much less discussion has been given to how to actually undertake the design component of email newsletters.
Today we’ll take a look at some of the top-selling email templates from Themeforest and see if we can decipher what their designers did right so you can mimic these basic principles in your own designs.
Flux is a WYSIWYG website editor for Macs. Now, before you curse under your breath about how much you hate WYSIWYGs, you should know that Flux is different and is both powerful and flexible enough to be used by professional web developers.
Today I’ll introduce you to Flux by creating a super simple web page from scratch (no annoyingly rigid templates). Along the way we’ll see what a typical workflow looks like and why it just might be the best visual web editor I’ve ever used.
The idea that web designers ignore typography is officially dead. In recent years countless tools and services have sprung up to meet the need of making the web a more type-friendly place, and they’re succeeding.
Today we bring you a huge list of awesome websites for all things related to web fonts. You’ll find sites offering free fonts, web font services, font building tools, previewing utilities, and a lot more!
Today we’re going to build an awesome website template in Photoshop utilizing a number of advanced techniques.
I’ll take you through the entire process in ten easy steps and provide you with a link to download the finished template. Let’s begin!