8 posts found under,

css

There are various articles out there that index tools that can be used to perform animations on the web but they often just enlist tools without an explanation of why and when to use the listed tools. This is to serve as a guide and also a learning path for anyone looking to get into web animations the right way. You could slap redundant animations on existing websites and feel happy about that, but it usually would not give your users the best e [...]

A little while ago I had a magical moment. We were building a web application and the product team had decided to phase out a certain feature. This meant that one of the UI components we had built was no longer needed. From the beginning of the project we had put some thought into a modular architecture, and so all of the code for this component was nicely contained within a single directory. Now that it wasn't being used anywhere, we could safel [...]

I would like to share a step by step tutorial to build an amazing slider from scratch, using the magic of SVG clip-path feature and animations through the excellent Snap.svg library. If you are very curious to see the final result, it will be something like this (low quality for the sake of the gif format): You can check the DEMO. There you can find some basic instructions for usage and link to github repository, where you will find a more compre [...]

Note for Windows users: While this tutorial can apply to Windows users as well, there’s a better choice for Windows that achieves this same purpose: Telerik Fiddler. It’s free and it works great. Here’s a link to relevant documentation. Imagine a silly bug that takes five minutes to fix, but it also takes one hour just to set up your local machine. In such a situation, you would be saying “Come on, I’m not raising an entire local environment for [...]

SVG has been gaining a deserved space in the stack technologies used by front-end developers. One of the most amazing things included in SVG are paths, which can be animated to achieve effects like today I will show you. The idea that we will develop in this tutorial is basically a few loading buttons that will be able to give a feedback response, showing whether the button action succeeded or failed. To achieve the desired animations we will be [...]

An introduction to the coolest tech of 1999 Let’s take a short step back to 1999, the time when a 256kbit/s connection was the dream of any consumer, and the sound of a dial-up modem was like a breath of fresh air and a breeze that strikes your sails, slowly pushing you into the unknown, very slowly in fact. Back in those days, the prime bottleneck of the internet was obviously the bandwidth. One of the solutions to lighten up the size-heavy ima [...]

Remember how Marty McFly traveled to the past and changed that one small thing, then when he came back to the future (ohhhhhhhh) his dad was all buff and cool, instead of the sniveling weakling we saw at the start? In the same way, CSS Modules has introduced one small change at the heart of css and now there is a new world of improvements to discover. This post is a continuation from last week’s introduction to CSS Modules where we will take a cl [...]

If you’ve ever worked on software that uses global variables, you’ll know why they are avoided. And as a codebase becomes larger and more complex you’ll observe two things: first you will feel a growing desire to make these globals get away, and second you’ll find this an unexpectedly difficult task. The reason: ease of maintenance is very closely tied to how dependencies are structured in your code. Globals quickly lead to dependencies out of co [...]

Scale your
Development team

We help you execute projects by providing trusted developers who can join your team and immediately start delivering high-quality code.

Hire Developers
css