Adrian Bece
CSS-Tricks
Croatia
Contact Adrian
Discover and connect with journalists and influencers around the world, save time on email research, monitor the news, and more.
| Recent: |
|
| Past: |
|
Past articles by Adrian:
Let’s Create an Image Pop-Out Effect With SVG Clip Path
Few weeks ago, I stumbled upon this cool pop-out effect by Mikael Ainalem. It showcases the clip-path: path() in CSS, which just got proper support in → Read More
How to Load Fonts in a Way That Fights FOUT and Makes Lighthouse Happy
A web font workflow is simple, right? Choose a few nice-looking web-ready fonts, get the HTML or CSS code snippet, plop it in the project, and check if → Read More
Here’s How I Solved a Weird Bug Using Tried and True Debugging Strategies
Remember the last time you dealt with a UI-related bug that left you scratching your head for hours? Maybe the issue was happening at random, or occurring → Read More
Best way to lazy load images for maximum performance
Image lazy loading is one of the more popular approaches of optimizing websites due to the relatively... Tagged with webdev, tutorial, html, javascript. → Read More
Neumorphism and CSS
Neumorphism (aka neomorphism) is a relatively new design trend and a term that’s gotten a good amount of buzz lately. It’s aesthetic is marked by minimal → Read More
UX lessons learned from eCommerce projects
After 4 years of working on eCommerce projects, I've noticed that I could apply the lessons I've learned to create very user-friendly and performant frontends with great UX features. In this article, I will present a general overview of some of the lessons and UX best practices that I've learned throughout my 4-year career working on eCommerce projects. → Read More
Improving CSS performance and file size
Improving CSS file size and performance results in faster loading and parsing times, and hardware accelerated animations. This article covers the methods of CSS file size and performance optimization. → Read More
Improve your CSS with these 5 principles
Writing CSS at a professional level following these principles will make the CSS code more maintainable, extensible, understandable and cleaner. → Read More
Optimizing images for the web
Unoptimized (non-minified) images are one of the main causes of poor website performance, mainly on the initial (first) load. This article aims to cover most of the tools and approaches for optimizing images for the web. → Read More
Implementing Skeleton Loading in React
Skeleton Loading describes a concept of a blank screen where dynamic content is replaced by styled blocks (skeleton) and is replaced with real content once it's finished loading. → Read More