Topic Archives

Code Snippet

Getting Started With CSS Flexbox Using Practical Examples

Getting Started With CSS Flexbox Using Practical Examples

CSS

Learn the basics, understand the syntax, and dive into the advanced techniques for creating flexible layouts with flexbox.

20 Code Snippets for Extending the Functionality of WordPress

20 Code Snippets for Extending the Functionality of WordPress

When coding WordPress themes, especially if you do it regularly, its really useful to have a selection of code snippets in your toolbox to just ‘copy-n-paste’ as and when the…

10 Useful htaccess Code Snippets & Hacks

10 Useful htaccess Code Snippets & Hacks

With this useful collection of HTACCESS snippets, you will be able to cache and compress files, speed-up load time, control access to files, block visitors, and much more.

20 PHP Snippets for Making the WordPress Admin Easier for Clients

20 PHP Snippets for Making the WordPress Admin Easier for Clients

These PHP code snippets will allow you to control areas of the WordPress Dashboard, and customize it to benefit your client’s tech level.

How to Create a Vertical Slide-Out Menu with CSS Transitions

How to Create a Vertical Slide-Out Menu with CSS Transitions

In this tutorial, we’re going to create a vertical slide-out menu using CSS3 transitions. The menus will be place on the left-side of the screen with the main links hiding…

Simple CSS Transition, Transform & Animation Tutorial

Simple CSS Transition, Transform & Animation Tutorial

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

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…

How to Create Revealing Content Overlays With CSS3 Transitions

How to Create Revealing Content Overlays With CSS3 Transitions

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 Use Dwell Time to Unlock Better Conversion Rates

How to Use Dwell Time to Unlock Better Conversion Rates

Over the past few years, landing page design has become an industry in its own right, complete with an abundance of tools, courses, templates, and “hacks” for getting it right….

The Cross Browser CSS Styling Tips You Need to Know

The Cross Browser CSS Styling Tips You Need to Know

CSS

The web could exist without the use of CSS, but it would never be as accessible or look as great without. As web designers, the main goal is to provide…

How to Animate a CSS-Only Hamburger Menu and Icons

How to Animate a CSS-Only Hamburger Menu and Icons

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

CSS