CSS

Captivating CSS

GETTING STARTED
  • CSS Tutorial - A great place to get started brought to you by W3 Schools.
  • CSS Reference - All the properties in one place. Overwhelming, but useful.
  • CSS A to Z - I came across this series of CSS tips a while back when the author was still on G or H. The sequence is complete, now. From the auto value to the z-index property. Each letter has a Screencast and a Tip. A very entertaining and informative journey through CSS.
  • Selector Cheatsheet/Game - This is a fun way to practice your CSS Selectors
  • CSS Diner - Another game to help you practice using selectors
  • CSS Combinators - Yes, that's a word. In addition to the numerous selectors available in CSS, there are additional symbols used to combine them in specific ways to apply styles to certain elements without adding a lot of unnecessary class attributes.
POSITIONING
ADVANCED TOPICS
MORE TO COME...

Comments

Post a Comment

Popular posts from this blog

Curiosity Digest #11

Image
JavaScript Getting Creative with the Console API! - supercharge your console.log()'s and make monitoring and debugging your app more pleasant. Use $ & $$ Instead of document.querySelector/All in JavaScript without jQuery - for those of you who are Breaking Up With jQuery ... ES6 features in JavaScript - familiarize yourself with some of the most popular ES6 goodies Generating PDFs in Javascript for fun and profit! - Sometimes you want to generate PDFs on the fly, and now you can do so in JavaScript. Making the Move from jQuery to Vue - No, you don't have to give up jQuery, but if you want to transfer everything you've learned using it to Vue, check out this article. Node Next Genpm - A look at some npm alternatives Git A hacker is wiping Git repositories and asking for a ransom - Make sure you're protected! Machine Learning What is Machine Learning? - a primer on what ML is and how it works. Development The 3 Lies Stopp...
Read more

The Command Line and You - Part One

Image
I'm teaching a group of students in a Coding Bootcamp, and one of the first things we're learning about his how to get around a Command Line Interface -- in this class, we have a mix of Mac and PC users, so the former is using Terminal, while the latter is using Git Bash. I'm "seasoned" enough to have worked on DOS computers, where the first thing you saw when you turned on the computer was the blinking cursor next to the C:\> Prompt, very much like what you see in the Windows Command Line (cmd.exe) today. From there, you issued commands to navigate your file structure and launch programs. We didn't know anything else. You had to know your way around the command line to get anything done, like copying files to a floppy disk or launching WordPerfect. Then along came Windows (okay, MacIntosh, then Windows) and for a while there, the Command Line was relegated to an "It's there in case you need it" role. Hidden away, as the computer operat...
Read more

Curiosity Digest #12

Image
JavaScript How does JavaScript Really Work? (Part 1) - If you're curious as to just how JavaScirpt does what it does -- and you should be! -- here's a great article. How does JavaScript Really Work? (Part 2) - see above. Programming languages: Why JavaScript developers are choosing TypeScript - TypeScript is exploding... in a good way. CSS Animating CSS Grid Rows and Columns - New animation support for CSS Grids 10 Interesting JavaScript and CSS Libraries for May 2019 - Some really cool stuff in here, and they put out this list every month! Node Cooking Recipes for Web Applications with Node.js, Express.js and TypeScript  - Bring TypeScript into your node express server. Machine Learning Beginner's guide for Tensor Flow - The basics of Google's machine-learning library. Artificial Intelligence Use this cutting-edge AI text generator to write stories, poems, news articles, and more - Hmm, I might use this to make some posts for ...
Read more