More CSS3 Secrets I Learned in a Bootcamp

Thaisa Fernandes
PM101
Published in
3 min readDec 10, 2016
Photo by Kobu Agency on Unsplash

I’m learning 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 you too!

First things first. What is CSS3?

It’s the latest version of CSS (Cascading Styling Sheets) which is a style sheet language for describing the look and feel of a document written in a markup language like HTML.

It’s an old video but it explains what’s CSS3.

Useful links:

Here I’ll share some useful links I discovered in my CSS3 journey:

Gradient generator

Create your own color gradient, then copy the CSS to your code editor.

Check colors compatibility

Check color compatibility, and compare the different set of colors. You can also update a photo and check the colors most predominant.

Scalable vector icons

It can be customized — size, color, drop shadow, and anything that can be done with the power of CSS. Hooray!

Free images

Looking for a cool image? These are the places to find it!

Animation

Animation Using CSS Transforms.

JavaScript effects

JavaScript effect alternatives using CSS3.

Button Effects

Let’s make some button effects!

Specificity Calculator

A visual way to understand CSS specificity.

Magic tricks: an application that easily processes your CSS

It helps create clean stylesheets, support older browsers and offers better maintainability.

Hacky, and quick-fix

A totally new stylesheet reserved just for your hacky code.

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 no, I’ll 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 🌈🌱