background preloader

Html / css

Facebook Twitter

Section 508 Checklist. You are here: Home > Articles > Section 508 Checklist Part 1: HTML.

Section 508 Checklist

CSS

CSS architecture. Sass. CSS3. CSS2.1 User Agent Style Sheet Defaults. New Tab. HTML5 — Edition for Web Developers. Focus transition. Playground Why?

Focus transition

Keyboard navigation has a major downside: it’s not clear where the focus moves upon pressing the Tab key. Animation makes the transition more apparent. How? Flying Focus creates an element that is moving when the focus event happens. CSS Front-end Frameworks with comparison - By usabli.ca. RDFa 1.1 Primer - Second Edition. We begin the introduction to RDFa by using a subset of all the possibilities called RDFa Lite 1.1 [rdfa-lite].

RDFa 1.1 Primer - Second Edition

The goal, when defining that subset, was to define a set of possibilities that can be applied to most simple to moderate structured data markup tasks, without burdening the authors with additional complexities. Many Web authors will not need to use more than this minimal subset. 2.1.1 The First Steps: Adding Machine-Readable Hints to Web Pages. Semantic CSS With Intelligent Selectors. Rethinking Mobile Tutorials: Which Patterns Really Work?

Semantic CSS With Intelligent Selectors

Pattern libraries are a great source of inspiration and education for designers. But common practice doesn’t always equal best practice. In this post, we’ll look at why many common tutorial patterns are ineffective and how you can leverage game design principles to increase user engagement. After the release of the first edition of Mobile Design Pattern Gallery, Intuit asked me to speak with its mobile team.

I spoke at a high level about the value of patterns across industries (fashion, architecture, software and others) and how they are a useful teaching tool. CSS property order · @mdo. 29 Nov 2011 CSS property order matters, especially on larger teams with several engineers and designers all contributing code.

CSS property order · @mdo

Making Front-end Development a Team Sport. I totally dig the idea and understand where the sentiment stems from, especially after knowing some “horror stories” of code past.

Making Front-end Development a Team Sport

Modular CSS preprocessing with rework. CSS: tips & tricks. CSS: em, px, pt, cm, in… The single responsibility principle applied to CSS. 28 April, 2012 Having just spoken at the Front-Trends conference in Warsaw, I’ve decided to expand on something which my talk mentioned a lot: classes.

The single responsibility principle applied to CSS

My talk covered how to build big, scalable front-ends and one of the key factors involved in doing so is sensible and generous use of abstracted classes. One thing that really helps you achieve this is the application of the single responsibility principle, a method used mainly in OO programming. Thoughts on current web development practices. Objects in Space — Objects in Space. Let’s break down an Object based solution to User Needs Beer.

Objects in Space — Objects in Space

Note — all example style codez here are in SCSS. Modules I begin by creating the modules I need in their default, basic state. Beer needs some definition: The algorithm for a perfectly balanced photo gallery – Summit Stories from Crispy Mountain. Remember the days in college when you learned all about the big Oh!

The algorithm for a perfectly balanced photo gallery – Summit Stories from Crispy Mountain

's and re-implemented all these sort-algorithms for the hundredth time? If you are a web developer like me, chances are you never had to touch a single one of these algorithms ever again. I mean, hands down, 99% of the hard work in web development is working around browser quirks and messing with other people's code. And then, all the sudden, that algorithm knowledge actually becomes very useful. The idea. MAX 2013 – The Creativity Conference. Community Translation Your transcript request has been submitted.

MAX 2013 – The Creativity Conference

Adobe TV does its best to accommodate transcript requests. It can take a few weeks for the transcript to become available in the Community Translation Project, so keep checking back. Join the Community Translation Project Thanks for your interest in translating this episode! Please Confirm Your Interest Thanks for your interest in adding translations to this episode! An error occurred while processing your request. Another translator has already started to translate this episode. Writing efficient CSS - Web developer guide. Note: This document was originally written in 2000.

Much has changed when it comes to writing CSS that is fast. This guide is not an accurate representation of the bottlenecks in the browser's rendering pipeline. For selectors in particular, read CSS Selector Performance has changed! Optimize browser rendering - Make the Web Faster. Once resources have been downloaded to the client, the browser still needs to load, interpret, and render HTML, CSS, and JavaScript code. By simply formatting your code and pages in ways that exploit the characteristics of current browsers, you can enhance performance on the client side. Use efficient CSS selectors Overview Avoiding inefficient key selectors that match large numbers of elements can speed up page rendering. Details As the browser parses HTML, it constructs an internal document tree representing all the elements to be displayed. Jens O. Meiert · Web Design, Web Development, Accessibility, and Usability. Cargo Cult CSS. November 24 2013 It is generally accepted that having a methodology for writing and managing CSS is preferable to having none at all.

In spite of this, some of the practices developers have adopted are having a detrimental effect on the semantic quality and longterm maintainability of what we build. I’m going to talk about some of the problems with techniques being advocated by CSS ‘framework methodologies’ and how we, as web developers, can better solve these problems. The most popular framework methodology for developing CSS today is OOCSS, although other similar techniques exist, such as BEM. These methodologies attempt to apply the principles of Object-Oriented Programming to CSS. Semantics. Use CSS display:table for Layout. Kick-Start Your Project: A Collection of Handy CSS Snippets. Digital Bits.

Sliders

Grid systems. C HTML5 Logo. Robin Rendle › Intrinsic Ratios and SVGs. Absolute Horizontal And Vertical Centering In CSS. Rethinking Mobile Tutorials: Which Patterns Really Work? Pattern libraries are a great source of inspiration and education for designers. But common practice doesn’t always equal best practice.