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.

As normal extends we pass some data in the @extend like this:

Every few years, I feel the pressure to redesign my blog. Design trends change fast, and so does my taste. Once I don't like my site anymore, I cannot let go. I need to work on a new redesign. This article is about the latest redesign of my Laravel blog.

In Laravel 4, my controller uses a Blade layout: class PagesController extends BaseController { protected $layout = 'layouts.master'; } The master layout has outputs the variable title and then

Often times, when you are in the middle of developing a Laravel application, you may find that the ch...

Need to lay out an element to the right or the left, such that text wraps around it? That’s an easy task for the float property. But what about if you

Freelance Front-End Web UI/UX Developer - Lebanon

Every element I use for the basic structure of a HTML document, with explanations why.

Explore using Sass and CSS3 Flexbox for making your own responsive grid similar to Bootstrap, but without the additional bloat of a full-fledged UI framework.