🌐 Public

Advanced CSS

By Patrick Burtchaell

Introduction

Learn how to: 1) get the most out of CSS, 2) how to document CSS declarations, and 3) what on earth object-oriented CSS is. This course is built for web developers with an intermediate knowledge of CSS, e.g., a good knowledge of basic concepts.

Patrick Burtchaell — Design and computer science student at Loyola University New Orleans and front end web developer.

Added by Patrick Burtchaell: “High-level advice and guidelines for writing sane, manageable, scalable CSS.

1 CSS Guidelines

High-level advice and guidelines for writing sane, manageable, scalable CSSAbout the AuthorCSS Guidelines is a document by me, Harry Roberts. I am a Consultant Front-end Architect from the UK, and I help companies all over the world write and manage better quality UIs for their products and teams. I am available for hire. Support the GuidelinesCSS Guidelines is provided through

Added by Patrick Burtchaell: “A great introduction to writing selectors, a skill that, if you master, will make you stand out from the rest.

2 Writing Efficient CSS Selectors

Efficient CSS is not a new topic, nor one that I really need to cover, but it's something I'm really interested in and have been keeping an eye on more and more since working at Sky. A lot of people forget, or simply don't realise, that CSS can be both performant and non-performant. This can be easily forgiven however when

Added by Patrick Burtchaell: “Learn the optimal CSS architecture for building big sites, some handy naming techniques to make code easier to read and work with. Slides available here: https://speakerdeck.com/csswizardry/architecting-scalable-css

3 Harry Roberts - Architecting Scalable CSS

Added by Patrick Burtchaell: “Practices for writing robust front-end code. Please note that it is best to read this styleguide in it's original format, not on Gibbon: http://pburtchaell.com/styleguide

4 CSS and HTML Code Styleguide

This document formally describes methods and standards for developing robust, easily maintained and high-performance HTML, LESS, Sass and CSS code. Table of ContentsHTML5When using HTML5 elements, always follow the W3 Specifications. If you need to check browser support of a specification, caniuse.com is an invaulable resource. General HTML SyntaxIn order to guarantee that code renders the same in any environment,

6 Browsers Match CSS Selectors from Right to Left

Keep in mind that when a browser is doing selector matching it has one element (the one it's trying to determine style for) and all your rules and their selectors and it needs to find which rules match the element. This is different from the usual jQuery thing, say, where you only have one selector and you need to find

7 Comments are More Important than Code

Comments Are More Important Than Code The thorough use of internal documentation is one of the most-overlooked ways of improving software quality and speeding implementation. Jef Raskin, Independent ConsultantIn this essay I take what might seem a paradoxical position. I endorse the techniques that some programmers claim make code self-documenting and encourage the development of programs that do "automatic documentation."

Eugene R.

Freshman

  • 2 Playlists
  • 0 Followers

Анна Земляна

Freshman

  • 0 Playlists
  • 0 Followers

alessandraoli

Freshman

  • 0 Playlists
  • 0 Followers

Taria Dawson

Freshman

  • 0 Playlists
  • 0 Followers

Remington Robertson

Former tech startup founder, product designer & growth hacker consultant available for hire. https://t.co/8kvRGw3LbL

  • 0 Playlists
  • 0 Followers

Mahmoud Mahfouz Zaza

Freshman

  • 0 Playlists
  • 0 Followers

Дамир Аралбаев

Freshman

  • 0 Playlists
  • 0 Followers

Madelein Araya

Working as graphic designer. Love my work and my life (best achievement ever).

  • 0 Playlists
  • 0 Followers

ajkdasd

Freshman

  • 0 Playlists
  • 0 Followers

Grzegorz Laszczyk

Freshman

  • 0 Playlists
  • 0 Followers

Dek Carrillo

Multimedia Designer from Manila, Philippines.

  • 0 Playlists
  • 0 Followers

Trip

Freshman

  • 0 Playlists
  • 0 Followers

Jakub Dziedzic

Freshman

  • 0 Playlists
  • 0 Followers

Kelly Dern

Visual designer, illustrator, chocolatier and adventurer. Comms co-chair @aigsf, designer @sojern & UX design apprentice ...

  • 0 Playlists
  • 0 Followers

hcaltiner

Freshman

  • 0 Playlists
  • 0 Followers

NAVIN KUMAR CHAHAR

I AM HUMAN ,SIMPLE AND STRAIGHT.

  • 0 Playlists
  • 0 Followers

Greg

Freshman

  • 0 Playlists
  • 0 Followers

Iman Carr

Multimedia Interaction Designer & Developer

  • 0 Playlists
  • 0 Followers

Frank Armstrong

Typography + Information + Interaction + Visualization Design

  • 0 Playlists
  • 0 Followers

MrZackrox

Freshman

  • 0 Playlists
  • 0 Followers
Load more

Delete your comment

Are you sure you want to delete your comment?