Create beautiful duotone effects instantly in your browser for. Upload your own image or use one of ours: dozens of perfect duotone pairings included.

Stock photos, illustrations, mosaics, abstract patterns: ideas and 40 + tools and real world advice from an experienced designer for better images.

I’m Kitty Giraudel, a non-binary web developer based in Berlin, focused on accessibility and inclusivity.

Generate inclusive Avatars for users

In this simple tutorial, we will be learning and discussing about how to build reusable HTML views using blade components and slots in laravel.

Laravel Mix is a great asset compiler from the creators of Laravel - but you don't have to be using their framework to benefit from it. This blog walks through setting it up to run with 11ty.

We remove CO2 from the air and turn it into gasoline and jet fuel. Our fuels are the first zero net carbon fuels that can compete with fossil fuels on price.

Recently we’ve covered CSS generators, SVG generators and accessible front-end components. This time we look into HTML email, with tools, templates and guides for designers and developers.

Content-aware image resizer based on Seam Carving algorithm

The CSS Working Group Editor’s Draft for [Selectors Level 4](https://drafts.csswg.org/selectors-4/) includes several pseudo-class selectors that already have proposal candidates in most modern browsers. This guide will cover ones that currently have the best support along with examples to demonstrate how you can start using them today!

More than 125K global websites use overlays rather than fixing their accessibility bugs. AI-generated alt-text used by overlays is not 100…

Use lite-youtube-embed in Eleventy for faster and more privacy-minded video

Craft is a flexible, user-friendly CMS for creating custom digital experiences on the web and beyond.

Freelance Front-End Web UI/UX Developer - Lebanon

Using a database (MySQL) to drive content for an Eleventy site

How good is Spline? Can you use it to tell a story? We decided to check for ourselves and built our own 3D experience - a hommage to Dieter Rams and his probably timeless rules of good design. See how Spline work underneath!

A well-structured production-ready frontend boilerplate with Typescript, Jest, testing-library, styled-component, Sass, Css, .env, Fetch, Axios, Reverse Proxy, Bundle Analyzer and 30+ plugin. For n...

Highway helps you manage your page transitions.

Laravel Mix Version: 6.0.6 Node Version (node -v:14.11.0. NPM Version (npm -v):6.14.8 OS:window Description: mix 6: compiled js files mix.js will not accept external libraries. previous versions wo...

A tiny, highly accessible, easily customizable carousel - jonathantneal/carousel

There has been several issues where users have requested multi-level dropdown menu. I know there already is a branch for it but I wanted to see if I could pull something together. So here we go. He...

not really an issue, but moving to Laravel 5.4/Mix from 5.3/Elixir seems to have killed my image min functionality as it relies on Gulp. trying to stick with a web pack/mix work flow what are optio...

As it turns out, it's easier than you'd expect it to be.

I'm using laravel-mix which is built on the top of the webpack. I'm facing a problem with fonts directory. For Example, font-awesome package has a scss file and a font directory where all fonts are

In most cases we don't need to detect home page as there are separated views and controllers for each page already. Carrying out a task on a specific page

Questions: In Laravel 4, my controller uses a Blade layout: class PagesController extends BaseCon...

Laravel quick tip! The @extends Blade directive accepts a second (undocumented) parameter to pass data to the parent layout.

Laravel comes with Blade templating engine which makes easier to create pages. Blade view file compiled into plain PHP code. Blade view files has .blade.php extension. You can use PHP code in it. In this tutorial, I will create a simple application where pass data to view.