Why flexbox? In a nutshell, flexbox provides simpler and more flexible layout options in CSS. More specifically, it provides: Easy vertical alignment of content within a parent element. Easy reordering of content across devices and screen resolutions with the help of media queries. Easy CSS-only equal height columns for your grid-based layouts. No need to ... Read more
html: css: js:
Build custom web-framework (like 960) with Sass (Scss):
Anti-spam Pro = no spam in comments and no captcha Anti-spam Pro plugin blocks spam in comments. Anti-spam Pro is powerful and extended version of free and popular Anti-spam plugin. no captcha, because spam is not users' problem no moderation queues, because spam is not administrators' problem Plugin is easy to use: just install it ... Read more
Sass/Less Comparison In this document I am using Sass's SCSS syntax. You can choose to use the indented syntax in sass, if you prefer it, it has no functional differences from the SCSS syntax. For Less, I'm using the JavaScript version because this is what they suggest on the website. The ruby version may be ... Read more
There are three main components in the Settings API: The Setting, the Field and the Section. The Setting is the actual option that is stored inside the WordPress database. The Field is a form control rendered in our options page, such as a text input, or a dropdown select. The Section is just a way ... Read more
Screencast #130 (by Chris Coyier): First Few Minutes with Grunt Gruntfile.js sample with: concat, uglify, cssmin, imagemin: Grunt for People Who Think Things Like Grunt are Weird and Hard - by Chris Coyier (shorter version) Front-end developers are often told to do certain things: Work in as small chunks of CSS and JavaScript as makes ... Read more
SCSS (Sassy CSS) is Sass version 3. Sass gives variables, mixins, nesting and selector inheritance. "The new main syntax" for Sass builds on the existing syntax of CSS. It uses brackets and semi-colons just like CSS. It doesn't care about indentation levels or white-space. In fact, Sass's SCSS syntax is a superset of CSS -- ... Read more
I'm a big fan of analogy and metaphor when explaining difficult concepts, so let me try my hand with a story. Once upon a time: There was a princess... function princess(){ She lived in a wonderful world full of adventures. She met her Prince Charming, rode around her world on a unicorn, battled dragons, encountered ... Read more