CSS Containment Modules

One of the new hidden gems in the new CSS modules, which is supposed to drop in new browser versions in the future, is CSS containment. In this short post, I’ll explain what is the new contain property and why you will want to use it.

CSS Containment Module
The CSS containment module defines a new indication, using the contain property, that an element’s subtree is independent of the rest of the page. This will enable browsers to optimize the performance of rendering/painting.

Link: https://dzone.com/articles/css-containment-modules?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

25 Programming Books for the Aspiring Developer

Whether you’re learning to code online, at a bootcamp, or in-person, there’s one supplementary resource that we recommend to accompany your learning: books. But with so many programming books to choose from (a Google search brings up over 12 million…
The post 25 Programming Books for the Aspiring Developer appeared first on Treehouse Blog.

Link: http://blog.teamtreehouse.com/25-programming-books-for-the-aspiring-developer

Critical CSS and Webpack: Automatically Minimize Render-Blocking CSS

“Eliminate render-blocking JavaScript and CSS." It’s the one Google Page Speed Insights suggestion that I always get stuck with.
When a web page is accessed, Google wants it to only load what’s useful for the initial view, and use idle time to load anything else. That way, the user can see the page as early as possible.

Link: https://dzone.com/articles/critical-css-and-webpack-automatically-minimize-re?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Being Smart About Your UI/UX Design

The electronic age has certainly made life simpler.
Even before we found the need to be connected, electronic devices have become a supplement to our daily lives. The simple word processor and spreadsheet on the way-overpriced home computers helped make communication easier to read and reduced errors with pencil and paper computations.

Link: https://dzone.com/articles/being-smart-about-your-uiux-design?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Developing a Web Application Using Angular (Part 4)

In the previous article, we moved one step closer to our working web application by building our service provider layer that acts as an abstraction of our order management web service. With this foundation set, we are ready to complete the last layer in our web application: the User Interface (UI) layer.
Implementing the UI Layer
The first step in implementing our UI layer is to reflect upon the UI design we created in Part 1. In this design, we created two main components: (1) an order list component and (2) a save order component. While the latter component is abstracted into a single component, we are actually designing it to perform two separate tasks: (1) create a new order and (2) edit an existing order. This double-duty derives from the fact that components for creating a new order and editing an existing order look identical, with a few important caveats:

Link: https://dzone.com/articles/developing-a-web-application-using-angular-part-4?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

New & Upcoming Course Highlights: Introduction to Xamarin & CSS Grid Layout

Every Wednesday, new courses and workshops are added to the growing Treehouse Library! Here’s a quick list of what’s been added this week, what’s coming soon, and our weekly video update on What’s New at Treehouse. COURSES Introduction to Xamarin – Heath Hodgert (110 minutes)…
The post New & Upcoming Course Highlights: Introduction to Xamarin & CSS Grid Layout appeared first on Treehouse Blog.

Link: http://blog.teamtreehouse.com/new-upcoming-course-highlights-introduction-to-xamarin-css-grid-layout

Why Would You Even Want to Put CSS in JS?

Web developers across the world, across libraries, and across technologies agree that the way to develop maintainable user interfaces is to split concerns into self-sufficient components. The idea is mature and widely known — for example, by mobile and web developers who have used the web components approach before. Yet, its popularity on the web has increased during the last few years. Thus, a number of new ideas on handling all the satellite conerns, like styling or state management, have been presented or adjusted. Today, I’d like to focus on the first one: styling.
I used to favor an approach in which one component has a corresponding SCSS file describing its styles. The SCSS file is then imported into a JS file and then adequately managed by Webpack. This solution has enormous power, mostly due to the superpower of SASS itself. The only thing you really should take care of is that the styles you’re defining for the component don’t override other components’ styles.

Link: https://dzone.com/articles/why-would-you-even-want-to-put-css-in-js-espeo?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev