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

A Front End Developer’s Guide to GraphQL

No matter how large or small your application is, you’ll have to deal with fetching data from a remote server at some point. On the front end, this usually involves hitting a REST endpoint, transforming the response, caching it, and updating your UI. For years, REST has been the status quo for APIs, but over the past year, a new API technology called GraphQL has exploded in popularity due to its excellent developer experience and declarative approach to data fetching.…

A Front End Developer’s Guide to GraphQL is a post from CSS-Tricks

Link: https://css-tricks.com/front-end-developers-guide-graphql/