Menu

Category Archives: CSS

SVG Clipping Path Examples

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

«Last week I walked through a few examples using the path ele­ment and the text ele­ment as clip­ping paths. I also showed you how to clip ele­ments inside a group as opposed to indi­vidu­ally. Today I want to con­tin­ue with more examples start­ing with one where we’ll use a vari­ety of SVG ele­ments to build up a more com­plex clip­ping path.»

Read more on

→ vanseodesign.com

CSS from the Future

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

«One of the hard­est things about being a web developer is accept­ing the fact that many of the people vis­it­ing your site are using old and under­powered web browsers. New fea­tures are added to web browsers all the time, but you gen­er­ally can’t use those fea­tures, unless you’re will­ing to exclude lots of users who just aren’t up to date.»

Read more on

→ zeke.sikelianos.com

Meaningful CSS: Style Like You Mean It

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

«These days, we have a world of mean­ing­ful markup at our fin­ger­tips. HTML5 intro­duced a lav­ish new set of semantic­ally mean­ing­ful ele­ments and attrib­utes, ARIA defined an entire addi­tion­al plat­form to describe a rich inter­net, and micro­formats stepped in to provide still more stand­ard­ized, nuanced con­cepts. It’s a golden age for rich, mean­ing­ful markup.»

Read more on

→ alistapart.com

An Ultimate Guide To CSS Pseudo-Classes And Pseudo-Elements

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

«Hola a todos! (Hello, every­one!) In my early days of web design, I had to learn things the hard way: tri­al and error. There was no Smash­ing Magazine, Can I Use, Code­Pen or any of the oth­er amaz­ing tools at our dis­pos­al today. Hav­ing someone show me the ropes of web design, espe­cially on the CSS front, would have been incred­ibly help­ful.»

Read more on

→ smashingmagazine.com

2016 CSS Development

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

«For some, it’s a won­der­fully flex­ible present­a­tion­al tech­no­logy that they love bend­ing to their will. For oth­ers, it’s a near incom­pre­hens­ible series of fractal lay­out hacks that make accom­plish­ing some­thing as simple as ver­tic­ally cen­ter­ing an ele­ment a cause for cel­eb­ra­tion.»

Read more on

→ kriesi.at

30 Tools That No Designer Should Live Without

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

«Design­ers are extremely busy people. Fact. Not only do they have to make time to find inspir­a­tion for their next pro­ject, man­age feed­back, attend meet­ings, and com­mu­nic­ate with their cli­ents, they also have to loc­ate the time to actu­ally sit down and do the work.»

Read more on

→ speckyboy.com

20 Small, Yet Viable Solutions Based on Flexbox

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

«Flexbox lay­out is per­haps one of the most long-awaited fea­tures in CSS. It is the “talk of the town.” It is suit­able for tab­let and mobile applic­a­tions and small-scale lay­outs, how­ever, its enorm­ous poten­tial allows it to deal with all sorts of pro­jects, includ­ing large-scale ones.»

Read more on

→ designmodo.com

How to Optimize CSS with Code Style Guides

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

«When design­ers talk about style guides, they usu­ally mean an agreed upon manu­al on the coher­ent look and feel of a web­site or an applic­a­tion, with a well-designed col­our scheme, typo­graphy, and UI that’s used across the whole pro­ject.»

Read more on

→ hongkiat.com

What are CSS Modules and why do we need them?

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

«I’ve been intrigued by CSS Mod­ules lately. If you haven’t heard of them, this post is for you. We’ll be look­ing at the pro­ject and it’s goals and aims. If you’re intrigued, stay tuned, as the next post will be about how to get star­ted using the idea. If you’re look­ing to imple­ment or level up your usage, part 3 will be about using them in a React envir­on­ment.»

Read more on

→ css-tricks.com

12 Amazing Text Effects Created With CSS

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

«Here we have come up with 12 most beau­ti­ful text effects that have been cre­ated by using CSS. In the field of web design­ing, CSS has made it pos­sible to cre­ate amaz­ing and stun­ning design with ease. Now, design­ers can style any design bring­ing some life into it so that it look visu­ally appeal­ing to the vis­it­ors.»

Read more on

→ smashingapps.com