CSS3 Flexible Box Layout Explained …This is invaluable for flexible layouts, Because it means that your padding, margin and border values will always be honored; the browser will simply change the width of the elements until they fit the parent. If the parent changes in size, so will the flexible boxes within it… W3C working draft
YAMB is a small set of tools and best practices that allow web designers to build responsive websites faster.
YAMB includes features that are requested by the clients all the time:
I have made a super-simplistic “tool” which helps you resize your browser to any width x height in pixels (range 2580px x 1650px). What’s the use of it? Gives you total control: resize to ANY resolution you want, not just presets. You can test the document you’re coding locally on your computer, without even having it online. Easy-peasy Enjoy: Screen Ruler
New WordPress default theme, Twenty Eleven, is responsive. Which makes it really awesome:). Don’t forget about this while writing child themes. Quick tips to save you some time and head scratching (“doh, why is it happening on mobile now?” kind): Copy at least @media (max-width: 800px){} into child theme’s CSS file As soon as you override any structural element’s width, don’t forget to go and … Read more
Want to become a super successful blogger and make money in your sleep? Minimum effort and investment? Read on! Here are 6 simple steps to success. Anyone can do it! Read more
This tutorial explains how to make basic aged sheet of paper in Adobe Illustrator without any scanned refs. Level of Illustrator skill: intermediate.
Read more
This tutorial consists of two parts. First one explains how to make glossy red menu bar (smartphone style) in PhotoShop. Second part explains how to recreate this bar in CSS3 without using any background or border images. The tutorial is for people who are regular users of PhotoShop and are on friendly terms with CSS3. But if you have no idea what’s CSS3, or how … Read more
If you have many design projects, it is good to let your clients sort them by some criteria like type, industry etc. This tutorial tells you how to build sortable portfolio like PROWEBDESIGN’s. We will also cover how to optionally add jQuery animation effects to the sorting script. PROWEBDESIGN portfolio is made with WordPress 3.0.3 and is built upon Twenty Ten theme, so this is … Read more
What to consider, when you design a portfolio site for yourself? In one word – the SCOPE. The scope outlines the general aims and goals of any project. So, what is the scope of designer’s portfolio? WHAT TO KEEP IN MIND WHEN DESIGNING YOUR PORTFOLIO WEBSITE THE “HUMAN FACTOR” How new are you to the design? How large is your portfolio? Read more
All the credit for this bit of code goes to http://www.livexp.net, where it was found.
To exclude one or more categories from WordPress search results, paste this into functions.php of your current theme: Read more
