Brian Holt and the Frontend Masters team are putting on a free workshop today and tomorrow that is live-streamed for anyone that’s interested. This is super cool because, despite the fact that there is a mountain of articles about web development out there, there are only few that start with the basics in a manner that’s easy for beginners to follow.
I’ve been a fan of Brian’s work for ages now, which is part of the reason why I advocated …
The post Free Introduction to Web Development Workshop appeared first on CSS-Tricks.
Last year, I assembled A Collection of Interesting Facts about CSS Grid Layout after giving a workshop. This year, I was worked on another workshop and I’ve learned some more exciting facts about the layout spec we all so love.
Of course, I’m not going to keep my knowledge to myself. I’m happy to share my findings once again with you, the CSS-Tricks community.
Understanding how the `grid` shortcut works
Sometimes, reading and understanding parts of the grid—or actually …
The post Another Collection of Interesting Facts About CSS Grid appeared first on CSS-Tricks.
One of the reasons I love working with Vue is because of how useful methods, computed, and watchers are, and the legibility of their distinction. Until understanding all three, it’s difficult to leverage the functionality of Vue to its full potential. Still, the majority of people I see confused about this framework tend to also be confused about the differences here, so let’s dig in.
In case you need a quick answer and don’t have time to read …
The post Methods, Computed, and Watchers in Vue.js appeared first on CSS-Tricks.
Raise your hand if this sounds like you:
You’ve been in the tech industry for a number of years, you know HTML and CSS inside-and-out, and you make a good living. But, you have a little voice in the back of your head that keeps whispering, “It’s time for something new, for the next step in your career. You need to learn programming."
Yep, same here.
I’ve served in a variety of roles in the tech industry for close to …
In CSS, you might see a ruleset like this:
font-family: Lato, “Lucida Grande", Tahoma, Sans-Serif;
What the heck, right? Why don’t I just tell it what font I want to use and that’s that? The whole idea here is fallbacks. The browser will try to use the font you specified first (Lato, in this case), but if it doesn’t have that font available, it will keep going down that list. So to be really verbose here, …
CSS Basics: Fallback Font Stacks for More Robust Web Typography is a post from CSS-Tricks
You are probably well acquainted with how links looks without any styling at all. That blue. That underline. That’s a link in it’s purest form. But what if we want to change things up a bit? Perhaps blue doesn’t work with your website’s design. Maybe you have an aversion to underlines. Whatever the reason, CSS lets us style links just like any other element.
CSS Basics: Styling Links Like a Boss is a post from CSS-Tricks
With CSS, you can control the background of elements. You can set a background-color to fill it with a solid color, a background-image to fill it with (you guessed it) an image, or even both:
Here’s an example where I’m using an SVG image file as the background, embedded right in the CSS as a data URL.
See the Pen background color and image together by Chris Coyier (@chriscoyier) on …
CSS Basics: Using Multiple Backgrounds is a post from CSS-Tricks
CSS is an abbreviation for Cascading Style Sheets.
While most of the discussion about CSS on the web (or even here on CSS-Tricks) is centered around writing styles and how the cascade affects them, what we don’t talk a whole lot about is the sheet part of the language. So let’s give that lonely second “S" a little bit of the spotlight and understand what we mean when we say CSS is a style sheet.
The Sheet Contains the…
CSS Basics: The Second “S” in CSS is a post from CSS-Tricks
This is a post from the Ruby Language for Beginners in 8 Parts!
So you’ve dreamed of being a web dev, but don’t know where to start? Well have we got good news for you? For 48 hours only you can get our ultimate beginner bundle in web development for just $29 (that’s a saving of $435 BTW!)
What Are You Waiting For? Go Follow Your Dream!
Kick start your front end web developer journey with our ultimate bundle. In it you’ll get lifetime access to 7 of our best selling books and over 21 hours of video courses, so you can:
Learn to design beautiful and responsive websites
Level up your productivity with Bootstrap 4 and Sass
Have We Piqued Your Interest?
You can find out more or get yourself a great deal here. But you better hurry up, this $29 kickstart to your web development career only lasts 48 hours!
Continue reading %Get the Ultimate Web Development Beginner Bundle for Only $29%