background preloader

CSS3 Flexbox Layout module

CSS3 Flexbox Layout module

http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html

Related:  FLEXBOX

Flexbox — Fast Track to Layout Nirvana? Introduction HTML and CSS is a great content delivery mechanism in many ways — it is easy to learn, flexible and powerful. One thing however that it has never excelled at is complex layouts. If you want to create a simple typographic essay layout with a floated image or two, then fine, but producing complicated multi column layouts has always been fiddly and hackish, and frustrating to get working consistently and precisely across browsers. We usually tend to abuse floats and other constructs for this purpose, and bugs and rendering differences can really spoil your fun.

How to install & use Package Control What is it? According to its webpage: A full-featured package manager that helps discovering, installing, updating and removing packages for Sublime Text 2. It features an automatic upgrader and supports GitHub, BitBucket and a full channel/repository system. What's it mean? It's a Sublime Text package that makes it super-easy & convenient to install & manage all your other Sublime Text packages. Using SVG Learn Development at Frontend Masters SVG is an image format for vector graphics. It literally means Scalable Vector Graphics. Basically, what you work with in Adobe Illustrator. You can use SVG on the web pretty easily, but there is plenty you should know. Why use SVG at all?

Using Flexbox: Mixing Old and New for the Best Browser Support By Chris Coyier On Flexbox is pretty awesome and is certainly part of the future of layout. The syntax has changed quite a bit over the past few years, hence the "Old" and "New" syntax. But if we weave together the old, new, and in-between syntaxes, we can get decent browser support. Especially for a simple and probably the most common use case: order-controlled grids Installation - Package Control Simple The simplest method of installation is through the Sublime Text console. The console is accessed via the ctrl+` shortcut or the menu. Once open, paste the appropriate Python code for your version of Sublime Text into the console. Handy Sass Mixins - Web Design Weekly Mixins are one of the most powerful features of Sass. Mixins allow for efficient and clean code repetitions as well as an easy way to adjust your code with ease. If you are using Sass in your development workflow, no doubt you are using some of the mixins that I have covered below but some might also be new and helpful.

How Flexbox works — explained with big, colorful, animated gifs Flexbox promises to save us from the evils of plain CSS (like vertical alignment). Well, Flexbox’s deliver on that goal. But mastering its new mental model can be challenging. So let’s take an animated look at how Flexbox works, so we can use it to build better layouts. Flexbox’s underlying principle is to make layouts flexible and intuitive. Can I use the MPEG-4/H.264 video format MPEG-4/H.264 video format - Other Commonly used video compression format (not royalty-free) Resources: Wikipedia article Firefox extension allowing support in Win7

Related: