Replicating the unique layout of a _daf_ of Talmud in a web browser

A multidisciplinary designer with an eye for details.

How an emerging CSS standard can fix old problems and raise the bar for web apps

Learn about how to write defensive CSS.

Open source browser tools for everyday use - Triangle generator - Color shades generator - Curved page dividers - SVG compressor - SVG → JSX - Base64 encoding - Fake data generator - Symbols collection - Lorem ipsum

by Andy Bell

CSS Layout has been transformed over the past years. We have you covered with all you need to master this new world. If you want to understand the technical details, or learn how to use new CSS creatively, these guides can help.

Advanced multi-part components with lots of possibilities

A Utility Complete CSS Framework for less than 45kb (8kb Gzipped)

… a classless CSS framework to write modern websites using only HTML. It's ~4.5kb GitHub → https://github.com/xz/new.css

Latest Collection of free HTML and CSS book effect code examples: 3d, animation, flip, layout, etc.

Coolest Gradient Hues and Swatches by UVdesk

Chrome extension to see a quick overview of styles on the current page Chrome Web Store: https://chrome.google.com/webstore/detail/css-peeper/mbnbehikldjhnfehhnaidhjhoofhpehk

Devbridge Styleguide helps you create, share, and automate a living visual style library of your brand. Share your digital brand standards, improve team collaboration, and implement an independent easily-extendable modular structure. --- Demo → http://styleguide.devbproto.com/styleguide/ --- GitHub → https://github.com/devbridge/Styleguide

A handy article on Vertical Rhythm and Modular Scale with Viewport Units.

Create atomic design ( http://bradfrost.com/blog/post/atomic-web-design/ ) systems with Pattern Lab.

calc() is a native CSS way to do simple math right in CSS as a replacement for any length value (or pretty much any number value). It has four simple math operators: add (+), subtract (-), multiply (*), and divide (/). Being able to do math in code is nice and a welcome addition to a language that is fairly number heavy.

… a brand new open source CSS library designed to help developers build web apps with an emphasis on speed. It evolved from the Adobe design language developed for Brackets, Edge Reflow, and feedback from the PhoneGap app developer community. → http://topcoat.io/posts/introducing-topcoat/

The ultimate CSS tools for web designers … · Gradient Generator · Border Radius · Noise Texture · Box Shadow

Responsive Layouts for Email