background preloader

A beautiful and full-featured CSS framework

A beautiful and full-featured CSS framework

Related:  PS template | free PSD | FRAMEWORKS

27 Best Photoshop Web Layout Design Tutorials to Design Decent Web Layouts Learn how to earn $125 or more per hour as a freelancer - Click Here Looking for hosting?. We recommend MediaTemple for web hosting. Use Code MTLOVESDESIGN for 20% off For beginner web designers – design tutorials really help to understand the basic knowledge about web design! Plain Grail This theme is based on Holy Grail and controlled by Grid and developed as a subtheme of Zen. Other Holy Grail themes in series: Another theme in the spirit of OTS (off the shelf) themes by the same author is zenLand, an attempted marriage of Zen and Garland, the core theme :) Features: 1, 2, or 3 column nice, clean, white fixed layout Equal height columns without javascript, great start for grid lovers Both sidebars are placed on the right, believed to be good for SEO Supports forms, lists, comments, quotes, codefilter, tables and Drupal maintenance page Supports external link popups, inactive by default.

50+ Gorgeous Navigation Menus Ease of navigation is one of the biggest keys to the usability of a website. If visitors can easily find what they are looking for they will be more likely to stay on the website rather than leaving and going to some other site. Effective navigation can help to increase pageviews, improve the user experience, and even increase revenue and profit. As more and more users are accessing sites via mobile devices, responsive web design has continued to increase in popularity. One of the challenges of designing and developing responsive websites is to create a user-friendly navigation menu that works equally well for visitors on all types of devices.

10 popular CSS grid systems for a website CSS grid systems help in the creation of a simple and elaborate website. They are flexible with styling option & navigations and include varied layout patterns. In this article, we would discuss the 10 popular CSS grid systems for a website. Golden grid CSS The golden grid CSS system is a CSS tool for grid based sites. Design a Clean e-Commerce Website Interface in Photoshop Remember the Fashion Store freebie? Today I'll show you how to create this clean e-commerce website interface in Adobe Photoshop. This tutorial isn't only filled with many Photoshop techniques but also design concepts that go beyond the how-to part, which I'm sure you don't want to miss. Skinr Skinr's main purpose is to allow the theme to define a set of reusable and modular CSS styles, and to make those styles available in Drupal's UI. Skinr was developed for themers to allow them to tap into the power of Drupal's modularity and apply those same principals to theme development. It does not provide any styles of its own. These styles are defined in the .info file of the theme (or subtheme), by the themer and end up in various places in Drupal's UI, such as: Block ConfigurationNode Type (and Comment) ConfigurationPanel PanesViews Displays

Web-Based Tools for Optimizing, Formatting and Checking CSS Stylesheets can get large real quickly, both in terms of length and file size. To ensure that your web pages render correctly and quickly, here’s a compilation of some of the best free, web-based CSS optimizers/compressors, code formatters, and validation services. Check them out and pick the ones that work best for you.

Futurico UI HTML - Free User Interface Elements for Developers Futurico UI HTML is a web elements pack that has been created based on the free version of Futurico UI elements pack. We are really happy that Futurico UI was so successful and only in 3 months we have gathered about 100 000 tweets! This is something really big for us and we would like to thank you for your support and launch the Futurico UI HTML pack. This pack of ready to use Futurico UI HTML components has been created for designers & developers.

Create a Clean and Modern Web Design in Photoshop In this web design tutorial, we’re going to learn how to create a clean-looking and modern website layout. We will take advantage of some fundamental techniques and tools — such as custom shape tools, selection tools, and clipping masks — and end up with a nice and professional web design. Ready? Let’s get started! Preview First, take a peek at what we’ll be creating together by clicking the preview image below to enlarge.

AdaptiveTheme Responsive HTML5 Base Theme Adaptivetheme is a powerful theme framework designed from the ground up to power modern, cross browser/cross device websites using responsive design techniques. Adaptivetheme allows you to set up specific layouts for different device groups - such as desktop, tablet and smartphone - all with zero coding. Its all easy point-and-click configuration.