Browsing Tag

CSS

Sort by

Do You Exclusively Use <code>webkit</code> Prefixes?

Do You Exclusively Use webkit Prefixes?

on Feb 10th 2012 with 73 comments

You’ve undoubtedly read about the vendor prefix web development drama of the week. If not, the W3C mailing lists have been on fire ever since it was discussed (and essentially announced) that Microsoft, Opera, and Firefox will begin to adopt and style webkit-prefixed properties. One of the reasons behind this decision is that we developers aren’t being responsible when coding our stylesheets; we’re applying too many webkit-specific properties, without considering other browsers.

Upon hearing this, I was left thinking to myself: is this really true?

(Continue)

Quick Tip: How to Keep the Count with CSS
basixvideos

Quick Tip: How to Keep the Count with CSS

on Nov 1st 2011 with 44 comments

Did you know that, with CSS, you can create a counter? This can be especially useful for instances where the count is purely needed for presentational purposes. I’ll show you how to use counter-increment in this useful quick tip.

(Continue)

Nettuts+ Quiz #5: CSS Specificity and Cascading

Nettuts+ Quiz #5: CSS Specificity and Cascading

on Sep 2nd 2011 with 75 comments

A lot of developers think that CSS is a complete pushover to master. While it’s true that the ceiling is a little lower compared to others, it can still make you want to tear your hair out!

In this month’s quiz, you’ll be testing out your mastery of how CSS rules are applied.

(Continue)


This entry is part 5 of 11 in the The Official Nettuts+ Quizzes Session
Cross-Browser CSS in Seconds with Prefixr

Cross-Browser CSS in Seconds with Prefixr

on Aug 3rd 2011 with 142 comments

A couple weeks ago, as I began to manually update my stylesheet with all of the various browser prefixes for the new CSS3 properties, I thought to myself, “This is such a waste of time. Surely, there’s an easier way.”

(Continue)

How to Create Diagonal Lines with CSS
videos

How to Create Diagonal Lines with CSS

on Jun 30th 2011 with 78 comments

A few days ago, I received my invite to Google Music. While browsing the app, I noticed a tiny, but neat trick they use to create tabs and diagonal borders with plain-old CSS. I’ll show you how to do the same in your projects today!

(Continue)

Web Development from Scratch: Helpful Dev Web Apps
basixvideos

Web Development from Scratch: Helpful Dev Web Apps

on Jun 12th 2011 with 37 comments

We’re going to step away from coding just long enough to bookmark ten very helpful web apps that you need to be familiar with.

(Continue)


This entry is part 15 of 15 in the Web Development from Scratch Session
The 30 CSS Selectors you Must Memorize

The 30 CSS Selectors you Must Memorize

on Jun 9th 2011 with 387 comments

Twice a month, we revisit some of our readers’ favorite posts from throughout the history of Nettuts+. This tutorial was first published in November, 2010.

So you learned the base id, class, and descendant selectors – and then called it a day? If so, you’re missing out on an enormous level of flexibility. While many of the selectors mentioned in this article are part of the CSS3 spec, and are, consequently, only available in modern browsers, you owe it to yourself to commit these to memory.

(Continue)


This entry is part 2 of 16 in the CSS3 Mastery Session
Web Development from Scratch: Layout Fragments

Web Development from Scratch: Layout Fragments

on Jun 2nd 2011 with 14 comments

In this episode, I’m going to teach you how to take a layout fragment on the web, and recreate it with HTML and CSS.

(Continue)


This entry is part 13 of 15 in the Web Development from Scratch Session
Responsive Web Design: A Visual Guide
videos

Responsive Web Design: A Visual Guide

on May 27th 2011 with 113 comments

These days, “one size fits all” is quickly becoming a dated concept. Luckily, with CSS media queries, we can now easily build responsive web designs that accomodate everything from your mobile phone, up to your massive desktop!

(Continue)

Web Development from Scratch: Forms
basix

Web Development from Scratch: Forms

on Apr 18th 2011 with 18 comments

In lesson nine of our Session, we’ll review forms, or more specifically, the method by which we capture user data. When you build registration or contact pages, you use forms and inputs.

(Continue)


This entry is part 9 of 15 in the Web Development from Scratch Session
Page 1 of 912345678...Last »