FrontnTweaks

 

 

 

 

 

Sharing my experiences of building websites!

New Test Tools ,Tech Stuff for Teams

Lighthouse

You can run Lighthouse in Chrome DevTools, from the command line, or as a Node module. You give Lighthouse a URL to audit, it runs a series of audits against the page, and then it generates a report on how well the page did.

Modulz

The visual code editor
Design, develop, document and deploy your design system—without writing code.
We’re currently in private beta.
We’re primarily targeting teams.

Framer

Framer Web is not a successor of Framer X, but rather an alternative to a macOS-only desktop client. It will continue receiving the same features and support as the web version.

Free Useful OnLine Tools

Type Scale

Preview and choose the right type scale for your project. Experiment with font size, scale and different webfonts.

Redwood JS

Bringing full-stack to the JAMstack

Flexbox Playground

the main container decreases and increases size to demonstrate the responsive design behavior of flexbox..

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).

Polyfill.io

Polyfill.io makes it simpler to support differing browsers by attempting to recreate the missing features with polyfills.

 
 
 

Firebase

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

Laravel Vapor

Laravel Vapor is a serverless deployment platform for Laravel, powered by AWS.

CSS Transition Playground

Hovering over an item will cause the width, height and background-color of the item to change.

Stackbit Beta

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

Frontity

Free framework to build super fast WordPress themes using React.

Airtable

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

Coolors

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.
uiGradients

Netlify

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

Keystone JS

A scalable, extensible and open-source platform to build NodeJS applications

Publii

New Static CMS with GUI to build an extremely
safe, fast and stylish HTML website.

Gradient Hunt

Gradient Hunt is a free and open platform for color inspiration with thousands of trendy hand-made color gradients

Web Tool Kit

Java Script Online Tester

Tailwind CSS

A utility-first CSS framework for
rapidly building custom designs

Repl.it

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

Transformicons

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

Bitcatcha

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

Site Inspire

A CSS gallery and showcase of the best web design inspiration, featuring over 2500 websites searchable by type, subject, and style.

Animate CSS

A cross browser library of CSS animations.

ExtendsClass.com

OnLine Tools For Developers.

Ballon.css

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

StackBlitz

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.

Figma

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.

Svelte Framework Tutorials

Svelte Master: 27 videos
Svelte applications generate code to manipulate the DOM, which may give better client run-time performance.

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

Testing

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?

IslandWebTek
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