Delicious

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...

Bootstrap 3 tabs extended with various alignment and styling options - kartik-v/bootstrap-tabs-x

With voice interfaces becoming the norm, semantic markup is more important than ever. Learn how HTML tags can have a huge impact.

Pattern Markup Index Second Page …

Plate: a super stripped-down WordPress starter theme for developers. - joshuaiz/plate

Recently I discovered Contact Form 7 (CF7) by Takayuki Miyoshi. A plugin to create forms on a WordPress website. I was looking for an accessible alternative for Gravity Forms, and discovered that Cont…

In this Make WordPress Accessibility Handbook you will learn what the best practices are for web accessibility, the many great accessibility tools, the testing we do to improve WordPress, themes, a…

A demonstration of how to implement a keyboard and screen reader accessible mega menu as a jQuery plugin. - adobe-accessibility/Accessible-Mega-Menu