CSS: style and sub­stance

Web Designer - - Meta Welcome -

“Us­ing a CSS method­ol­ogy, or a com­bi­na­tion of many, can save you hours of de­vel­op­ment and de­bug ” time, lead­ing to more or­gan­ised code

If you are read­ing this then there is a good chance you know what CSS is. We like to call it the king of styling, but Cas­cad­ing Style Sheets in 2018 have so much more to of­fer than sim­ple styling. This is­sue we de­cided it was time to show off some of the im­mense tal­ents that CSS has to of­fer and give an in­sight into some of the lesser-known but still es­sen­tial el­e­ments that any­one need­ing to sharpen up their skills re­ally needs to know.

So what is on of­fer? We kick off with eight pages all about CSS an­i­ma­tion. This takes you from sto­ry­board­ing through to im­ple­ment­ing a sim­ple project, while pass­ing tran­si­tions, keyframes, per­for­mance and SVG an­i­ma­tion along the way. Want to know the ins and outs of CSS Grid? Then head to page 52 as we take you through the ba­sics and be­yond, and of­fer a few tips along the way.

Not as sexy as an­i­ma­tion but just as im­por­tant is op­ti­mi­sa­tion. Head to page 58 to get quick and easy tips to lighten the code load and get faster-load­ing sites. CSS pre­proces­sors let you ex­tend CSS and make it even more pow­er­ful. We take a closer look at the very pop­u­lar pre­proces­sor Sass and show how to use it to style your sites. Ev­ery­one likes rules and best prac­tices when it comes to code, so on page 72 Ahmed Abuel­gasim delves into CSS method­olo­gies and how to use them. Else­where, Code­pen en­gi­neer Cas­sidy Wil­liams shows off CSS art skills, and we look to the fu­ture with Hou­dini. En­joy.

Fol­low us on Twit­ter for all the news & con­ver­sa­tion @Web­de­sign­er­mag Visit our blog for opin­ion, free­bies & more www.cre­ative­bloq.com

Newspapers in English

Newspapers from UK

© PressReader. All rights reserved.