Web Dev Blog
Sharing my experiences of building websites!
Oct 16, 2020
Tutorial on how to update Publii and we take a look at the config.json file. ….. Read More
Oct 9, 2020
Client Issues In my Freelance Developers Manual, I have a chapter on People Skills (“What It Takes”). This is a trait that needs to be developed. ….Read More
Publii Final Advanced Options Part 6
Sept 22, 2020
Final Advanced Setup Settings We finish setting up our website settings by tackling: AMP, GDPR, Website Speed, RS, Posts. Watch as I give an overview of these settings. …..Read More
Clean A Hacked WP Website with Wordfence & FTP
Sept 7, 2020
Restoring a Hacked WP Site With Wordfence and FTP Watch as I clean a WordPress site containing malicious files. This website uses Wordfence Security, so I used the scanner feature to clean out some of these malicious files. To complete cleaning the server, I used ….Read More
Publii Part 5: Open Graph and Twitter Cards
August 27, 2020
We continue setting up our site settings, looking at Open Graph and Twitter Cards ….. Read MoreTools That Help
Helpful New Tools
Free Useful OnLine Tools
A Node library which provides a high-level API to control headless Chrome or Chromium over the DevTools Protocol. It can also be configured to use full (non-headless) Chrome or Chromium.
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.
Preview and choose the right type scale for your project. Experiment with font size, scale and different webfonts.
the main container decreases and increases size to demonstrate the responsive design behavior of flexbox..
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 makes it simpler to support differing browsers by attempting to recreate the missing features with polyfills.
A React.js based library for creating sleek presentations using JSX syntax that gives you the ability to live demo your code.
Sapper is a framework for building extremely high-performance web apps.
Each page of your app is a Svelte component
An open source React library to power production-ready animations. Design fluid animations for the web, across desktop and mobile.
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.
A GraphQL client, for rapid iteration.
Instead of writing GraphQL queries, client write typescript code in their application, and queries are generated at runtime.
GraphQL Engine is an opensource service that connects to your databases & microservices and auto-generates a production-ready GraphQL backend ….
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.
Gradient Hunt is a free and open platform for color inspiration with thousands of trendy hand-made color gradients
Koa is a new web framework designed by the team behind Express, which aims to be a smaller, more expressive, and more robust foundation for web applications and APIs.
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.
A CSS gallery and showcase of the best web design inspiration, featuring over 2500 websites searchable by type, subject, and style.
Welcome to the interactive ES6 online console. A full JS console that can run all versions of JS.
Free Learning Tutorials Just For You
Scott Tolinski: teaching GraphQL with Apollo, Meteor & React to build a full-stack app.
Fixing Web Problems
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