Sharing my experiences of building websites!
Publii Static CMS An open-source tool to create static HTML websites, designed for every skill level, from beginner to developer. Very easy to install and create a local environment on your computer. Publii is built with Electron and Vue.js. Here is a shortlist of the...
Update: This is an old post that never got published. Maybe this is a good time to release it, just something to do during this quarantine lifestyle we all are going through now. Another awesome way to learn web development stuff is by listening to some of the...
Trying Out the FF Font Tab Tool Checking out the Firefox Font Tab and how easy it is to edit fonts on any website. I also, perform the identical edits in Chrome, using the Developer Tools. I really love the FF Font Tab tool, it is simple and easy to use.Check...
The store owner's responsibilities Eversince I started freelancing, I have had several inquiries about building an online store. In most instances, the potential client did not realize their responsibilities on what to provide the web developer to built their...
Keeping Busy This is my venting post. But in the end I hope I can be of encouragement to you. Here I am sitting at my home workstation watching the latest depressing news on the internet. I live in one of the states that have implemented a mandatory shutdown of all...
Original problem was No Padlock If you have a SSL certificate, it is installed on your webserver, and it is current (not expired) but you do not see the padlock in your browers verifying that your website is SSL secured. Yikes, no worries, follow me as I fix...
New Test Tools ,Tech Stuff for Teams
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.
Free Useful OnLine Tools
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.
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.
Gradient Hunt is a free and open platform for color inspiration with thousands of trendy hand-made color gradients
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