Create your own website:   Testing, Caching, Sitemaps & Programming

 

Table of contents

 



 

Testing is mandatory



After every small or big change no matter how tight schedule you have or you just changed a small comment inside the code, you have testing due for the changed code. Validate your work with World Wide Web Consortium (W3C)

 

Caching behaviour of Web browsers



Use CTRL-F5 To see the latest version of a website. When a user visits a web page, the contents of that page can be stored in the browser's cache so it doesn't need to be re-requested and re-downloaded. Read more...
Image courtesy:   Pixy.org

 

Images are everywhere on the web



They are the most commonly shared content on social media and every modern web page contains at least one image while most contain a handful, a dozen, a hundred, or more. Yet despite their popularity, many websites are not using images to their full potential. Read more...

 

Less files: Customize Bootstrap



Choose which Less files to compile into your custom build of Bootstrap. Not sure which files to use? Read through the CSS and Components pages in the docs. Read more... »

 

Why a sitemap?



The goal of the website www.xml-sitemaps.com is to let you: Create an XML sitemap that can be submitted to Google, Bing and other search engines to help them crawl your website better. Create a Text sitemap to have a plain list of all your pages. Generate an HTML site map to allow website visitors to easily navigate on your site.

 

Create a visible sitemap



One Click Website TestingSortSite checks any website for broken links, spelling errors, browser compatibility, accessibility, web standards validation and search engine issues. SortSite is a one-click web site testing tool used by federal agencies, Fortune 100 corporations and independent consultancies. The tool is available as a desktop application for Mac or Windows.

 

Lifewire Tech Untangled



Tech How-To Guides & Tutorials. Technology can seem like magic until you learn how it works. Our comprehensive and easy to understand tutorials on just about every topic will have you using technology like a professional in no time. Windows, Macs, iPad, iPhone, Android, Internet & Network, Linux etc... available as a desktop application for Mac or Windows.

 

The 11 golden rules to write content



To say the Internet is a crowded space is like saying there are a lot of stars in the sky, sand on the beach, or atoms in a cell. According to Internet Live Stats, there are more than 1.9 billion websites in existence, more than 3.5 billion Google searches every day, and roughly 350,000 tweets sent every minute.

 

Your website on social media using Open Graph



Open Graph is a protocol that enables any web page to become a rich object in a social graph. Basically, you can tell social media networks like Facebook, Twitter, Pinterest and LinkedIn what information to display whenever you or anyone else shares a link from your site.

 

Best Code Editors



Whether you’re a new web developer or a veteran code junkie, you need a code editor robust enough to handle everything you can throw at it. In fact, that might just be the most important part of your toolset. Since this is an ongoing search for most everyone the field, we wanted to give lay out some of the best options and downloads — for you to integrate into your workflow.

 

CSS Playgrounds



An interactive playground on the CSS property clip-path. Here we play around with cropping content with polygons, SVG's and even animating clip-path. Learn/play with CSS using sliders. Or easily create your own CSS Playground for free Popular play- and new playground examples; CSS Gradient Playground, CSS Filter Playground, Flexbox Playground and many more here:

 

Using Screaming Frog



Browseo is a wonderful tool for browsing pages through the eyes of a search engine. When it comes to analyzing site structure and other factors that pertain to an entire website, Screaming Frog is the tool of choice for many to use alongside Browseo. Both tools together are a perfect match. Instruction video (Dutch)  Google text translation »
Download:   Screamingfrog.co.uk/seo-spider/ »

 

What is JavaScript, what can you do with it?



JavaScript is the most popular and widely used client-side scripting language. Client-side scripting refers to scripts that run within your web browser.   Read more... » What is Vanilla JS? Vanilla JS refers to plain, unmodified JavaScript. jQuery is a collection of functions and stuff that are intended to make it easier to write JavaScript. Plain JavaScript is ALWAYS faster to run. JavaScript first steps  Read more... »   Board Infinity  Trends of JavaScript   »

 

Why JavaScript?



Half of your battle is won when you pick the right programming language: PHP can only be used for website backends Python is mostly used for Data Science and website backend Ruby is used for scripts and website backends. JavaScript is used in Web Front-End, Back-End, Mobile and Desktop   Read more...»

 

What is Node.js?



Node.js is an open source, cross-platform runtime environment for developing server-side and networking applications. Node.js applications are written in JavaScript, and can be run within the Node.js runtime on OS X, Microsoft Windows, and Linux.
Tutorialspoint Node.js tutorial  Read more.. »
Node.js - NVM   Installation »

 

What is a framework?



As a programmer, you don’t need to start from scratch when you have tools designed to help you with your projects. Frameworks are software that is developed and used by developers to build applications. Read more...» Front-End Roadmap  Read more.. »   JS:  frameworks tutorials »  

 

What is Yarn?



Yarn is a package manager that doubles down as project manager. Whether you work on one-shot projects or large monorepos, as a hobbyist or an enterprise user, we've got you covered. Yarn Package Manager Crash Course   Video Yarn Package Manager  Video 22:42 Continue »
NPM vs Yarn:  Continue »

 

What is Json?



Json is short for JavaScript Object Notation, and is a way to store information in an organized, easy-to-access manner. In a nutshell, it gives us a human-readable collection of data that we can access in a really logical manner. Read more.. »

 

What is Vue?



Vue (pronounced /vjuː/, like view) is a progressive framework for building user interfaces. Unlike other monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable.

Learn Vue.js Video- & text tutorials | Installation guides  Continue  »
7 advantages of using Vue.js  Read more...»

 

Angular vs React.js vs Vue.js - Video 15:28



Angular is a framework because it provides you with a good start to build an application with the complete setup. You don't need to look into libraries, routing solutions, and the structure You can simply start building. React and Vue, on the other hand, are more flexible and universal than Angular.

Want to read instead of watch? Here you go!  Read more...»

Coding Playgrounds For Web Developers



Over the past couple of years several coding playgrounds have popped up, much to our delight. These are web applications that allow real-time editing and previews of client-side codes: HTML, CSS, and JavaScript. The best part of these coding playgrounds is that most of them are free and you can easily share a “playground” with someone either for teaching purposes or for debugging: Hongkiat.com/blog »    
Why Codepen.io? Read more.. ».

 

Test a responsive website



Coding playgrounds

               Main menu

Read below for more browser related information on how to perform on different
screen sizes, then Click on the image to test.
Firefox: Control-Shift-M or Go to Tools - Web developer - Responsive design mode
Firefox Developer: Control-Shift-M or Tools menu - Responsive design mode
Google Chrome: Dev tools: Control-Shift Click Toggle Device Toolbar to open the UI
Microsoft Edge: Simulating a mobile viewport »
Safari: How to use Responsive Design Mode in Safari »

 

Extensive info about SEO tools



If you want to see the best SEO tools in one place, then you’ll LOVE this (updated) guide. Brian Dean personally tested and reviewed 188 free and paid tools. And you can filter through the list to find the best SEO software for you. Check it out on   Backlinko.com »

 

Website Launch Checklist



Are you preparing to launch your website? To help make it a success, Click on the image to find this handy Website Launch Checklist, Author: Alex Konstantinov. An extensive guide about Performance, SEO, Security, Content, Accessibility, and Functionality
Picture & info:   Cultura Interactive »
Webserver tutorial, WinSCP & Free hosting    Continue »
Next page:   Html, Css & Bootstrap tutorials »    Home Icon Home

 

Secret (Cartoon)

Courtesy:    Jerry King cartoons