How do I draw a line? (video player)

Name: How do I draw a line?
Uploaded: 2021-04-30T00:00:00.000Z
Channel: Heydon Pickering
Description: A brief video about the web from Webbed Briefs

Created for and premiered at Web Directions’ Hover conference. Discover all the different ways you can draw lines with the web platform—from horizontal rules all the way to WebGL. Actually “discover” is the wrong word, since I’m pointing you right at the damned video OK.

These things take a solid frickin’ week to make so, if you’re able, support me on Open Collective or buy a T-shirt or hoodie!

Red Dwarf fan?

(From Heydon )
LOL

(From Heydon )
I love this video so much I feel like I just cheated on my wife watching it.

(From Frank M. Taylor 🥨 )
Kind of want to use this as an endorsement.

(From Heydon )
The number of views is also 😈

(From Sayz Lim )
People don’t use #HailSatan nearly enough when they’re coding.

(From ✨ Lawrie ✨ )
my eyes hash tag explosion 🤯

(From Andrew Walpole - dev head )
Adding #WebDevelopment must have been the influence of some malign entity

(From Pavel #StopAsianHate )
did the grind take over?

(From Andy Bell )
I love these vids. Reminds me of Monty Python

(From Grace Snow )
I only remember writing some of those

(From Heydon )
lmao @ the hashtags 😂

(From Andy Bell )
It means it has *really* good browser support 👍😎

(From Martijn Frazer )
Haha, the best tweet I've ever read that includes the text "Why not add a JavaScript framework..."

(From Heydon )
Sounds nifty, but I'll wait for the tool that'll help me easily create it without code.

(From Daryl White )
There's another level of abstraction you're missing. 😉twitter.com/defaced/status…

(From Chris Johnson )
You reached your limit of hashtags per day. Your account will now be more promoted by our algorithm. - Twitter

(From Louis Hoebregts )
sverg, hotmail, cuss, and a little bit of jesus

(From Darien MV )
Ahhh so so good! 👏🏻👏🏻

(From Sush Kelly )
Thank you, Dean. Yeah I do 😅

(From Heydon )
Heydon, thank you so much for making these: - you must put an incredible amount of time into them and I appreciate that - they make me so happy

(From Dean Leigh )
I'm extremely thankful for having a halfed monty take on the web. HT!

(From bebsico )
NONE OF YOUR F**KING BUSINESS

(From Jason Grigsby, ☁4 )
1 minute in and I near spittake

(From Jason Grigsby, ☁4 )
Haha. For research, what was it?

(From Heydon )
Absolutely brilliant, as always.

(From Christopher Kirk-Nielsen )
Pt. 2 is already in the works, I see.

(From David Luhr )
It gets so flat it become a........... LINE?????

(From Heydon )
"emaciated rectangle" lmfao

(From aria-nagrande )
I mean, what's the alternative? Even slantier cursive? 😉

(From David Luhr )
These are so good!

(From Mark Buskbjerg )
Haha I only noticed that after I copied the text across but thought it was funny so left it in.

(From Heydon )
I appreciate that you write markdown for italics with your quill pen.

(From David Luhr )
This video by @heydonworks is simply incredible. I don’t know what I was expecting but this wasn’t it, and I laughed… a lot. briefs.video/videos/how-do-…

(From JohnDunnDev )
I finally watched the « How do I draw a line » video by @heydonworks and it is really good. A perfect combo of unexpected jokes and actual content 🤌 briefs.video/videos/how-do-…

(From Louis Hoebregts )
This @heydonworks video is amazing on about 5 levels! I'm going to have to watch them all. briefs.video/videos/how-do-… cc @cogdog @jimgroom @IlnickiStudios

(From Tom Woodward )
We all have to draw a line somewhere, so here is ours: Stop whatever else you are doing and watch @heydonworks' video about drawing lines. briefs.video/videos/how-do-…

(From Tauri )
I might not be able to ever recover from the SVG naming "sverg" but this video from @heydonworks was fun and informative briefs.video/videos/how-do-…

(From Lawrence Vagner )
How DO you draw a line? If you like to learn by watching black-and-white, Monty Pythonesque, informative yet funny yet informative and funny movies, you're in luck! @heydonworks made this piece of liney art: briefs.video/videos/how-do-…

(From Roel Nieskens )
Entertainment, funny and I learned some new things along the way briefs.video/videos/how-do-… #webdevelopment #CSS @heydonworks

(From Karim Dahdah )
Another brilliant webbed brief from @heydonworks 🕸🩲 #HailSVG briefs.video/videos/how-do-…

(From Carol 🌻 )
How do I draw a line? briefs.video/videos/how-do-…

(From Sérgio Santos )
No words.... just watch it........ 💯 👏 @heydonworks briefs.video/videos/how-do-…

(From JamieKDonnelly )
This is a masterpiece!

(From Charanjit Chana 👋 )
Bonus Video: How do I draw a line? by @heydonworks briefs.video/videos/how-do-…

(From Friday Front-End )
I completely lost it a "Scalable Vector Graphics, or 'Sverg'”. 😁 Thanks @heydonworks. I was well entertained and I learned a lot. briefs.video/videos/how-do-…

(From Manuel Matuzović )
LMFAOOOOOOOO I'm one of your biggest fans on here. 🤩😭😂

(From TIM TERRY )
Love the @heydonworks draw a line video - not sure if it is on purpose, but the line next to the video is in fact not drawn in any of the 6 ways described in the video... briefs.video/videos/how-do-… border-bottom for the win!

(From EmailJay )
« Cette propriété `--lineEnd` est un peu une propriété réactive. Si vous modifiez `--lineGap` ou `lineWidth`, sa valeur est automatiquement mise à jour. JavaScript n’est pas prêt à l'emploi pour gérer ce genre de réactivité. Vous aurez besoin d'une bibliothèque comme React. » 🤓

(From HTeuMeuLeu )
lol, thanks @heydon https://briefs.video/videos/how-do-i-draw-a-line/ #shade #tea #hashtag ##

(From ❌ Maxim Lebedev )
How to draw a line? (In a computer that is). This was both funny and informative: briefs.video/videos/how-do-…

(From Alfredo Aguirre )
Bloody love @heydonworks videos, funny, thought provoking and informative. 👏🏻 briefs.video/videos/how-do-…

(From Ady Stokes )
Heydon, throwing shade on “noshade”.

(From Eric Eggert )
🤔😁👍

(From Ринат Валиуллов (4rontender) )
"A line is a type of emaciated rectangle" More video from @heydonworks briefs.video/videos/how-do-…

(From Patrick Ward )
RT @heydonworks: You’ve heard of CSS-in-JS... but have you heard of CSS-in-SVG-in-CSS-in-JS? More here: briefs.video/videos/how-do-… #WebDevelo… follow @medeepakjain #medeepakjain #learnwithdeepak #javascript #css3 #webdesign #webdev #frontend #frontenddev #meenuvatika

(From Startup Magnate )
RT @heydonworks: You’ve heard of CSS-in-JS... but have you heard of CSS-in-SVG-in-CSS-in-JS? More here: briefs.video/videos/how-do-… #WebDevelo… follow @medeepakjain #medeepakjain #learnwithdeepak #javascript #css3 #webdesign #webdev #frontend #frontenddev #meenuvatika

(From Startup Magnate )
This video is both hilarious and quite educational briefs.video/videos/how-do-…

(From Rane Bowen )
fun and informative videos 😂 from @heydonworks 👉 briefs.video/videos/how-do-… #css #javascript

(From Frederic Rousseau )
Who knew drawing a line could be so edjumacational? briefs.video/videos/how-do-… via @heydonworks

(From Todd 🦞 a.k.a Pfizer Söze )
Even if you're not a web developer, you should watch this brilliant video from @heydonworks. Everybody needs to know how to draw a line, amirite?!? 💯 briefs.video/videos/how-do-…

(From Boots v2.0: Titanium Edition 🤖 )
This dude 😂 @heydonworks briefs.video/videos/how-do-…

(From Astrit / CSS.GG )
#CSSinSVGinCSSinJS "How do I draw a line?" another great episode where @heydonworks explains the basics of the web and it's awesome 🤯 ://briefs.video/videos/how-do-i-draw-a-line/ briefs.video/videos/how-do-…

(From Stef W. )
As always, this is delightful and informative briefs.video/videos/how-do-…

(From Adam L Barrett )
Yet more evidence that CSS, unlike JS, is a proper programming language. Like always, @heydonworks is an artist when it comes to hilarious education.

(From Darius Kruythoff )
This is @heydonworks bringing some culture to your homes, referencing Jonathan Cash “okay so fine / I’ve drawn a line“ 🤣 briefs.video/videos/how-do-…

(From Gunnar Bittersmann )
Always educational (and entertaining, in a weird "British" way). Great stuff. @HeydonWorks #CSS #SemanticHTML #SVG 👌 briefs.video/videos/how-do-…

(From ssoɯpuosɐɾ@ 🇨🇦 )
Yet more evidence that CSS, unlike JS, is a proper programming language. Like always, @heydonworks is an artist when it comes to hilarious education.

(From Darius Kruythoff )
briefs.video/videos/how-do-… You should learn how to draw a line.

(From Philipp )
So much fun

(From Ollie Boermans )
Another corker here

(From Andy Bell )
A must watch....

(From Estelle Weyl )
Smooth, like jazz.

(From Kir )
Smooth, like jazz.

(From Kir )
Honestly, @heydonworks this is the best one yet. You've touched on all the important things: Bobby Hill, Satan, and <rectum> elements. 🙏

(From Andrew Rubin )
briefs.video/videos/how-do-… Hail svg 🐐 @heydonworks love your videos educational und funny af ❤️

(From stvfrnzl )
Honestly, @heydonworks this is the best one yet. You've touched on all the important things: Bobby Hill, Satan, and <rectum> elements. 🙏

(From Andrew Rubin )
Как можно нарисовать линию. Хорошо. briefs.video/videos/how-do-…

(From Тихий Бес )
Another awsome video

(From 𝕕𝔾𝕣𝕒𝕞𝕞𝕒𝕥𝕚𝕜𝕠 )
If you know WHERE to draw the line, but you don’t know how: @heydonworks’s got you covered 👇

(From Peter van Grieken )
If you know WHERE to draw the line, but you don’t know how: @heydonworks’s got you covered 👇

(From Peter van Grieken )
Title: How do I draw a line? Published: 30th April 2021 by Heydon Pickering @heydonworks Discover all the different ways you can draw lines in #CSS —from horizontal rules all the way to #WebGL #TheBriefs #DrawaLine #webdev briefs.video/videos/how-do-…

(From Pablo Lara H )
Wooot new Webbed Brief briefs.video/videos/how-do-…. Thanks @heydonworks !

(From Thain )
briefs.video/videos/how-do-…

(From dusandz )