Sharing my experiences of building websites!

Free Useful OnLine Tools

Epic Spinners

Css only. Easy to use. VueJS integration.

CSS Matic

The ultimate CSS tools for web designers

Complete CSS Cheat Sheet

A total of 29 pages, structured into different paragraphs: backgrounds, borders, fonts, texts, Column, Colours, Grid positioning and a lot more (including UI). makes it simpler to support differing browsers by attempting to recreate the missing features with polyfills.



Firebase is Google’s mobile platform that helps you quickly develop high-quality apps and grow your business.

Stackbit Beta

Build Jamstack sites, fast……
Requires Github and Netlify account.


Free framework to build super fast WordPress themes using React.


Part spreadsheet, part database, and entirely flexible, teams use Airtable to organize their work, their way.


Coolors is a fast and easy tool that let you generate beautiful color palettes or color combinations.

Beautiful Colored Gradients

A handpicked collection of beautiful color gradients for designers and developers.


Deploy modern static websites with Netlify. Get CDN, Continuous deployment, 1-click HTTPS, and all the services you need. Get started for free.

Web Tool Kit

Java Script Online Tester

Tailwind CSS

A utility-first CSS framework for
rapidly building custom designs

Online React compiler, Online React IDE, and online React REPL.


Animated symbols and buttons packaged for Sass and CSS. We also provide a builder that gives developers the ability to select their preferred Transformicons.

Font Flipper

Preview 800+ Google Fonts on top of your own designs, without having to download the fonts first.
Font Flipper


Enter your website’s URL and we’ll show you how fast (or slow) your web hosting is performing.

Animate CSS

A cross browser library of CSS animations.

OnLine Tools For Developers.


lets you add tooltips to elements without JavaScript and in just a few lines of CSS.


Code the Future. In Your Browser.Create, edit & deploy fullstack apps

ES6 Console

Welcome to the interactive ES6 online console. A full JS console that can run all versions of JS.


Design, prototype, and collaborate all in the browser—with Figma.

Real Favicon Generator

The ultimate favicon generator. Design your icons platform per platform and make …

Free Learning Tutorials Just For You

Learn Javascript

FreeCode Camp: complete 134-part JavaScript tutorial for beginners will teach you everything you need to know to get started with the JavaScript programming language.

GraphQL Full Course - Novice to Expert

FreeCodeCamp: 4hr+ course

JavaScript 30

Wes Bos: Build 30 things in 30 days with 30 tutorials

CSS Grid

Wes Bos: Learn all about CSS Grid [4 hrs].

APIs for Beginners

Free Code Camp: Learn all about APIs [2 hr 20min].

GraphQL with Apollo, Meteor, and React

Scott Tolinski: teaching GraphQL with Apollo, Meteor & React to build a full-stack app.

Next.js Crash Course - Server Side React

TRAVERSY MEDIA: We will look at setup and build a simple application.

Gatsby js Bootcamp

Andrew Mead:The Great Gatsby Bootcamp [4hr 38min].

React JS

Freecode Camp: Upon completion of this course, you’ll know everything you need in order to build web applications in React.

Fixing Web Problems

How To Force Server To Use SSL

How I determined the problem was the server was not forcing SSL.
Step by step process I used.

Fix A 500 Internal Server Error

Follow me as I record how I
Cleaned and Restored a HTTP 500 internal server error
Wordpress website.

Restore A Hacked WordPress Site2

Follow me as I record how I
Cleaned and Restored a hacked
Wordpress website.

Fix A Hacked WordPress Site

My workflow on removing malicious files from a hacked WordPress site….

Web Security

Tools that may help you find vulnerabilities in your code, server, or website.

How To Protect Your .htaccess File

Video tutorial on adding a script to your .htaccess file.

Submitted URL Not Found (404) How To Fix It

My workflow on resolving this Google alert.

Fix A WordPress SSL Error

My work flow to fix a Mix Content error.

How To Protect Your wpconfig.php File

Video tutorial on adding a script to your .htaccess file,
to protect you wp.config file


Test loading speed, browser compatibility, mobile responsive tests, and more..

How To Free Lance

You want to be a freelance designer or developer, here are the things you need to know. Things that you will never learn at a Coding Boot Camp, Coding School, or College.
This manual is an ongoing project not completed yet.

New chapters to be added each month

Need A Website?

Builds clean, responsive, fast loading websites.
Also repair & fix hacked sites.

Contact Frontntweaks

  • Questions?
  • New Product Reviews
  • Say Hi!

“Websites promote you 24/7: No employee will do that.”[Paul Cookson]

Share This