Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Dismiss
Advertisement
  1. Web Design
  2. Complete Websites

Adaptive Blog Theme: Basic Styles

by
Difficulty:BeginnerLength:QuickLanguages:
Complete WebsitesCSS
This post is part of a series called Adaptive Blog Theme: From Photoshop to HTML & CSS.
Adaptive Blog Theme: Initial HTML Markup
Adaptive Blog Theme: Finishing up the Header

Having built the majority of our HTML markup, let's now turn our attention to styling it. We'll begin by looking at our LESS reset file, then we'll grab Twitter's Bootstrap grid CSS, after which we can get slicing our original Photoshop files.

Less, Bootstrap and Slicing our PSD

Adaptive Blog Theme: styles.less, the Bootstrap Grid and Slicing our PSD

Alternatively, Download the video, or subscribe to Webdesigntuts+ screencasts via YouTube

Header Styling

Adaptive Blog Theme: Header Styling

Alternatively, Download the video, or subscribe to Webdesigntuts+ screencasts via YouTube
Advertisement
Adi Purdila
Adi Purdila
Photoshop, HTML, CSS? Yep, that's what I do best. Mix that with lots of head nodding from trance music and you've got me in a nutshell.
Weekly email summary

Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.

Advertisement
View Online Demo View on GitHub
Translations

Envato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!

Translate this post
Powered by
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.
WordPress Themes
From $13
Magento Themes
From $17
ECommerce Websites
From $16
HTML5 Templates
From $4
Unlimited Downloads
From $16.50/month
Get access to over one million creative assets on Envato Elements.
Over 9 Million Digital Assets
Everything you need for your next creative project.
Create Beautiful Logos, Designs
& Mockups in Seconds
Design like a professional without Photoshop.
Join the Community
Share ideas. Host meetups. Lead discussions. Collaborate.
Quick LinksExplore popular categories