Another Collection of Interesting Facts About CSS Grid

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.

Link: https://css-tricks.com/another-collection-of-interesting-facts-about-css-grid/

Methods, Computed, and Watchers in Vue.js

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.

Link: https://css-tricks.com/methods-computed-and-watchers-in-vue-js/

The JavaScript Learning Landscape in 2018

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 …

The JavaScript Learning Landscape in 2018 is a post from CSS-Tricks

Link: https://css-tricks.com/javascript-learning-landscape-2018/

CSS Basics: Fallback Font Stacks for More Robust Web Typography

In CSS, you might see a ruleset like this:
html {
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

Link: https://css-tricks.com/css-basics-fallback-font-stacks-robust-web-typography/

CSS Basics: Styling Links Like a Boss

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

Link: https://css-tricks.com/css-basics-styling-links-like-boss/

CSS Basics: Using Multiple Backgrounds

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:
body {
background-color: red;
background-image: url(pattern.png);
}
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

Link: https://css-tricks.com/css-basics-using-multiple-backgrounds/

CSS Basics: The Second “S” in CSS

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

Link: https://css-tricks.com/css-basics-second-s-css/

Get the Ultimate Web Development Beginner Bundle for Only $29

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
Learn JavaScript and in-demand frameworks from the ground up

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%

Link: https://www.sitepoint.com/beginner-bundle-sale/

Which Programming Language Should I Learn First?

Once you’ve decided to learn to code, one of the hardest questions you’ll ask yourself is: which programming language should I learn first? Let’s look at some of the concerns you might have before you begin learning, the programming languages you have to…
The post Which Programming Language Should I Learn First? appeared first on Treehouse Blog.

Link: http://blog.teamtreehouse.com/which-programming-language-should-i-learn-first