- Build a Newspaper Theme With WP_Query and the 960 CSS Framework | Nettuts+
WP_Query is a powerful tool to control what comes out of your loop. Today I’m going to teach you all how to use it to make a 3 columned newspaper theme that has all your main blog posts in the main column, and off to the side a set of posts with a certain category. We’ll be using the 960 CSS framework for the basic layout and reset of our theme, it will chop a lot of work off what’s needed!
- Roots WordPress Theme | Rapidly create sites with HTML5 Boilerplate and Blueprint CSS or 960.gs
Roots is a starting WordPress theme made for developers that’s based on HTML5 Boilerplate, Blueprint CSS (or 960.gs) and Starkers that will help you rapidly create brochure sites and blogs.
- Bounce – A fun and easy way to share ideas on a website
A fun and easy way to share ideas on a website.
ResizeMyBrowser is simple yet very useful online tool. With this tool you will be able to set the browser size by both Inner window and Outer window.
- Cinemagraph: 28 Still Photos With Subtle Motion
So today we’re going to showcase animated GIF artwork but there are not the regular GIF we use on websites. These are beautiful twist from somehow nasty animated Gif artworks with the use of high quality photos from modern photography, and the pioneer, Jamie Beck and Kevin Burg called it – Cinemagraph.
- 20 Fantastic pseudo-Flash websites | Webdesigner Depot
- Sliding Background Image Menu with jQuery | Codrops
Today we want to share another jQuery menu with you. This menu will have several panels, each one corresponding to a different background image that will show on all panels when we hover over a panel label. Also, a submenu will slide out from the bottom. This menu comes with some configuration possibilities, such as the size of the image, the hover effect and custom default states.
- Free WordPress Themes: 2011 Edition – Smashing Magazine
Most of the themes below can be tailored via the options panel to be anything you want, whether a portfolio, a content-heavy magazine-style website or a basic blog. Setting one up takes only 10 minutes. This actually gave us a few problems when it came to categorizing the themes below. We spend a lot of time researching, collaborating on and writing these round-ups. In fact, it is a Smashing Magazine tradition to publish the top 100 WordPress themes from the previous 12 months (this is our fifth edition).
- 25 Examples of Thumbnail Usage in Web Design | Codrops
Since images are a very important part of a website, we decided to gather some examples of how websites are using thumbnails to organize and showcase their content. From layouts completely based on thumbnails and others using a few to get attention to a specific subject, we have a lot of inspiring examples to show you.
- Inspiring Examples of Negative Space in Logo Design | Inspiration
Here on WDL we really like negative space and the concept surrounding it, specially when it comes to logos. For those not familiar with the term, negative space is all that empty space around and between elements in a design, it’s the space that some designers use to give a nice and unique touch to things. Using the space around a logo is a clever way to give it a beautiful and elegant look, so instead of adding elements you can use the empty space to strengthen the meaning of the design.
- 30 Creative Navigation Menus | SpyreStudios
It’s not always easy creating a navigation menu that stands out, and also serves its purpose without getting in the way. Sites that have a huge number of category pages in particular can be quite daunting as the navigation can soon get out-of-hand.
- Ribbons and tags in web design | Webdesigner Depot
The websites that use these elements are truly outstanding in quality. Putting together this gorgeous showcase turned out to be remarkably easy. Few trends are like this: one usually has to wade through many poor examples to find the tasty ones.
- QueryLoader – preload your website in style – Gaya Design
There is always a minor problem when it comes to preloading image on a website. Nobody really has a full solution for it. There are a lot of preloaders available, but most of the time they only display the words: “Loading page” or have an animated image that spins. Why can’t there be a nice loading bar of some kind? I’ve gotten a few request on how to make a preloader, or people asking me how to get all the images of a web page and preload them (even the images in CSS). This preloader has it all. Loading bar, custom animations and getting all images included in the web page.
- Free Prestashop and WordPress E-Commerce Theme: Velvet Sky – Smashing Magazine
The Prestashop theme is released under Creative Commons; the WordPress theme is released under GPL. Both themes are free to use for private as well as commercial projects. There are no restrictions; you may modify the theme as you wish.