recentpopularlog in

wwc : css   78

The Flexbox Holy Albatross | HeydonWorks
On faking container queries, for one use case
css  responsive.web 
23 days ago by wwc
Learn CSS Layout - floats, positioning, flexbox, grids
Learn CSS layout with straightforward and practical examples. A course designed to remove layout confusion for good!
november 2017 by wwc
Toolbars, keyboards, and the viewports - QuirksBlog
In particular, the finding that keyboard appearance/disappearance in Safari on iOS is undetectable
june 2017 by wwc
The invisible parts of CSS · MadebyMike
Explanations of the box model, visual formatting, the cascade, and other fundamental CSS concepts
may 2017 by wwc
Glen Maddern: Internet Pro
In CSS Modules, each file is compiled separately so you can use simple class selectors with generic names — you don’t need to worry about polluting the global scope.
march 2016 by wwc
Refills - Patterns
Components and patterns built with Bourbon and Neat.
css  sass 
october 2015 by wwc
Tufte CSS
Tufte CSS provides tools to style web articles using the ideas demonstrated by Edward Tufte’s books and handouts. Tufte’s style is known for its simplicity, extensive use of sidenotes, tight integration of graphics with text, and carefully chosen typography.
css  typography 
october 2015 by wwc
Give Floats the Flick in CSS Layouts
On using display: inline-block and other CSS 2.1+ features to make layouts.
september 2015 by wwc
csscss by zmoazeni
A CSS redundancy analyzer that analyzes redundancy.
march 2015 by wwc
CSS Dig: tomgenoni/cssdig
Inspired by Nicolle Sullivan’s advice to “grep your styles”, CSS Dig is is a Python script that runs locally to unearth properties and values from almost any website — from both linked CSS files as well as any styles found in the head — to help you analyze, refactor, standardize and maintain your CSS.
march 2015 by wwc
A browser (Firebug for Firefox, currently) extension that counts all the fonts on a page and orders them by color and size before happily outputting some json.
css  typography 
march 2015 by wwc
Every CSS project starts out with good intentions, but inevitably, one too many people eye-dropper colors into nooks and crannies that you never knew existed. CSS Colorguard helps you maintain the color set that you want, and warns you when colors you've added are too similar to ones that already exist. Naturally, it's all configurable to your tastes.
march 2015 by wwc
Webfonts and Pagespeed - an illustrated guide
"This article describes several methods of using web fonts and how they affect pagespeed. In general the methods are listed from the theoretically fastest to slowest and provide the following information about each technique..."
web.application.performance  web.applications  css 
january 2015 by wwc
Typecast works just like the web, with an infinite canvas. Design a working prototype using our simple visual controls then export production-ready HTML & CSS or share by URL.
typography  css 
december 2014 by wwc
Off Canvas (CSS and design for slide-in menus)
The idea here is to have the two supporting panels of navigation and sidebar content hidden just off-screen to the left and right for easy access on small/medium viewports. Off Canvas is a design pattern, not a plugin or framework.
october 2014 by wwc
Optimizing Web Font Rendering Performance -
TLDR version:

There are four primary levers that determine the performance impact of web fonts on the page:
The total number of fonts and font-weights used on the page. (Design)
The total byte size of fonts used on the page. (Design)
The transfer latency of the font resource. (Engineering)
The time when the font downloads are initiated. (Engineering)
Different browsers use different methods to handle font loading timeouts:
IE immediately renders text with the fallback font and re-renders it once the font download is complete.
Firefox holds font rendering for up to 3 seconds, after which it uses a fallback font, and once the font download has finished it re-renders the text once more with the downloaded font.
Chrome and Safari hold font rendering until the font download is complete.
Font Loading Event is definitely something to watch and could be introduced into Chrome (stable) soon. In the meantime, Typekit's Web Font Loader does about the same thing.

Finally, check this out:
web.application.performance  css 
february 2014 by wwc
Complexspiral Redux
A neat effect achievable with simple CSS1 background properties.
september 2011 by wwc
Python HTML/CSS to PDF converter
XHTML2PDF is a converter for HTML/XHTML and CSS to PDF and a Python package.
html  pdf  css  python  publishing 
january 2010 by wwc
CSSToXSLFO is a utility which can convert an XML document, together with a CSS2 style sheet, into an XSL-FO document, which can then be converted into PDF, PostScript, etc. with an XSL-FO-processor.
pdf  publishing  html  css  xsl-fo 
january 2010 by wwc

Copy this bookmark:

to read