Geoff Graham looks at how to make a curtain effect in CSS where you hide content initially and then reveal it like a gameshow reveals a prize.

✻ Chris lists a few methods for telling the browser how to optimize
 
Rather than the presumed "browsers will get faster at running my code", there is a little more "I need to change the way I code for browsers to get faster."

✻ Over on the Media Temple blog, Chris digs into the styling considerations you might have when using a <pre> tag. There is a lot to consider! Syntax highlighting, wrapping, scrolling, what other tags to use, how to label the language, just to name a few.

✻ A "sticky footer" is making sure that the footer is always at the bottom of a web page even if the content isn't enough to push it there by itself. Here’s the sticky footer in five ways. Or more like 8 or 9 ways if you look through the comments!

✻ Chris looks at injecting a line break into heading. Sure you could add a
into the element, but if we want a stylistic line break, how can we do that with just CSS? Spoiler: the most clever method involves display: table;

In other news around the web
  • Turbolinks is a script that intercepts all the links on a page and swaps in the content of the link with the current page’s content.
  • Vanilla List is a repository of helpful JavaScript libraries, without dependancies.
  • Frend is a collection of accessible, modern front-end components.

What we’ve been reading, listening and watching

Jake Archibald gave a great talk at Google I/O earlier last month about ServiceWorker, network resilience and improving the user experience step-by-step:
You should think of the network as a piece of progressive enhancement, an enhancement that might not be there.
Interestingly, Jake also talks about “building up user trust” when it comes to making web pages available for offline use. So a lot of Progressive Web Apps have a little banner or alert stating that the website is available offline, but eventually it might be the case that websites simply don’t need to notify the user that a webpage is cached at all, as this feature could become a staple of modern web development.
 
Also, Type Network is a service for designers that launched earlier this week. It calls itself “a new model for type design, development, licensing, and use” and offers font licenses from independent type designers and foundries. The announcement post digs into a little overview of the features of the service, such as responsive web type specimens. 
 
A note from the archives

Line clampin’ is the art of hiding the end of a sentence and adding an ellipsis to the end of it, like this:
There’s lots of reasons why you might want to truncate text like this, and a while back Chris wrote about a number of helpful techniques:
You want X lines of text. Anything after that, gracefully cut off. That's "line clamping" and it is a perfectly legit desire. When you can count on text being a certain number of lines, you can create stronger and more reliable grids from the elements that contain that text, as well as achieve some symmetric aesthetic harmony.
 
What have you learnt this week?

Chris Coyier: This past weekend I found myself at a rather unusual event: the Nippersink or Swim Sheep Dog Trial. Unusual for me, anyway, as I'm not a sheep herder or know anything about it. Not unusual for the people there though. They live and breath sheep herding, competitive or otherwise. 

Get this. One of the trials was for the "handler" (the person commanding the dog) to send the dog a half a mile away, across a stream, up to a hillside where four sheep where released. Round those up and herd them back to the starting area. Then go back and round up four more from another area. Then, after collecting both groups together, drive them all straight forward through an opening in a fence. Then bring them back and herd them into a small fenced area. Then herd them into a circle, and break them into groups again, but different groups than the original ones. 

What does this have to do with web development? I dunno maybe nothing. What it made me think about is how we're all a part of these fascinating complicated subcultures that most of the world scarcely even know exist.


Until next time!
Team CSS-Tricks
Want to change how you receive these emails?
You can update your preferences or unsubscribe from this list