Web Dev Blog
Sharing my experiences of building websites!
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 More
How To Check Your Email Security
August 16, 2020
Has your email been Pwned? Ever wondered if your email has been comprised, breached, or sold? Here are four online tools ….. Read More
Publii Part 4: URLs and Sitemap
July 31, 2020
In Part 4, we contiune setting up Publii CMS as we take a deep dive into URLs and the Sitemap features …..Read More
Core Web Vitals and Tools
July 12, 2020
Google Core Web Vitals Back in May of 2020, I read a blog from “Google Webmaster Central Blog” about Google using a new set of metrics to rank websites sometime in 2021. See the article titled: “Evaluating page experience for a better web”, May 28, 2020 …..Read More
Tools That Help
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.
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