Menu

Category Archives: Sass

Sass: The @import Directive

Excerpt of the ori­gin­al art­icle.

«One way to writer DRY­er code is to sep­ar­ate con­cerns and keep related code in sep­ar­ate files. This allows you to main­tain code in one file as opposed to main­tain­ing the same code over sev­er­al or many files.»

Read more on

→ vanseodesign.com

Using Bootstrap 4 Flexbox

Excerpt of the ori­gin­al art­icle.

«The CSS3 Flex­ible Box, or Flexbox, is a new lay­out mode to improve arrange­ment of items on a page that can also man­age dir­ec­tions and order with­in a con­tain­er to accom­mod­ate dif­fer­ent screen sizes and dif­fer­ent dis­play devices. It works like a box mod­el which mod­i­fies the width or the height of its child items filling up the space avail­able without the use of floats.»

Read more on

→ designmodo.com

Variables: The Backbone Of CSS Architecture

Excerpt of the ori­gin­al art­icle.

«When they hit the front-end land­scape a few years ago, pre­pro­cessors were her­al­ded as the saviour of CSS, bring­ing mod­u­lar­ity, mean­ing and even a degree of sex­i­ness. Terms like “Sass archi­tec­ture” became com­mon­place, ush­er­ing in a new gen­er­a­tion of CSS developers who occa­sion­ally went to excess with their new-found power. The res­ults were mar­vel­lous, and some­times undesir­able.»

Read more on

→ smashingmagazine.com

Want To Learn Sass? Start With These Resources

Excerpt of the ori­gin­al art­icle.

«Since writ­ing a lot of CSS can truly be an over­whelm­ing task to take on. It is highly advis­able to learn Sass. Learn­ing Sass can help to make life a whole lot easi­er for both web developers and design­ers. For begin­ners, you may find it a little dif­fi­cult at first, but as time goes on, you will find that it gets easi­er and bet­ter.»

Read more on

→ designyourway.net

7 Excellent Websites for Learning Sass

Excerpt of the ori­gin­al art­icle.

«Using Sass makes your web design pro­jects much easi­er to build, scale and main­tain. Tak­ing the time to explore and learn Sass will yield many bene­fits. The Sass com­munity is pas­sion­ately help­ful, so there’s no short­age of Sass tutori­als, art­icles and guides on the Web.»

Read more on

→ sixrevisions.com

Smarter Grids With Sass And Susy

Excerpt of the ori­gin­al art­icle.

«If you’re a design­er, you’ll know that grids are your friends. More often than not, they’re the vital archi­tec­ture that holds a beau­ti­ful design togeth­er; they cre­ate rhythm, struc­ture your page, lead the eye, and pre­vent the whole thing col­lapsing in a sloppy mess.»

Read more on

→ smashingmagazine.com

Use Sass Within Minutes

Excerpt of the ori­gin­al art­icle.

«Sass is a ser­i­ously power­ful web devel­op­ment tool. When it was first released, to install and use Sass required the com­mand line and a Ruby frame­work. This was a big turn-off for many new­comers.»

Read more on

→ sixrevisions.com

Responsive Typography With Sass Maps

Excerpt of the ori­gin­al art­icle.

«Man­aging con­sist­ent, typo­graph­ic rhythm isn’t easy, but when the type is respons­ive, things get even more dif­fi­cult. For­tu­nately, Sass maps make respons­ive typo­graphy much more man­age­able.»

Read more on

→ smashingmagazine.com

33 Open Source Sass-Based CSS Code Snippets

Excerpt of the ori­gin­al art­icle.

«Noth­ing says exper­i­enced fron­tend developer quite like Sass. From agen­cies to freel­an­cers, it seems like every­one is talk­ing about Sass/SCSS devel­op­ment. Although it may seem daunt­ing at first, Sass is easy to learn with just a bit of prac­tice and patience.»

Read more on

→ spyrestudios.com

40 tools for writing better CSS40 tools for writing better CSS40 tools for writing better CSS

40 tools for writing better CSS

Excerpt of the ori­gin­al art­icle.

«We all know CSS is great. It makes our sites look good, can be used to add anim­a­tion, and keeps the present­a­tion sep­ar­ate from the con­tent. It can be hard, though, to know everything there is to know about CSS. It only gets harder as we try to make our code cross-browser com­pat­ible. »

Read more on

→ developerdrive.com