The Art of Pure CSS 

So now when my boss sends me artist renditions of how he want the website to look I can just convert it to a css image and go back to playing Minesweeper.

Damn, this guy is great at the deadpan comedy

CSS is simultaneously really easy to understand and really "wtf even is this"

Who needs html, just draw text and everything in css. It’s much easier

whenever I see someone going through the sass docs i get a real “i can see my house from here” vibe cause those little arrows on the tabs of sass vs css were my first open source contribution back in the day - great video btw :)

"You want to make Mario? It's a me, Carpal tunnel." I DIED LOL

"you can also draw gex" I'm sold

0:19 That ominous pause before typing the L after nh lmao truly a man of culture

Unrelated but, One time my website design teacher told us to make a website with a bunch of different requirments but it was only one page. Normally he makes us link it to other stuff but this time he didn’t so I drew everything in mspaint and then inserted a single image into the page. I got a 100 for that :)

when I see the "nh" typed into the bar, I'm not expecting it to get followed with hockey

"I'm having this ominous feeling as if I'm being watched. Oh hey let's talk about web browsers." This guy is the master of changing topics, where can I learn this power?

Watched this while eating soup. I thoroughly enjoyed it. The video too.

“Will accessibility forever act as an Avenue for abuse” Me: wut *image of bad piggies Me: it all makes sense now

and that's it, you're my new favorite youtuber

the art of pure css isn't red, magenta, and black as most would believe

Still don’t know how to center a div after multiple classes using HTML

As an experienced front end developer I can confirm that when Im writing css I don't know a single thing I'm doing

"new and inventive ways to use it as little as possible" 😂 edutainment is an elusive art and this man is mastering it 👏👏👏

Making art with CSS is pretty easy But making responsible CSS art is impossible

That RNG guessing game is the best analogy i have ever heard for this.

this video re-taught me html and css from when i learnt it 9 years ago in a couple of minutes

0:16 Starting out stating the facts, that's what I like in a video.

"Whether is edge, chrome or any of the better ones..." Bro... I love you.

The entire video: summarizing an html/css course The conclusion: humanity will ultimately be doomed to its failure to cooperate with itself

"you can also draw gex" say no more im sold

I was not prepared for the mashup at the end Also the timing of beeg yoshi with your commentary was on point

came for the meme, left with one of the best intros to HTML and CSS I've ever seen As a react engineer, I love this for newcomers, thank you :)

I wish my profs were as engaging as you man damn. Fantastic video!

9:35 "Fraud" **shows picture of fat Yoshi** Not suggesting anything but I think that was not entirely accidental

Drawing pixel by pixel on css is basically reinventing image formats that use index color table, like gifs, and comes with the same caveats.

I was so happy when Junferno finally showed Astolfo, though he was kinda late in the video and not as hidden as other videos. I like the Astolfo searching game, but please increase the difficulty a bit.

1:24 "The best way", wait are there other ways to style websites that I don't know about 👀

Love the videos recently. Entertaining, informative and funny all at once, a great and hard to master mix

Don’t think I’ve ever seen such a dark topic followed by such a hard hitting song

you know you've been a web developer too long when this stuff forces your mind into the darkest recesses of coffee fueled 2 am coding sessions

Truly amazing what the human mind is capable of achieving with enough time and dedication.

HOLY SCHIETT I NEED A FULL VERSION OF THIS MASHUP

I really wasn't expecting that ending. Great work! Looking forward to the next one

the bst maze-walking implementation for making the css drawing more efficient is pretty genius. Really cool to learn about this even if I'll never code like this

of all programming channels in youtube, you are the first (in english) that i really like and enjoy seeing, new sub ofc

Great humor; especially loved "It's a me! Carpal Tunnel." 4:09

I really love CSS, this summed up my experience on my journey of becoming a fullstack developer. I would not be surprised if one day I see you making Bad Apple using Three.js or any similar framework.

please continue to make informational videos like this, I could listen to you for HOURS

"etcetera" >compilation of king dedede photos< you got yourself a subscriber.

Only discovered your content quite recently and I'm loving the sort of computer science content explaining how things work! Keep up the good work! :)

ok I watched bad apple in command prompts, subscribed, never watched again. Holy fuck I am going to watch every single one of your uploads this was super well made

1:39 The font at this time stamp (specifically the title) is called 'Noto Sans'. (The joke is that the text reads 'Arial Black', and isn't the same font as the actual title)

Dude this style of comedic explanations is gold It's reminiscent of Scott The Woz's comedy

"You want to make Mario? It's me, Carpal Tunnel" 4:09 🤣

That feeling when you find an underrated programming channel, subbed!

I like the Nintendo theme throughout the video, from the music, to the images.

this is an UTTERLY fantastic video, well explained, well edited, well written, etc., but i also feel the need to say EXCELLENT use of video game music. your taste is immaculate

Amazing video, great humor and never expected to hear Dark Pit's theme ever outside of the Kid Icarus game

1:07 WAIT A MINUTE

2:17 lmaoo this was good

Damn, this guy taught the basics of web developing in the first 5 min. Congrats, great video!

3:22 IS IT GEX NIGHT?

I really enjoy watching your videos at 4:00am in the night

This weeb just taught me more than school ever could about web design

POV: you got caught stalking and you're now getting punished

This was not only informative but the subtle humour throughout this video was hilarious

HTML is like the structure of the human body-where every part is placed. CSS is like the looks-eye color, hairstyle, clothing etc. JavaScript is like the human body's function and behavior-how the person reacts, speaks, thinks etc.

I never noticed the cloud design on your wall, definitely makes it better than it already is

Dude that ending 😩👌

did not expect bad apple pure css tube to end up in my recommendations today, not gonna lie

6:44 man of culture

i don't know how i recognized every background soundtracks you used. thank you for this amazing video :) and remember, if you know CSS, you can join in too!

That concluding statement is exactly how my brain wor -- oooh, Bad Apple.

paint: who are you? excel: i'm you, but stronger vs code: *hey*

1:13 This right here is the reason I spent 5 minutes constructing my first ever (bare) website.

your comedic timing has really improved

Dang, this was amazing! The video itself is art, great style

9:35 fraud and yoshi, subtle, yet classy

Many see that, as just a guy with a LOT of free time. But, almost anyone perceives how much knowledge this dude has, to be able to think in such cool solutions.

9:34 "The hosting of internet fraud" *yoshi shifts feet nervously*

Talking about the dangers of the web with Wario and Yoshi in the background is perfect lmao

I can't believe you managed to explain something as complicated as the web in such a comprehensive way and in such a short amount of time

This is the first video I've seen on this channel and I already love it. You deserve this sub totally!

A Junferno video is simply not complete without some form of bad apple in it

Oooo I really enjoyed the video. Subscribed straight away

Just found this video on the side bar for a Source Gaming Smash video and I thought this was about Character Select Screens (wrong CSS on my part, I guess), but a very interesting video. Good Job!

Please never stop making videos they're too beautiful to go without

Is bad apple just a rick roll? I am not complaining, but this might start a new awakening of this classic meme.

these vids are so good and informative. keep going June!

you may be my favorite smaller youtuber. godspeed on your way up!

Death by Glamour, being a synonym to style in a sense, was a clever choice.

I have only watched 20 seconds and you got me subbed. The meme game is strong.

My computer was too weak to run the DK rap video. It actually locked up and restarted itself because it was too powerful. I'm not sure if this is a blessing or a curse but thank you.

extremely underrated channel, really hope you blow up soon and make it big

“Wanna draw mario, its a me, carpel tunnel” “rgb mahogany, i cant remember, or united nations blue”

I'm actually working on a CSS project right now using the clip-path: polygon functionality of CSS. Pro tip: once you define a series of polygons via classes in CSS, you can give all of those polygons a shared class name, grab that name in JS and turn the divs into an array, and then loop through the array and apply lots of interesting animated effects to it.

Your humour is amazing, your demonstration while talking is on point! Me loves!

CSS _is_ a programming language. It just targets a different problem domain than JavaScript does. The thing that confuses people is that when they think of a programming language, they fundamentally think of languages that support an imperative paradigm. Imperative means that a program consists of a list of instructions that are executed sequentially. Most programming languages are imperative and there are even sub-classes like structured (logic can be embedded in high level structures such as loops and conditional statements), procedural (logic can be encapsulated into reusable units), object-oriented (logic and data can be encapsulated together into reusable units), and functional (logic can be treated as data and applied to data, recursively so). However, CSS, like SQL, is _declarative._ Declarative means that you "say what to do" instead of "how to do it". Nothing is required to be executed linearly in CSS. CSS is just a collection of specifications on how content should look, and the browser can apply these transformations in any order. Just because it doesn't look like a programming language doesn't mean it definitely isn't one. HTML is definitely not a programming language, though. Like XML, JSON, Markdown, or MPEG-4, HTML is a data format. There is no logic in HTML as it just encodes content in a structured form. The distinction with CSS is that CSS is programmable: you program it to select specific classes of elements and apply transformations to them. There is no such facility in HTML. If you want to apply a red background to a span element in HTML, you have to manually go to the element and add a "style=background:red" attribute to it. There is no general way in HTML to say "Take all of these span elements and add a red background to them". You can add CSS code directly into an HTML file via style tags, but saying this adds programmability to HTML is like writing a shell script that opens firefox and calling said script a web browser.

understood close to nothing but i still sat thru the whole video for obscure junferno lore

Give this dude a frickin sponsor, he deserves it

just learned more about css and html in 5 minutes than i did in my first 2 years of cs what a life

I learned this 10 years ago, on my own time, voluntarily without expecting anything in return. I forgot everything

i am 28 in this video and i know i want to watch a lot more of your videos. definitely subbed.

It's-a-me! Carpal tunnel!

the ending shot of the Nintendo GameCube Donkey Kong Bongos was beautifully executed foreshadowing. a true storytelling genius of our time