Whoa! The next time you want to draw a bunch of multi-sided shapes, get yourself a Versa Ruler. Set your desired angles by snapping the rulers into place, then pivot and slide the rulers to get just the right lines. Yes, it is a pretty specific tool, but as anyone who’s worked in a studio or workshop knows, most of the time using the right tool saves a ton of time.

-Measure, draw, or cut perfect shapes repeatedly
-Lock angles & sides with rotating protractor
-Scale shapes in proportion
-Lock angles & sides with rotating protractor
-Snap Versa Rulers end-to-end to extend side lengths
-Connect additional sides or angles to create desired configuration
-Clamp objects for crafts
-Flip sides for US Standard or Metric scales

Initially, the thought of a headphone/earphone stand seems entirely unnecessary. However, to be fair, where do you put your headphones/earphones when you’re not wearing them? Not back in their case, because that’s too much trouble, so maybe (usually) you just leave them out on top of your desk, table or dresser, where they get covered with other stuff (sometimes). So, maybe a headphone/earphone stand isn’t such a ridiculous idea, hmm?

by TreAsia Design

“For in-ear headphones, the tubular support cleverly includes a magnetic end that keeps small earphones attached securely and safely.”

Plastic, throw-away storage bags? No, thanks, I’ll take a few of these Stashers instead. They’re self-sealing, reusable, 100% pure platinum food-grade silicone storage bags. Use them in the freezer or microwave and wash them in the dishwasher, easy as can be. They’re handy little storage bags to keep your food fresh or other little sundries safe, all while reducing the amount of plastic that ends up in landfills and our oceans.

HALF GALLON, 10.25” x 8.25” x 1.5” (64.2 fl.ounces), $19.99
SANDWICH, 7.5” x 7.5” x 1” (15 fl. ounces), $11.99
SNACK, 4.5” x 7.5” x 1” (9.9 fl. ounces), $9.99

Before you say ‘mumbo jumbo’ and roll your eyes, it wouldn’t hurt to have a little more mindfulness, it being the new year and all. So how about adding the five handbooks of Thich Nhat Hanh’s Mindfulness Essentials Series to your reading list? The essentials give you simple directions to become more aware of your own presence, your daily surroundings, and, maybe, with that increased mindful attention, you’ll be a little less of a jerk.

By Thich Nhat Hanh
Illustrated by Jason DeAntonis
Original paperback editions, Published December 2016 by Parallax Press
4.1″ x 2.1″ x 6.4″

Set of five volumes includes:
How To Sit
How To Eat
How To Walk
How To Love
How To Relax

Just in case you were wondering, here’s the top five posts for 2017. We’re not sure what this new year brings, but we are closing our eyelids tight, wishing and hoping for the absolute best. Thank you for visiting BLTD, and sharing the things you like, because it’s you that keeps our site going.

1. Nordic Knots Rugs

2. KOMOLAB Wall Racks

3. Pidestall Planters

4. Trays from Kalon

5. Perforated Calendar

Also on the list: Soundskins for Sonos, Clover Rechargeable Nomad Lantern , 100% Human ACLU Tees & Sweatshirts, and Clouds Poster by Debbie Carlos.

You have clocks all around you, so why do you need another one? Well, what if you could see a visual representation of the year? ThePresent is an annual analog clock; the hand completes one revolution every 365 days. Seeing the slow progression of a year might help put your hurried daily chores and duties into perspective. There’s also the TODAY: 24 Hour Clock, which moves at half the speed of a regular clock to shift your perspective of time each day.

Created by Scott Thrift, co-founder of m ss ng p eces.

Made in Germany

Dimensions: 11 inch diameter, 1.5 inches deep

-Clock completes one revolution each year
-Silent movement
-Clock hand strikes the winter solstice at the upright (traditionally 12 o’clock) position; summer solstice at the downward facing position
-UV printed on JetView Matte 250 micron polycarbonate from Tekra
-Custom safety glass cover on face of clock
-Custom stainless steel body protected with a soft clear matte coating
-Requires 2 AA batteries

TODAY: 24 Hour Clock, $200.00

Dimensions: 11 inch diameter, 1.5 inches deep
-Clock completes one revolution each day
-Clock hand strikes noon at the upward facing position; midnight at the downward facing position
-Requires 1 AA battery

ThePresent Clock originally posted Jan 15, 2014.

If you haven’t sorted your wall calendar situation out, turn your eyes towards the Egg Press x Schoolhouse Big Picture Calendar for 2018. See the entire year at a glance, so you can easily plan out all your important dates and projects. Weekends are highlighted with stripes; that allows for easy notations on all the exciting things you’re going do this year… right?

Dimensions: 28.5″ W x 22″ H
Product material: Paper
Product origin: USA

In the market for a new home for his family some years ago, industrial designer Duncan Jackson purchased what you might call a fixer-upper: Martello Tower Y, a massive Napoleonic-era circular fortification situated on the cost of Suffolk.

England began building these Martello towers all along their coast in the early 1800s, anticipating that the French fleet would come knocking. Even though they never came Tower Y, like many others, was left standing because it's kind of a hassle to tear down something that's made out of a million bricks.

Jackson enlisted the services of architecture firm Piercy & Co, renovated the structure and even drilled a four-meter-long diagonal clerestory shaft into the wall. Have a look at what they've done with the place:

Until recently, I never owned a wooden spokeshave. The reasons were mostly that when I was studying we didn't use them, and most of the woodwork I did didn't call for shaves. However, as I have gotten older, I have gotten more interested in complex furniture shapes and I found that I needed something aside from a rasp to sculpt my work.

My first shaves were metal, but I never got them to work as well as I thought they should. Then I discovered wooden spokeshaves and I was converted.

What I like most about wooden shaves is that they are light and nimble. They have the same feel as for example, our bowsaw where the tool is so light it doesn't influence the cut and you really feel that you are moving a blade over the work, not running a machine over some wood.

The second feature I really like is that I normally set a shave for a fairly fine shaving but if I want a thicker cut all I have to do is loosen the screws at the top by a quarter turn and the shavings just push the blade out and you get a thicker shaving. I don't have to stop and think and that's important.

As the systems around us become more complex, the need for talented data visualizers grows more important. By breaking complicated things down into visuals that we can more easily grasp, these people influence both our perception and our understanding. When this is not done properly, our perception of the information being displayed can lead to an incorrect understanding of how things are.

A great example of this is this map of the 2016 popular vote, where you can see how each county in the country voted:

It's easy to look at that image and conclude that most of America voted red, and that there is, for instance, no one in the entire state of Oklahoma that voted blue. But this is inaccurate. In all of those red blocks, there may be people who voted blue, and vice versa. Essentially, this map is only useful if you are looking to see which side won a particular county.

Another image I'd call a bad design is this one by the Times, which shows the 2004 electoral vote:

By breaking the country into squares that roughly correspond with the shape of the country, they are attempting to project numerical consistency onto a wildly inconsistent shape. This provides cognitive dissonance--we know what the shape of the U.S. is, and that...

505Design is seeking a highly creative, dedicated, self-motivated (mid-level) Environmental Graphic Designer with 5-7 years relevant experience to join our team in our Charlotte Studio. The designer in this position will work closely with the team in Charlotte and additional studios, collaborating on various Environmental Graphic Design project types that span the globe in all phases from conceptual development through implementation.

View the full design job here

Holy COW this is creepy. It's been so cold here on the East Coast that North Carolina's Shallotte River Swamp has frozen over, encasing the alligators in ice. 

But as it turns out, 'gators have a survival mechanism to deal with this:

.mcclatchy-embed{position:relative;padding:40px 0 56.25%;height:0;overflow:hidden;max-width:100%}.mcclatchy-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%}

So here's what they're doing, according to the Miami Herald:

The alligators seem to instinctively know when the water is about to freeze, says [George] Howard, who is general manager of [Shallotte River Swamp Park]. They respond by sticking their nose above the surface at just the right moment, allowing the water to freeze around them.
Alligators then enter "a state of brumation, like hibernating." Alligators can regulate their body temperature in all sorts of weather, park officials said, and can essentially remain frozen in place until the ice melts.

By the way, for those of you who have trouble telling alligators and crocodiles apart, here's how you can tell the difference:

Although they’re still TBP (to be painted), I’m sharing how we made the built-in pantry shelves for our beach house since there were a bunch of requests for a tutorial when we shared some sneak peeks on Instagram. They’re surprisingly straightforward to construct – they’re made entirely of two things: MDF sheets and 1 x 2″ boards – and the process can easily be adapted to just about any space where you want to add some custom storage (bedrooms, playrooms, living rooms, etc). In other words, think beyond the pantry. And if you scroll to the bottom of this post, there’s a video of some of the steps in action that might help you too – so even if you’re a beginner, you can do this. Seriously.

In fact, the technique I used to build these is one I’ve already used twice in our own home – first in our son’s room and later for our living room built-ins (shown below). Call me a creature of habit, but I’ve found that it’s easy to execute and we’ve always been really happy with the finished look.

First, let me catch everyone up to speed on the...

When a neighbor shared some historic documents about our 100 year old beach house, we were stunned to find a story from 1936 of jealousy and even murder. So this week we’re sharing what we learned along with some other surprising facts about our old home’s past. We’re also helping a listener find some creative ways to maximize the storage she has AND uncover additional places to stash things (“I have too much storage space” said no one ever). Plus, we share a Christmas gift that’s helping Sherry combat insomnia and a cheap accessory that’s making John’s special eyes even more special.

You can download this episode from Apple PodcastsGoogle PlayStitcherTuneIn Radio, and now Spotify – or listen to it below! Then use this page to check out any links, notes, or photos we referenced. Note: If you’re reading in a feed reader, you might have to click through to the post to see the player. 

What’s New
  • Below is a peek at the pantry that we worked on at the beach house over the holiday break. You can see more of it by watching some of our highlighted Stories on our Instagram page (these must be viewed in the IG app on our profile page – just click those little circles you see above the photo grid and the stories...

MDN released a comprehensive guide to Flexbox with new and updated materials by Rachel Andrew. The guide includes 11 posts demonstrating layouts, use cases and everything you could possibly want or need to know on the topic. All of the related Flexbox properties are nicely and conveniently attached to the table of contents, making this extremely easy to use.

In this post, Rachel adds helpful thoughts and context about Flexbox. Her comment on Flexbox initially being treated as a silver bullet solution for all our layout issues struck me:

Prior to Grid shipping, Flexbox was seen as the spec to solve all of our layout problems, yet a lot of the difficulty in using Flexbox is when we try to use it to create the kind of two-dimensional layouts that Grid is designed for. Once again, we find ourselves fighting to persuade a layout method to do things it wasn’t designed to do.

Guilty as charged. I remember being so eager to ditch floats and learn a new syntax that I treated Flexbox as a square peg trying to be fit into a round hole. That definitely bit me on at least one project.

Most importantly about this guide is that it forms a sort of trifecta of reference materials on layout specifications provided by CSS: Flexbox, Grid and other Box Alignment properties.

Oh, and while we're on the topic, we have Flexbox and Grid guides right here on CSS-Tricks. You can never learn too much, right?

Trent Walton:

My latest realization is that delivering a performant, accessible, responsive, scalable website isn’t enough: I also need to consider the impact of third-party scripts. No matter how solid I think my prototype is, it doesn’t absolve me from paying attention to what happens during implementation, specifically when it comes to the addition of these third-party scripts.

I recently had a conversation with a friend working on quite a high profile e-commerce site. They were hired to develop the site, but particularly with performance in mind. They were going the PWA route, but were immediately hamstrung by third-party scripts. One of them, apparently unavoidably, couldn't be HTTPS, meaning the site was immediately disqualified from being a PWA. They could still do a good job in many other areas, but right and left their great performance work was slaughtered by third-party scripts. I don't envy being in that position.

It's often the fault of "tag managers." There are a bunch of them out there. Here's a marketing pitch for one of them:

Marketers want tag management that’s simple, reliable, and integrates easily with existing systems ... You’ll launch programs faster, so you can make swifter decisions.

In other words, "Give your marketing team the ability to add whatever third-party JavaScript they want quickly without having to go through your normal deployment process." I can understand why they are needed in some organizations, but it still sends chills up my spine.

Third-party scripts could conceivably be a part of...

For a beginner, accessibility can be daunting. With all of the best intentions in the world, the learning curve to developing compliant, fully accessible websites and apps is huge. It's also hard to find the right advice, because it's an ever-changing and increasingly crowded landscape.

I've written this post to give you some tips on small things that can make a big difference, while hopefully not affecting your development process too much.

Let's dive in!

Document Structure and Semantics

It probably doesn't come as much of a surprise that structuring your HTML in an organized, semantic way will make a big difference. Screen readers rely on a well-structured document in order to follow a coherent narrative, so make sure that you're using the elements that the HTML5 spec provides responsively and effectively.

If you’re unsure about how to markup your work correctly, check out resources such as HTML5 Doctor, Code Academy and of course, CSS-Tricks. You can also check out articles like “Writing HTML with accessibility in mind” and “Semantic Structure” to get you going in the right direction.

Let's look at three specific things that can help ensure a well-structured and semantic document.

Use a Single

A good example of building a responsible, semantic document structure is only using one <main> element. This should serve as a signpost for the most important content of the page for your user.

Add an ID to it and offer a skip link in your main <header> like so:

<header role="banner">

(This is a sponsored post.)

The newly released Q3 2017 Global DDoS Threat Landscape Report features insights on attacks and mitigation. These are some of the key findings:

  • Bitcoin was one of the most targeted industries
  • High packet rate attacks grew more common
  • A third of network layer attacks were highly persistent
  • Botnet activity out of India and Turkey continued to climb

Learn about the top attacked countries, industries, and vectors here and how to protect your site with Incapsula.

Direct Link to ArticlePermalink

​Incapsula’s Global DDoS Threat Landscape Report is a post from CSS-Tricks