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
Category: CSS
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
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
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
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