http://bradfrost.github.io/this-is-responsive/resources.html
Related: CSS and UIBox · Intro to CSS 3D transforms Cube objects are easy enough to generate as we only have to worry about one measurement. But how would we handle a non-regular rectangular prism? Or, as the kids say, a box. Let’s try to make one 300px wide, 200px high, and 100px deep. The markup remains the same. Where are the Mobile First Responsive Web Designs? By Jason Grigsby Originally published: Sep 11, 2012 This article was originally published June 7, 2011 on Cloud Four’s web site. For those unfamiliar with the phrase, Mobile First RWD takes the concepts that Ethan Marcotte taught in his A List Apart article on Responsive Web Design and flips the process around to address some of the concerns I raised about media queries. Instead of starting with a desktop site, you start with the mobile site and then progressively enhance to devices with larger screens. As a bonus, you benefit from the advantages of Mobile First design that Luke Wroblewski espouses.
6 rules for packaging design that dive off the shelf - According to FMI (Food Marketing Institute), the average supermarket in the USA holds around 40,000 different items. This nearly $600 billion industry relies heavily on consumers, distributors, manufacturers and… graphic designers. Product packaging, as a graphic design discipline, is an industry itself. Transit - CSS transitions and transformations for jQuery What about older browsers? Transit degrades older browsers by simply not doing the transformations (rotate, scale, etc) while still doing standard CSS (opacity, marginLeft, etc) without any animation. Delays and durations will be ignored. // Delegate .transition() calls to .animate()// if the browser can't do CSS transitions.if (!
How to Use jQuery to Make Slick Page Transitions Adding the final touches to a site can be the difference between a polished and beautiful site that looks “refined,” and a mediocre site that leaves no impression on visitors. jQuery, the versatile JavaScript library, can be leveraged to create all these fine tuned elements. Today we’re going to look at how to use it to create elegant page transitions. Let’s get to it! If you would like to quickly take a peek at a very simple implementation of this technique, below is the demo for viewing and download. Getting Started With HTML/CSS To begin, let’s dive straight into the CSS.
PHP for Beginners: Building Your First Simple CMS The Magic of PHP + MySQL It’s safe to say that nearly every website that’s up-to-date these days is using some form of content management system (CMS). While there are a ton of great free options that provide us with a CMS to power a website (WordPress, Drupal, etc.), it doesn’t hurt to peek under the hood and get a feel for how these systems work. Which Is Right for Me? 22 Responsive CSS Frameworks and Boilerplates Explained CSS frameworks have been around for years now, but the arrival of responsive design practices has rendered many of our old favorites useless. Fortunately, lots of really talented developers have jumped in to fill the gap with the next generation of CSS frameworks and boilerplates. There’s already a ton of these things floating around. Everyone has a list, but no one really walks you through how each framework and boilerplate differs from the next so that you can make an informed decision. That’s our goal today.
20+ Websites to Download Creative Commons Music For Free - Hongkiat Editor’s note: For a newer, updated version of this post, check it out here. If you’ve wondered where many of those YouTube videos get their background music from, you’ve come to the right place. Music with Creative Commons licenses are music compositions written, produced and shared by people who do not charge anything when you use their music for your own use, commercially or non-commercially. Basically, they make the music and keep ownership and copyright of it and you get the permission to use it for your videos, film or small multimedia productions, as long as you credit the creator properly. There are many sites out there that house music with Creative Commons licenses, sites where you can download music for free (and legally).