Geoff Graham - 2/17 - CSS-Tricks

HTML 5.2 is Done, HTML 5.3 is Coming

# January 10, 2018 By Geoff Graham

The W3C has completed its second round of HTML5 recommendations for implementation. The entire announcement is worth a read because there are interesting tidbits that provide more context and personnel changes within W3C, but the highlights of this recommendation are nicely summed up:

Many of the features added integrate other work done in W3C. The Payment Request API promises to make commerce on the Web far easier, reducing the risks of making a mistake or being caught by an unscrupulous operator. New security features such as Content Security Policy protect users more effectively, while new work incorporated from ARIA helps developers offer people with disabilities a good user experience of their applications.

(more…)

HTML 5

WordPress User Survey Data for 2015-2017

# January 8, 2018 By Geoff Graham

A grand total of 77,609 responses from WordPress users and professionals collected by Automattic between 2015 and 2017. The stats for 2015 and 2016 have been shared at the annual State of the Word address and 2017 marks the first time they have been published on WordPress News.

(more…)

WordPress

A Round-Up of 2017 Round-Ups

# January 5, 2018 By Geoff Graham

This week marked the beginning of a new year and with it came a slew of excellent write-ups from folks in our industry reflecting on the year past. We thought it would be nice to compile them together for easy reference. If you know of any others that should be on everyone's radar, please leave it in the comments.

Now on to the round-up of round-ups!

(more…)

2017

Fun Times With Sizing Grid Elements

# January 4, 2018 By Geoff Graham

Chris showed us a little while back that CSS grid areas and their elements are not necessarily the same size. It's an interesting point because one might assume that putting things into a grid area would make those things occupy the entire space, but grid areas actually reserve the space defined by the grid and set the element's justify-content and align-items properties to a stretch value by default.

So... yes, they are the same size, but not necessarily.

Chris ended his post by asking "who cares?" while indicating no one in particular. The point was much more geared toward calling this out as a starting point for folks who need to align content in the grid.

I'm not sure I have a better answer, but it made me think it would be fun if we could leverage those auto-assigned stretch values to adapt a user interface in interesting ways.

(more…)

css grid

Further working mode changes at WHATWG

# December 26, 2017 By Geoff Graham

The Web Hypertext Application Technology Working Group (WHATWG) announced that it has adopted a formal governance structure:

The WHATWG has operated successfully since 2004 with no formal governance structure, guided by a strong culture of pragmatism and collaboration. Although this has worked well for driving the web forward, we realized that we could get broader participation by being clear about what rights and responsibilities members of the community have. Concretely, this involves creating an IPR Policy and governance structure.

(more…)

standards W3C WHATWG

:is()

# December 21, 2017 By Geoff Graham

The CSS Selectors Level 4 describes the :is pseudo-class as having the same functional properties as :matches. They have the same syntax and are both able to make complex groupings of selectors easier to write.

That's where the similarities between the two stop because :is has no impact on specificity.

(more…)

New in Chrome 63

# December 19, 2017 By Geoff Graham

Yeah, we see browser updates all the time these days and you may have already caught this one. Aside from slick new JavaScript features, there is one new CSS update in Chrome 63 that is easy to overlook but worth calling out:

Chrome 63 now supports the CSS overscroll-behavior property, making it easy to override the browser's default overflow scroll behavior.

(more…)

Don’t Use My Grid System (or any others)

# December 18, 2017 By Geoff Graham

This presentation by Miriam at DjangoCon US last summer is not only well done, but an insightful look at the current and future direction of CSS layout tools.

(more…)

place-items

# November 29, 2017 By Geoff Graham

The place-items property in CSS is shorthand for the align-items and justify-items properties, combining them into a single declaration.

(more…)

CSS Grid Starter Layouts

# November 24, 2017 By Geoff Graham

This is a collection of starter templates for layouts and patterns using CSS Grid. The idea here is to show off what the technique is capable of doing and provide a starting point that can be re-purposed for other projects.

(more…)

grid