Inside HTML5

Information about HTML5/CSS3/JavaScript technologies. Now with new options that will help you to use this page as a resource for web development. Mr. Brain New options on blog New options on blog 2 .rounded-corners { -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; } .hr_custom { height: 30px; border-style: solid; border-color: white; border-width: 1px 0 0 0; border-radius: 20px; } .hr_custom:before { /* Not really supposed to work, but does */ display: block; content: ""; height: 30px; margin-top: -31px; border-style: solid; border-color: white; border-width: 0 0 1px 0; border-radius: 20px; }

[insidehtml5]

[insidehtml5]

Typography has always been a keen interest of mine, long before we were able to use fonts on the web. And while we’ve had the ability to that now for ten years, we’ve always been constrained by balancing the number of fonts we want to use with the amount of data to be downloaded by the viewer. While good type and typography can bring huge benefits to design...

[insidehtml5]

I love JavaScript, but I love rendered HTML much more, so I challenged myself to convert James' client-side JS code to something that rendered HTML. I wanted to do it as quickly and as concisely as possible.

[insidehtml5]

Speaking CSS is like speaking English, or any other spoken language - there are many words, but you only end up using a small subset of them…

[insidehtml5]

Beautiful Scrolling Experiences – Without Libraries

Michelle Barker appears as one of a heavenly host, coming forth with scroll in hand to pronounce an end to janky scrolljacking! Unto us a new specification is born, in the city of TimBL, and its name shall be called Scroll Snap.

[insidehtml5]

[insidehtml5]

trekhleb/nano-neuron

🤖 NanoNeuron is 7 simple JavaScript functions that will give you a feeling of how machines can actually "learn" - trekhleb/nano-neuron

[insidehtml5]

Calculating Color: Dynamic Color Theming with Pure CSS

Una Kravets' Blog | Did you know that you can build custom dynamic color themes without the use of JavaScript or a CSS preprocessor!? Read on!

[insidehtml5]

Techniques for Rendering Text with WebGL | CSS-Tricks

As is the rule in WebGL, anything that seems like it should be simple is actually quite complicated. Drawing lines, debugging shaders, text rendering…

[insidehtml5]

Accessibility Tips for Web Developers

When designing for accessibility, there are six key areas of disability to consider: visual, hearing, mobility, cognition, speech and neural.

[insidehtml5]

Motion Paths - Past, Present and Future | Codrops

Let's explore a few ways of moving an element along a path, including the upcoming CSS motion path module and the newly released GSAP3.

[insidehtml5]

It's Centred That | Test Your Inner Designer Eye

Do you think you've got a designer's eye? Test your skills and judge whether the dots are really in the middle of the shapes. Will you get them all right?

[insidehtml5]

Learning Modern JavaScript with Tetris

Today, I’m taking you along for a journey in game development with the classic game of Tetris. We are going to touch upon concepts like…

[insidehtml5]

7 Uses for CSS Custom Properties

Custom properties (also known as CSS variables) allow us to store property values for re-use in our stylesheets. If you’re relatively new to…

[insidehtml5]

Drawing Homer Simpson using circles in CSS

As part of a CodePen challenge, we drew Homer Simpson in CSS... using circles only!

[insidehtml5]

Building a Physics-based 3D Menu with Cannon.js and Three.js | Codrops

Learn the basics of doing physics in WebGL by building a 3D menu with Cannon.js and Three.js as renderer.

[insidehtml5]

Interactive password requirement checker