Simon Vrachliotis

Simon Vrachliotis

Swiss front-end designer and developer based on Sydney's Northern Beaches. Proud father of two. Surf, basketball, ukulele. Love learning, love teaching.

Get Really Good at React on EpicReact.dev by Kent C. Dodds

Sprinkle declarative, reactive behaviour on your HTML with Alpine JS

course by Simon Vrachliotis

Build a "Name Picker" app - Intro to React, Hooks & Context API

course by Simon Vrachliotis

Build User Interfaces by Composing CSS Utility Classes with Tailwind

course by Simon Vrachliotis

HTML Templates With Twig

course by Simon Vrachliotis

Build a CRUD-ready GraphQL API + Admin UI with KeystoneJS

course by Simon Vrachliotis

Styled Components

course by Simon Vrachliotis

Style the body element with styled-components and "injectGlobal"

lesson by Simon Vrachliotis

Animate your user interface in React with styled-components and "keyframes"

lesson by Simon Vrachliotis

Style a React component with styled-components

lesson by Simon Vrachliotis

Create reusable HTML components with the "include" tag in TwigJS

lesson by Simon Vrachliotis

Create component variations in React with styled-components and "extend"

lesson by Simon Vrachliotis

Theme your application with styled-components and "ThemeProvider"

lesson by Simon Vrachliotis

Make your HTML components dynamic with the "with" keyword in TwigJS

lesson by Simon Vrachliotis

Generate multiple HTML components from an array with the "for loop" in TwigJS

lesson by Simon Vrachliotis

Compile Tailwind to CSS with gulp

lesson by Simon Vrachliotis

Abstract Utility Classes to BEM Components in Tailwind

lesson by Simon Vrachliotis

Create Custom Utility Classes in Tailwind

lesson by Simon Vrachliotis

Apply mobile-first Responsive Classes in Tailwind

lesson by Simon Vrachliotis

Create a Responsive Card Component by Composing Tailwind's Utility Classes

lesson by Simon Vrachliotis

Style Elements on hover and focus with Tailwind’s State Variants

lesson by Simon Vrachliotis

Change Styles on Multiple Elements with Tailwinds group-hover

lesson by Simon Vrachliotis