Some HTML5 Secrets and Tricks I Learned During a Bootcamp

Photo by Greg Rakozy on Unsplash

Last year I started to learn CSS3, HTML5, JavaScript, JQuery, PHP at BAVC and Python at UC Berkeley. As a non-coder, I’m planning to share what I learned here. Maybe it’ll be useful or inspiring for those of you who are non-coders!

First things first. What is HTML5?

What a fancy name, huh? But HTML5 is just the latest version of HTML (Hypertext Markup Language).

It’s an old video but it explains what HTML5 is.

Useful links:

Useful links I discovered in my HTM5 journey:

Code editor: Brackets

It is an awesome open-source editor written in HTML, CSS, and JavaScript.

A modern, open source code editor that understands web design

HTML5 Validator

It helps you validate your code.

Validator.nu (X)HTML5 Validator

HTML5 templates

Beautiful templates for free!

HTML5 UP

Favicon creator

Create your favicon based on an image that you can edit, or even draw your own favicon.

favicon.ico Generator

Rounded corners

Add rounded corners to an element and visualize it, then just copy the code and paste into your code editor.

CSS Border Radius Generator

Zombie Ipsum generator

Tired of the Lorem Ipsum generators? Use the Zombie Ipsum generator instead.

Zombie Ipsum: Frightful Filler for Your Damned Designs

Need placeholders in your designs or code?

Some research said that kitten images make a design or code prettier. I love kittens!

placekitten

Sample Videos or Test Videos, Voilá!

Are you looking for videos of different resolution and sizes to test while designing or developing a mobile app? This is the place to check!

Download Sample Videos / Dummy Videos For Demo Use

Online Photo Editor

Yes… this really exists…. and it can save your life sometimes.

Online Photo Editor | Pixlr Editor | Autodesk Pixlr

Learn HTML with Songs

What a great idea. OMG, I love this!

HTML Characters

14,500 HTML character entities and common Unicode characters.

&what: Discover Unicode & HTML Character Entities

Looking for a Domain Name?

Search domain names that are currently available.

Domain Names - Cheap Domain Names | Namecheap.Com

Video Converter

Tools for converting video from nearly any format to a selection of supported codes.

HandBrake: Open Source Video Transcoder

Host

Affordable web hosting!

Website Hosting Services, VPS Hosting & Dedicated Servers - HostGator

I want to acknowledge my teacher, Olen Sanders, who taught me the HTML5 + CSS3 class at BAVC and showed me most of the links I’m sharing with you in this post.

I hope these tips will be useful for you. If you’re a coder yourself or not a coder, I’d be happy to receive your feedback and tips!

👋 Feel Free to Clap and Share your Thoughts!

Find out more at our LinkedIn, Instagram and Twitter. If you’re looking for PM goodies, check out the Online store.

Disclosure: This post might contain affiliate links and first-party promotion. If you click on these links and buy a product, I may get a small commission at no extra cost to you.