Frontend Tips

In this series I will show you some tips and tricks that I find interesting and that can posibly help you in your frontend development.

Link to video
Using Laravel Elixir With WordPress cover

Frontend TipsUsing Laravel Elixir With WordPress

In this episode of Frontend Tips I'm going to show you how you can use Laravel Elixir in your WordPress workflow, and also how to use it with LiveReload.

Episode  01  / Duration 23:08  / 
Link to video
Introduction To CSS Grids cover

Frontend TipsIntroduction To CSS Grids

In this episode we are going to take a brief look at new CSS specification for creating native grids for your layout.

Episode  02  / Duration 16:13  / 
Link to video
Introduction to Pattern Lab cover

Frontend TipsIntroduction to Pattern Lab

In this episode of front-end tips we are going to look at something called Pattern Lab. It's a way to organise your HTML and CSS components and modules.

Episode  03  / Duration 24:47  / 
Link to video
Smashing Magazine + Netlify. What's the Big Deal? cover

Frontend TipsSmashing Magazine + Netlify. What's the Big Deal?

In this episode I'm going to show you what Smashing Magazine is doing with Netlify CDN and static site generators to deliver their new site, very, very fast.

Episode  04  / Duration 16:56  / 
Link to video
CSS Grid Layouts - One Third + Two Thirds cover

Frontend TipsCSS Grid Layouts - One Third + Two Thirds

In this mini series we are going to take a look at how we can make popular layouts that you find around the web and create them using CSS Grid.

Episode  05  / Duration 16:34  / 
Link to video
CSS Grid Layouts - grid-template-areas (Medium.com Example) cover

Frontend TipsCSS Grid Layouts - grid-template-areas (Medium.com Example)

In this video we are going to be talkig about grid-template-areas and as an exmple we are going to take a look at medium.com site.

Episode  06  / Duration 16:27  / 
Link to video
CSS Grid Layouts - Gridify My Site cover

Frontend TipsCSS Grid Layouts - Gridify My Site

In this video I'm going to be talking about using CSS Grid on my site.

Episode  07  / Duration 23:59  / 
Link to video
Organising JavaScript cover

Frontend TipsOrganising JavaScript

In this episode I'm going to talk about and show you one cool way of organising your projects JavaScript files.

Episode  08  / Duration 19:37  / 
Link to video
One Language Every Programmer Should Know cover

Frontend TipsOne Language Every Programmer Should Know

In this video I'm going to talk about one language that every programmer should know.

Episode  09  / Duration 04:41  / 
Link to video
WP REST API - Custom Endpoints cover

Frontend TipsWP REST API - Custom Endpoints

In this video we are going to learn how to quickly create custom endpoints for your WordPress REST API.

Episode  10  / Duration 13:59  / 
Link to video
WP REST API - Custom Post Types And Fields cover

Frontend TipsWP REST API - Custom Post Types And Fields

In this video we are going to create WP REST API custom endpoint which will also show custom fields made with ACF.

Episode  11  / Duration 08:03  / 
Link to video
WP REST API - Custom Filters cover

Frontend TipsWP REST API - Custom Filters

In this video we are going to create filters for our WP REST API custom end point so that we can filter our data.

Episode  12  / Duration 19:55  / 
Link to video
WP REST API - Add Posts From Frontend cover

Frontend TipsWP REST API - Add Posts From Frontend

In this episode we are going to be using WordPress REST API to add some new posts to our database with vanilla JavaScript.

Episode  13  / Duration 13:09  / 
Link to video
Let's Checkout... Blitz.js cover

Frontend TipsLet's Checkout... Blitz.js

In this episode we are going to take a look at Blitz.js and specifically it's features for working with databases.

Episode  14  / Duration 32:04  / 
Link to video
Let's Checkout... Prisma & Next.js cover

Frontend TipsLet's Checkout... Prisma & Next.js

In this video we are going to implement Prisma to a fresh install of Next.js and see how to make a full stack application.

Episode  15  / Duration 30:37  / 
Link to video
Infinite Scroll And Filters With React Query cover

Frontend TipsInfinite Scroll And Filters With React Query

In this video I'm going to show you how I implemented Infinite Scroll and filters on my new website.

Episode  16  / Duration 10:38  / 
Link to video
Let's Checkout... Directus 9 cover

Frontend TipsLet's Checkout... Directus 9

In this episode we are going to take a look at another headless CMS that is very similar to Strapi.

Episode  17  / Duration 39:20  / 
Link to video
Let's Checkout... WunderGraph cover

Frontend TipsLet's Checkout... WunderGraph

In this video we are going to checkout WunderGraph, the solution for combining all of your APIs into a single source and much more.

Episode  18  / Duration 29:51  / 
Link to video
Let's Checkout Remix ... And Compare It To Next.js cover

Frontend TipsLet's Checkout Remix ... And Compare It To Next.js

In this video we are going to checkout Remix. I’ve been playing around with Remix for the last couple of days. This video is mostly going to be about that journey and how Remix compares to Next.js.

Episode  19  / Duration 13:57  / 
Link to video
Let's Checkout... AppWrite cover

Frontend TipsLet's Checkout... AppWrite

AppWrite is a secure open source backend server for Web, Mobile and Flutter developers. And we are gonna check it out in this video.

Episode  20  / Duration 17:54  / 
Link to video
Let's Checkout... Astro cover

Frontend TipsLet's Checkout... Astro

In this video we are going to checkout Astro - all-in-one web framework for building fast, content-focused websites.

Episode  21  / Duration 16:10  / 
Link to video
Using AI In Your Frontend App feat. OpenAI and NextJS cover

Frontend TipsUsing AI In Your Frontend App feat. OpenAI and NextJS

In this video I'm going to show you how you can use Open AI to create some nice features in your apps.

Episode  22  / Duration 06:50  / 
Get in touch