Quantcast
Channel: Web Design Blog » css
Browsing all 20 articles
Browse latest View live

Media queries to adapt your website

Last week I promised to show you how to create a simple, responsive website based on media queries – well, this week, I’m delivering. Excuse the theme – I saw X-Men at the weekend. So here we have one...

View Article


How to design a CSS Sprite Navigation for your website 1/2

In our updated video blog, James takes you through the necessary steps to prepare the graphics and initial coding to create a CSS Sprite Navigation for your website design. Continue reading →

View Article


Min and Max Widths, and Why ems are Cool!

When creating your latest web design, you may want to consider including CSS Media queries, to display different content based on your viewers browser size. Now, you may think automatically that the...

View Article

How to create double-lined navigation – Web design tutorial

Today Dan is going to show you a few examples of double-lined navigation in Website design and how to re create this and use yourself. Continue reading →

View Article

Detect screen size and use a different css file for your web design

Today I want to share a small but very useful web design tip. Screens are getting bigger and bigger as each day goes by. Thankfully we are no longer restricted to the walls of 800×600 but unfortunately...

View Article


CSS3 Linear Gradients that even work on IE6

In this week's web design video, James takes a quick look at CSS Linear Gradients that work on all browsers including IE6. Continue reading →

View Article

Useful CSS (including CSS3) Snippets

In this weeks web design blog post, I thought I’d collect together some useful snippets that I like to keep handy for all my new projects. Things like the text selection styling add a really nice...

View Article

Having fun with css3 in your web design – Part one: Circles

This week Gav shows us how to style your images and their containers using CSS3 so that you can showcase your work / products or whatever you like in a more beautiful way. Continue reading →

View Article


Website Design CSS3 Animation Fun

Now, before we start, please don’t take my word as Gospel on this – I’m still pretty new to using CSS3 animation in my web design, but it’s so awesome I had to write a blog post about it! Firstly …...

View Article


Web Design Tutorial – Selecting an Option Using JavaScript

In this week's web design video blog James shares a simple but effective JavaScript/JQuery technique for selecting Form Options with links. Continue reading →

View Article

Web Design tools – CSS Lint, will make you epic!

This week Gav shows us a really cool new online tool that goes deep into your CSS and pulls out all the nasty bits. It's a tool that will not only tell you why something doesn't work, but how to fix it...

View Article

Web Design Tips – CSS Columns & Grids

This week Steve talks through a couple of very useful and often overlooked ways of arranging content without floats Continue reading →

View Article

Web Design Tutorial – Coding a full-width infinite footer with CSS

In this week's video tutorial we show you how to create a blocky full-width footer where the colour/pattern doesn't run out. Continue reading →

View Article


Web Design Tutorial – 10 tips & tricks for Adobe Dreamweaver

Today we share 10 quick and simple tips for using Adobe Dreamweaver. Whether your'e a beginner or a seasoned developer, we're hoping you can pick up a few tricks from our tutorial. Continue reading →

View Article

Web Design Tutorial – Dreamweaver Snippets

In this week's web design video tutorial, James explains how you can work with Dreamweaver Snippets for fast and accurate access to your favourite snippets of code. Continue reading →

View Article


Web Design Tutorial: JQuery Sliding Info Panel

Today Kim goes through a tutorial to create a simple sliding information panel overlay using jQuery Continue reading →

View Article

Web Design Tutorial: CSS3 Retro Drop Shadow Effects

In today's post Kim shows you how to use multiple text-shadow declarations to create some interesting retro typography effects Continue reading →

View Article


An introduction to responsive web design & media queries

This week, James talks through the basic principals of creating a responsive web page with Media Queries and respond.js. Continue reading →

View Article

How to include JS & CSS in your WordPress website

Today Dan talks about how you can load CSS & JS into your theme and shows two examples of how to do this. Continue reading →

View Article

Use CSS3 today

Over the last couple of years we’ve seen some funky cool uses of CSS3, but now it’s time for the serious business. The CSS3 document has matured into a full W3C Recommendation, at this stage the W3C is...

View Article
Browsing all 20 articles
Browse latest View live