Design Engineering

A CSS methodology oriented towards simplicity and consistency with a heavy dosage of pragmatism.

Much like CSS Grid (my other Medium tutorial) Flex Box is quite complex because it consists of not one but two element types: The container…

MageTools is DevTools reimagined. Inspect styles 5x faster. Add CSS in real time. Easily jump between parents and children.

I want to make a sidebar where the text is rotated and centered inside the sidebar. I want this in text and css, not background image or something... How would something like this be done in css? I

Our comprehensive guide to CSS flexbox layout. This complete guide explains everything about flexbox, focusing on all the different possible properties for the parent element (the flex container) and …

From time to time at Stackoverflow, the question pops up whether there is an equivalent to the stroke-dashoffset technique for animating the SVG stroke

Have you heard this term going around? It's quite in vogue. It's very related to The Big Conversation™ on the web the last many years. How are we

Dynamic properties provide opportunities for new creative ideas, but also the potential to add complexity to CSS. To get the most out of them, we might need a strategy for how we write and structure CSS with custom properties.

Animista is a place where you can play with a collection of ready to use CSS animations, tweak them and download only those you will actually use.

DeepAR.ai is an SDK for Snapchat face filters, face lenses and effects for any iOS, Android, Unity or HTML5 app. Full face detection, face tracking software for AR and Augmented Reality advertising

This story map was created with the Story Map Cascade application in ArcGIS Online.

Formats the Html codes.FormatFix the Html to be XHtml compliantFix Write Validate that the text is XHtml compliant.Validate Proofing

Turns a folder into a blog automatically. Use your favorite text-editor to write. Text and Markdown files, Word Documents, images, bookmarks and HTML in your folder become blog posts.

Easily find HTML symbols, entities, characters and codes with ASCII, HEX, CSS and Unicode values for HTML arrow, ASCII arrow, and more in grid or table format.

Part of my job at NomadList, RemoteOK et al. is to keep the sites fast and responsive, even from an influx of traffic to Pieter’s latest app. Launches are usually kept controlled by exporting the pages to static HTML files and serving using Nginx. However, in the best interest of server CPU load, processing time and futureproofing, I’ve recently begun profiling our PHP code and optimising out any issues.

Search Engine Land's Guide to SEO Chapter 3: HTML Code & Search Engine Ranking Success Factors explains HTML elements & using structured data.

HTML 5.2 has introduced a new element for native modal dialog boxes. At first glance, it seems fairly straightforward (and it is), but as I’ve been playing around with it, I’ve found it

Export WAV sequences using an emulation of Roland TR-909, Roland TR-808, LinnDrum, MachineDrum and Akai MPC hardware.

Free JavaScript resources giving you the headstart you need to learn JavaScript.

Create secure and private web apps using only static JavaScript, HTML, and CSS.

Modern JavaScript Tutorial: simple, but detailed explanations with examples and tasks, including: closures, document and events, object oriented programming and more.

An opinionated Javascript framework that combines React, GraphQL, Prisma2, SQL, and lots more out of the box.

Nick, a Front-End Engineer at ActiveCampaign, shares his approach to learning a new Javascript framework — and how you can get started doing the same.

Create interactive data tables in seconds with Tabulator. A lightweight, fully featured JavaScript table generation library.