Web Dev stories

8 CSS & JavaScript Snippets for Creating Cool Cursor Effects

Custom cursors are a great example of progressive enhancement in design. You start with a simple user interface (UI) for small, touch-based devices. From there, larger devices offer an opportunity to include more bells and whistles.

Awesome Demos Roundup #22

The latest collection of the most creative and inspiring demos and code experiments from around the web.

The Best Programming Languages for Building Games

So, which programming languages are best for game development? It depends on the type of game you want to develop. For example, if you want to develop a 2D platformer, you might want to use a language like Lua and even JavaScript. But if y

Design System Breakdown: Button

The iteration of our buttons that I’ll be focussing on here are actually based largely on an earlier iteration of our design system. This first version had already done a lot to reign in the chaos of having no design

CSS Animated Grid Layouts

In CSS Grid, the grid-template-columns and grid-template-rows properties allow you to define line names and track sizing of grid columns and rows, respectively. Supporting interpolation for these properties allows grid layouts to smoothly transition between states, instead of snapping at the halfway point of an animation or transition.

Fancy Image Decorations: Masks and Advanced Hover Effects

We are still decorating images without any extra elements and pseudo-elements. I hope you already took the time to digest Part 1 because we will continue working with a lot of gradients to create awesome visual effects. We are also going to introduce the CSS mask property for more complex decorations and hover effects.

1 2 44 45 46

Submit an article

You can submit new articles related to web design / development, UX, apps and graphic design. No homepage submissions, no spammy affiliate links will be accepted.
Title
URL

Thank you!

Thanks for submitting your story. We will review it and approve it if relevant.