Home » NewsBlog » CSS

Having fun with link hover effects

2018-09-22T03:04:37+00:00September 22nd, 2018|Categories: News, Tutorials|Tags: |

A designer I work with was presenting comps at a recent team meeting. She had done a wonderful job piecing together the concept for a design system, from components to patterns and everything in between that would make any front-end developer happy. But there was a teeny tiny detail in her work that caught my [...]

Safari Ripper ☠️

2018-09-21T03:05:44+00:00September 21st, 2018|Categories: News, Tutorials|Tags: |

Security researcher Sabri posted a bit of code that will "force restart any iOS device." It's interesting to see HTML & CSS have this kind of dangerous power. It's essentially a ton of s scaled to be pretty huge and then set over a repeating JPG image with each blurring the background via backdrop-filter. It [...]

All Fired Up About Specificity

2018-09-21T03:05:41+00:00September 21st, 2018|Categories: News, Tutorials|Tags: |

You never know where the next Grand Debate™ in front-end is going to come from! Case in point: we just saw one recently based on a little Twitter poll by Max Stoiber in which 57% of people got it wrong. There were reactions ranging from the innocuous hey fun a little brain teaser! to the [...]

Introducing the YOOtheme Pro Page Builder

2018-09-21T03:05:33+00:00September 21st, 2018|Categories: News, Tutorials|Tags: |

(This is a sponsored post.) YOOtheme Pro is a powerful theme and page builder developed by YOOtheme that provides a new experience of building websites in WordPress. Designers will get an easy and exciting way to design and create websites due to premium layouts and an intuitive page builder, and developers will especially appreciate its [...]

Using Scoped Slots in Vue.js to Abstract Functionality

2018-09-20T03:04:55+00:00September 20th, 2018|Categories: News, Tutorials|Tags: |

Let’s start with a short introduction to Vue.js slots concept. Slots are useful when you want to inject content in a specific place of a component. Those specific places that you can define are called slots. For example, you want to create a wrapper component that is styled in a specific way but you want [...]

What makes a good front-end developer?

2018-09-18T03:05:54+00:00September 18th, 2018|Categories: News, Tutorials|Tags: |

Defining what a front-end developer is and what they do is tough as it is. So, how do we set the bar for what makes for a good front-end developer? Here's what a few folks have to say on the topic. I’ll argue that front-end developers need to master four different skills. Empathy Code Design [...]

Aspect Ratio Media Elements and intrinsicsize

2018-09-18T03:05:53+00:00September 18th, 2018|Categories: News, Tutorials|Tags: |

If you need an aspect-ratio sized (or any element that can have children), you can do it. Perhaps the cleanest way is a custom-property-sized pseudo-element that pushes the correct minimum height through padding-based-on-width. But media elements like don't have children. The tag isn't self-closing, but when it is supported (almost always), the content of it [...]