Some HTML5 Secrets and Tricks I Learned During a Bootcamp

Thaisa Fernandes
PM101
Published in
4 min readDec 8, 2016
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.

HTML5 Validator

It helps you validate your code.

HTML5 templates

Beautiful templates for free!

Favicon creator

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

Rounded corners

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

Zombie Ipsum generator

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

Need placeholders in your designs or code?

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

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!

Online Photo Editor

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

Learn HTML with Songs

What a great idea. OMG, I love this!

HTML Characters

14,500 HTML character entities and common Unicode characters.

Looking for a Domain Name?

Search domain names that are currently available.

Video Converter

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

Host

Affordable web hosting!

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 more at our LinkedIn, Instagram, and Twitter. Check our podcast. Follow our LinkedIn page and Newsletter!

Disclosure: At PM101, we strive to provide our readers with valuable and honest information on Product and Program Management. As a way to support the blog and continue providing valuable content, some blog posts may contain affiliate links or promotional content. By clicking on these links and making a purchase, the writer may receive a small commission at no additional cost to you. This commission helps to keep the blog running and allows the writer to continue providing valuable content and increasing her coffee and kombucha consumption. Rest assured, we will always provide honest and informative content and use affiliate links and promotional content only as a means to generate revenue to support the blog.

--

--

Thaisa Fernandes
PM101
Editor for

Program Management & Product Management | Podcast Host | Co-Author | PSPO, PMP, PSM Certified 🌈🌱