A step-by-step guide to fixing a slow Spotify desktop app on Mac or PC. Note: In many situations, a slow hard drive is the most likely culprit for a slow Spotify app; I strongly recommend upgrading to…

I found myself recently building a layout in CSS Grid that would have previously needed JavaScript in order to work. It’s a layout based on equal sized square grid cells, where grid items could...

It is amazing to think of how far web typography has come. Back in the day, designers were relegated to just a few “web safe” choices. Today, we have access...

Explore and discover the best Vue.js resources.

Highway helps you manage your page transitions.

Guides, resources and discussions about Semantic HTML are often focused around specific elements, like a heading, or a sectioning element, or a list. It’s

Tumblr and Pinterest popularized the masonry grid. It is a common layout style for variable sized images, and it’s a great way to get images to fit nicely into a...

Design without limits. Inspiring and ready-to-use graphic & web templates, fonts & assets. Unlimited downloads for a single monthly fee.

Here's a CSS variable (formally called a "CSS custom property"): :root { --mouse-x: 0px; --mouse-y: 0px; } Perhaps you use them to set a position: .mover

What You'll Be CreatingUsing standard HTML alone, modern web apps can lock out users with accessibility needs. HTML is the predominant markup language online, being used by nearly 83% of existing...

A few ways in which we can improve client-side performance focusing on images, third-party scripts and more.

Sticky elements are predominantly used for keeping something shown on the screen throughout scrolling. As cool as that is, we can also hide elements in

Freelance Front-End Web UI/UX Developer - Lebanon

🚀 Performance focused, lightweight scroll animation library 🚀 - mciastek/sal

An example of an accessible navigation using pure JavaScript, HTML and CSS.

A top bar navigation with a dropdown with subtle fade in/out animation.

We love what we do. Let us help you do what You love.

A CSS Snap-Points based carousel (and lightweight polyfill) - filamentgroup/snapper

While the science behind color blindness is pretty complex, the gist of it is that color blind people have difficulty seeing color clearly or differentiating between some colors. With this in mind, in this article, we’ll share some tips on how you can improve your site’s accessibility and the experience it delivers for color blind people.

Search through 180 Color Palettes used throughout the last 4000 years.

Freelance Front-End Web UI/UX Developer - Lebanon

A delicious blend of gulp tasks combined into a configurable asset pipeline and static site builder - vigetlabs/blendid

CSS transitions between website pages. Contribute to gmrchk/swup development by creating an account on GitHub.

I recently wanted to remove the extensions from my website, in order to make the URLs more user and search engine friendly. I stumbled across tutorials on how to remove the .php extension from a PHP p…

I got the following html snippet from my page template.html. <ul class='nav'> <li class="active"><a href='/'>Home</a></li> <li><a href='/lorem'>Lo...

Today we’ll learn how to add “deep linking” to the Bootstrap 4 tabs. To better understand what we’re working towards, check out the demo page and pay attention to two things: How the URL changes as...