I’d like to talk to you about Lemonade. Not the refreshing citrus drink, but a grid system I created. Lemonade is a grid system that was built in order to give designers and developers the confidence to make fully responsive websites, eliminating the frustration of flicking between browsers looking for bugs and errors. Let’s look… Continue reading Build a Freshly Squeezed Responsive Grid System
Tag: Grid
30 Masonry WordPress Themes
A masonry layout can use jQuery and CSS3 to dynamically position your images and videos in a neat grid that is optimised and changed depending on screen sizes and the displayed content width and height dimensions. Many WordPress theme shops and authors are incorporating masonry layouts into their WordPress themes, this results in a dynamic… Continue reading 30 Masonry WordPress Themes
Choosing a Grid System
In the previous article, I introduced you to grid systems. With any luck, by now, you should have a good understanding of what they are and why they’re a good weapon to have in your design arsenal. Today, I’m going to explain about choosing a grid system – from creating your own, to working with… Continue reading Choosing a Grid System
Why Media Temple’s Grid Package Is Such A Likeable Hosting Option
The Media Temple Grid type hosting plan is the best value for blog, business or personal web hosting, for a number of reasons. First among these is the scalability it comes with: there is no fixed capacity, so you’re always online. The number of computers comprising the grid can be augmented with just a flip of… Continue reading Why Media Temple’s Grid Package Is Such A Likeable Hosting Option
15 Grid Frameworks & Tools for Web Designers
Grid frameworks are the flexible way to make more responsive and cross browser compatible websites. With the huge impact of smartphones, there is a need to get your website compatible with mobile devices as well as classic PC browsers. Here comes the need of these grid frameworks and tools. Web designers are working tremendously well… Continue reading 15 Grid Frameworks & Tools for Web Designers
How to Create a Semi-Realistic Graphics Tablet in Adobe Illustrator
App Showcase with Grid Overlay
Today we will be creating a little app showcase with a neat effect. The idea is to show a mobile device with a screenshot of an app and when clicking on the device, a grid appears, showing some more screenshots. The effect is very subtle: the device moves back and the grid fades in and… Continue reading App Showcase with Grid Overlay
Arrange Images into Flexible Grid with Photoset Grid
Photoset Grid is a simple jQuery plugin to arrange images into a flexible grid, based on Tumblr’s photoset feature. Originally the plugin was created for the Style Hatch Tumblr themes as a way to use the photoset grid in responsive layouts, but they have since expanded it and released a jQuery plugin for us. Beyond… Continue reading Arrange Images into Flexible Grid with Photoset Grid
Thumbnail Grid with Expanding Preview
If you have searched images on Google recently, you might have noticed the interesting expanding preview for a larger image when you click on a thumbnail. It’s a really nice effect and it is very practical, making a search much easier. Today we want to show you how to create a similar effect on a… Continue reading Thumbnail Grid with Expanding Preview
How to Create a Vector Cross Stitch Effect in Adobe Illustrator
In today’s tutorial, I’m going to show you how to create a cross stitch effect using Adobe Illustrator CS6. I’ll be using the Appearance panel and patterns in order to create the design and then show you how you can create a simple Aida fabric background pattern. This is a great tutorial for those who… Continue reading How to Create a Vector Cross Stitch Effect in Adobe Illustrator
20 Latest Free High Quality PSD Files
Web designers always used to try different techniques and experiment with various new aspects of Adobe Photoshop to spice up into their works. Today we present you some high quality free PSD files for your next design with Photoshop. Enjoy! iphone ui(PSD freebie) Social Media Sharing Buttons (PSD) Google Maps UI Controls (PSD) Apple… Continue reading 20 Latest Free High Quality PSD Files