A lot of editors are scriptable in Python. And Firefox has remote capabilities. So we are building a python library that can be used by editors to interact with Firefox (desktop or mobile). We could for example add JS breakpoints from Vim, or edit the code of the current page from SublimeText. Note that the …
Tag Archives: css
Automatic Text Balancing on the Web for Better Readability
Good proposal by Adobe as this is an actual problem we’re facing in web development right now. Results in better readability and as an extra it also prevents typographic widows The proposed CSS looks like this: h1 { text-wrap: balance; } Balancing Text for better readability → The original article seems to be gone. Link …
Continue reading “Automatic Text Balancing on the Web for Better Readability”
Increasing the Clickable Area of Inline Links
What no one told you about z-index
Rotating Words with CSS Animations
Dive into Flexbox
Flexbox is a new layout mode in CSS3 that is designed for the more sophisticated needs of the modern web. This article will describe the newly-stablized Flexbox syntax in technical detail. Great to see that after three years it has become a candidate recommendation. Time to start digging a grave for faux columns (née 2004) …
Bootstrap components using Bootleg.css
3D Hartwig Chess Set
Focal Point: Intelligent Cropping of Responsive Images
When working with images on small screen devices it is recommended to focus on the subject: don’t just show a scaled down version of the photo, it’s better to remove some of the background scenery and show the person on the photo (see the Obama example at the top of this post on responsive images). …
Continue reading “Focal Point: Intelligent Cropping of Responsive Images”
CSS Filterlab
While we have to wait for CSS Custom Filters to hit mainstream browsers, you can use CSS Filter Lab to play with built-in CSS filters already available in most WebKit browsers today, including Chrome, Safari, and even Mobile Safari on iOS6. With CSS Filters you can create stunning effects. filter: sepia(0.8) saturate(3) brightness(0.25) contrast(2); for …