Essential Extensions for Brackets

Brackets has an extensive array of extensions for enhancing your front-end development workflow. Emmet – The Emmet extension for Brackets, if you take the time to learn it, provides wonderful shorthand snippets for quickly coding in HTML and CSS. Emmet Plugin Emmet — the essential toolkit for web-developers Indent Guides – The Indent Guides extension… Continue reading Essential Extensions for Brackets

A First Look at CSS Grid

What is the CSS Grid Layout Module? According to the W3C Working Draft, The CSS Grid Layout module “defines a two-dimensional grid-based layout system, optimized for user interface design. In the grid layout module, the children of a grid container can be positioned into arbitrary slots in a flexible or fixed predefined layout grid.” In… Continue reading A First Look at CSS Grid

Published
Categorized as CSS, CSS3

PostCSS – First Look

Introduction PostCSS is an engine/tool for processing/transforming CSS with JavaScript. It help’s us writing CSS faster and more efficiently. There are different plugins that we can use with PostCSS. Some of them include cssnano which helps in compressing the CSS files, Autoprefixer which programmatically adds prefixes to the CSS files, making things like Flexbox easier… Continue reading PostCSS – First Look

Published
Categorized as CSS, Tools

CSS Frameworks

What is a CSS Framework? A CSS framework is a collection of CSS files that contain a set of simple CSS-styles such as basic typographic rules, grid-based/general layouts, basic form styling and resets. Advantages of CSS Frameworks CSS Framework enables developers to rapidly prototype designs Standardizes the organizational structure of your website Web Developers don’t… Continue reading CSS Frameworks

Published
Categorized as CSS

Flexbox

Flexbox is a set of CSS properties that gives us a flexible way to lay out content. It is one of the advanced methods for laying out webpages. With flexbox we can change the direction, alignment, size and order of elements, regardless of their original size and order in the HTML. We can even stretch… Continue reading Flexbox

Published
Categorized as CSS, CSS3