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


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.
Image courtesy:


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.


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.
See website pages on different screens: Examples »
Source: Resizer » For more website pages on different screens Examples »


Why do you need a sitemap?

The goal of the website 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. Free Trial »


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 & iPod, Android, Internet & Network, Linux etc...
available as a desktop application for Mac or Windows. Read more...


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, LinkedIn
and Google+ what information to display whenever you or anyone else shares a link from your site. Read more...     Facebook for developers  Best practices »    
Open Graph Tester: »
Image courtesy:   Vector de Acuarela creado por starline - »


Finding the best code editor

Are you searching for the best HTML editor to write and edit code in a flawless manner?
As a web developer, the code editor is a must tool to use. It lets you create and
manage web pages without complications.
But how can you choose the most appropriate one for your project?
Here, we bring a solution by briefing a shortlist of the best online HTML editor.
Before that, we should know the benefits of using this tool.
Source: »
Best coding editors  Continue »


CSS- & Best Code Playgrounds

A variety of front-end code playgrounds have appeared over the years.
The majority offer a quick and dirty way to experiment with client-side code
and share with others. In this article, we take a quick look at seven of the best.
Codrops: Tutorials, Playground, Articles, Collective, CSS Reference   Continue


Tips for 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.

Source: »
Download: »


Why use JavaScript as programming language?

See the table on the left.

  • PHP can only be used for website backends
  • Python is mostly used for Data Scient and website backend
  • Ruby is used for scripts and website backends
  • JavaScript is used in Web Front-End, Back-End, Mobile, Desktop, and even TV apps

Source: »
Trends and State of  Javascript »


Vue.JS | A Progressive JavaScript Framework

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.
The core library is focused on the view layer only, and is easy to pick up and integrate with
other libraries or existing projects. On the other hand, Vue is also perfectly capable
of powering sophisticated Single-Page Applications when used in combination
with modern tooling and supporting libraries.   Source: »
Vue.JS:  Examples »
Online playground:  BootstrapVue »
JavaScript:  Web aplication frameworks »


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: »  Playgrounds:  For testing and debugging »
15 Bootstrap Playgrounds:  & Tools by SitePoint »


Scroll through a responsive website

Click on the image to view 'Create your own website' on different screen sizes.
Read below for more browser related information:
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 »

Your new SEO Browser: »


Extensive information 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 »


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