Content by Category
Content by Application
envato free trialCreative Assets & Unlimited Downloads on Envato Elements Get 7 Days Free

Author Archives

Nick Salloum (9 Articles)

I'm a web designer & developer from Trinidad & Tobago, with a degree in Mechanical Engineering. I love the logical side of the web, and I'm an artist/painter at heart. I endorse progressive web techniques and try to learn something every day.
Simple CSS Transition, Transform & Animation Tutorial

Simple CSS Transition, Transform & Animation Tutorial

By CSS

This is part 1 of a series of tutorials about practical use cases of CSS transitions, transforms, and animations. In this tutorial, we’ll look at a “flipping card” scenario, and…

How to Create Round, Flat and Flip-Style CSS Toggle Switches

How to Create Round, Flat and Flip-Style CSS Toggle Switches

By CSS

In this tutorial, we show how to easily create some fantastic round, flat and flip-style CSS toggle switches. We’ll be using pure CSS to create some toggle switches, adding a…

The 15 Best Free Calligraphy Fonts

The 15 Best Free Calligraphy Fonts

By Fonts

A collection of high-quality and free calligraphy fonts that you can use on both your personal and commercial projects.

How to Create Revealing Content Overlays With CSS3 Transitions

How to Create Revealing Content Overlays With CSS3 Transitions

By CSS

In this tutorial, I will show you how to create revealing content overlays with CSS3 transitions, allowing you to minimise content clutter and provide a neat user experience. Introduction I’ll…

How to Animate a CSS-Only Hamburger Menu and Icons

How to Animate a CSS-Only Hamburger Menu and Icons

By CSS

Hamburger menu icons have become a staple in many websites and web apps, and whether you like them or not, they are becoming a familiar and recognizable UI action button….

How to Create Responsive Off-Screen Menus with CSS3

How to Create Responsive Off-Screen Menus with CSS3

By CSS

In this tutorial, we’re going to create some slide and push menus using CSS3 transitions. The menus will be hidden off screen at first, and will transition into view when…

How to Create a Simple Parallax Scrolling Effect

How to Create a Simple Parallax Scrolling Effect

By CSS

In this tutorial, we take a look at a beautiful parallax scrolling effect in the simplest of ways, with stationary backgrounds and scrolling content.

Useful Tools To Boost Your SVG Workflow

Useful Tools To Boost Your SVG Workflow

By Web Design

SVG, or “scalable vector graphics”, is an XML markup language used to describe 2D graphics. It’s a W3C recommendation, and is designed to work with other W3C standards like CSS…

Getting Started with Inline SVG

Getting Started with Inline SVG

By Web Design

SVG stands for “scalable vector graphics”, and the name itself is very suggestive. SVG gives us the power to scale a graphic from 100% to 1000% without losing any quality…

How to Create a Full Width Responsive Tiled Menu with CSS

How to Create a Full Width Responsive Tiled Menu with CSS

By Web Design