tiffam/medium_articles

Code repository for my Medium articles

My Medium articles can be accessed from https://medium.com/@lim.aliceyt

Articles written so far

I don't know CSS... well (new series)

• Why doesn’t my CSS work the way it should?
• Debug CSS Grid with Firefox DevTools

Components

• How to style the ubiquitous button with CSS
• Create beautiful numbered lists with CSS Counters
• ^New Create a Scenic Day and Night Toggle Button with HTML and CSS

Layout

• How I solve Flexbox Froggy puzzles
• How I create a Contact Us form using Flexbox
• How I use CSS Grid to Create a One-page Website
• How I Use Flexbox to Create a One-page Website
• How I Use CSS Grid and Flexbox to Create a One-page Website
• How I Use CSS Grid and Flexbox to Create a One-page Website Part 2
• ^New Create an Image Gallery Using CSS Grid and Flexbox

General CSS

• How selective should I be when choosing selectors for CSS?
• Is 100% really 100% in CSS?
• CSS Primer: Fonts and text
• How to Position Background Images With CSS
• CSS Explicit Defaulting: initial, inherit, unset, and revert
• How To Control White Space in Text With CSS
• 6 Ways to Style Text on Images in CSS
• Create Stylish Links with CSS
• Add 3D Effects to Your Text with CSS

General HTML

• Understanding the Tags in HTML Boilerplate

• The Anatomy of HTML Links

• Guide on Using Heading Tags in HTML

• Tag Your Text the Right Way With Semantic HTML

• ^New Control Types (including Virtual Keyboards) Associated with 14 HTML Input Types

Using the Right Terms (discontinued series for now)

• CSS Inheritance: Using the Right Terms
• CSS Style Rules: Using the Right Terms

Debugging

• How I debug CSS with Chrome Devtools
• Introduction to Chrome DevTools for CSS

Others: Pet Projects

• Mockup of iPhone 11 with CSS
• Why do websites look the same?
• Semantic HTML, something nice to have but not necessary?

Others: Writing

• ^New 3 Popular Embeds for Sharing Code on Medium

Others: Productivity

• How Much Time Can You Save With HTML Shortcuts?
• Getting help when you have a problem with your code
• How I learn to code (from videos)?

Flutter: Productivity

• Introduction to Flutter on DartPad