#Css
13 notas · última:
What I learned while implementing a colorblind mode for my Belgian Wage Calculator site
The author describes what he learned while creating a colorblind mode for the Belgian Wage Calculator, including how colors change with different deficiencies and why two versions worked better than one.
CSS Optical Illusions: 50+ Visual Illusions Built with Pure CSS and HTML
A collection of CSS optical illusions showing how gradients, pseudo-elements, blend modes and animation can make flat shapes seem misaligned, colored, moving or three-dimensional.
We Need to Talk About Technical Debt
Argues technical debt and bad code are not the same thing: debt is a deliberate, repayable trade-off, bad code is a skills gap. Unpaid debt compounds into a rewrite.
Styling scrollbars with CSS
The page shows how to style scrollbars with CSS by combining the newer scrollbar-width and scrollbar-color properties with WebKit scrollbar pseudo-elements for wider browser support.
Why you should have ditched IE support long ago...
The post argues that IE support is no longer worth the cost because IE lacks key JavaScript, Web API, CSS, and HTML features, and many sites already break or refuse to support it.
Alinhamento com CSS — Centralizar é Sempre um Saco
O texto apresenta o How to Center in CSS, uma ferramenta que gera código para centralizar texto ou divs conforme dimensões, alinhamento desejado e suporte a versões do IE.
Eight CSS Tips for Advanced Layouts and Effects
The article presents eight CSS techniques for advanced layouts and effects, showing how selectors, sizing rules, padding, tables, Flexbox, transforms, and filters can solve common front-end layout problems.
Keeping it simple: coding a carousel
The article argues for a carousel built with minimal HTML, CSS and JavaScript, using one active container class, one current item, and progressive enhancement instead of layered complexity.
CSS you can get excited about in 2015
The article surveys newer CSS features gaining browser support in 2015, from advanced selectors and blend modes to calc(), variables, exclusions, shapes, and grid layout, with notes on limits and experimental support.
CSS Anti-patterns
Mark Daggett lists common CSS anti-patterns from a large Rails site, including unclear naming, invalid declarations, verbose code, over-specific classes, browser hacks, duplication, unused classes, and over-namespacing.
animate.css
Coleção de animações CSS com um link para a página do projeto.
Dan Saffer's The Disciplines of User Experience
A rough HTML/CSS knock-off of Dan Saffer’s diagram, with a note that it may contain errors.
Um guia completo de tipografia para a web
O artigo defende que tipografia é parte central da interface e reúne orientações sobre alinhamento, famílias, tamanho, largura, peso, contraste, ritmo vertical e ligaturas.