how to use aos.js in your project

Today we take a look at aos.js - the Animate On Scroll library created by Michal Sajnóg. This Library is small, easy to use and perfect to create simple singlepages.

install/load AOS

If you are working with node.js you can install AOS using NPM:

npm install --save aos@next

Or yarn:

yarn add aos@next

Import script, styles and initialize AOS:

import AOS from 'aos';
import 'aos/dist/aos.css'; // You can also use  for styles
// ..

Or you can use a CDN service to load aos.css inside your <head> tags:

<link rel="stylesheet" href="" /> more

v2.0.0 online

New website went online today! V2.0.0 comes with an article section related to web development. I will publish a new article every week and try to provide some helpful insight for new developer. Feel free to comment your thoughts or ask your questions inside the articles. Currenty I am looking for content, so if you got any topic you want me to take a look on just let me know and I will take care of it as soon as possible.

Stay safe and enjoy the weekend!

how to implement a database driven navigation into your layout within symfony4

Today we are implementing a database driven navigation into a Symfony application. My prefered way to complete this task is to create a Twig Extension in combination with LazyLoading to prevent overhead and initiation of unused classes. With this solution we have our query logic inside the repositories and the markup inside a Twig template to ensure a clean separation. As an alternative approach you could register your navigation as a service or simply render a controller method inside your Twig template.

install Symfony MakerBundle

I suggest you install The Symfony MakerBundle into your project to enable some awesome console commands that will make your day easier. If you haven't installed it already you can download and install the bundle with one simple command in your console.

$ composer require symfony/maker-bundle --dev

create a Twig Extension more


please enter your name
please enter a valid email above
please enter the subject for your request
please enter your message before you send the form
mail successfully committed