links.lmorchard.com - #dom

The Web Platform is a Triumph of Object-Oriented Programming | That HTML Blog

Thu, 18 Dec 2025 21:01:09 +0000

It’s not just that web APIs often take advantage of OOP. They would not exist without OOP! Virtually every web API you have ever used is designed specifically within the OOP paradigm. And every entity in the lifecycle of a web page is based on objects. These objects are instances of classes and in a great many cases these classes are subclasses of other classes. This means that key functionality is spread across a class hierarchy. That isn’t a bug, it’s a feature! And this means that it’s absurd to think that to write a web app you need to reach for a “framework”. The Web Platform is a framework.

Tags: #dom #html #js #web #webdev

Constraint validation - HTML: HyperText Markup Language | MDN

Wed, 30 Oct 2024 04:08:16 +0000

The creation of web forms has always been a complex task. While marking up the form itself is easy, checking whether each field has a valid and coherent value is more difficult, and informing the user about the problem may become a headache. HTML5 introduced new mechanisms for forms: it added new semantic types for the element and constraint validation to ease the work of checking the form content on the client side. Basic, usual constraints can be checked, without the need for JavaScript, by setting new attributes; more complex constraints can be tested using the Constraint Validation API.

Tags: #dom #forms #html5 #webdev

Referencing DOM from JS: there must be a DRYer, safer way

Fri, 21 Jun 2013 15:49:40 +0000

It bothers me when I realize that I'm relying on CSS class names in my JS

Tags: #css #dom #imported:pinboard #javascript #js #webdev

hij1nx/weld - GitHub

Tue, 10 May 2011 16:23:41 +0000

Simple. Weld binds data to markup, and can generate markup based on your data. There's NO special syntax or data reshaping required. It works in the browser and in node.js! Weld is currently 3.66Kb uglified with no dependencies other than a valid DOM. Weld will apply values to elements the way that elements expect to have their values set.

Tags: #dom #javascript #node #nodejs #webdev

Using SimpleXML with HTML | drewish.com

Wed, 21 Apr 2010 17:41:30 +0000

"PHP 5's SimpleXML module is one of the the biggest reasons to upgrade to 5. If you're parsing RSS feeds or the results of webservice requests it works beautifully and saves a ton of time. The only problem with it is that it'll only load valid XML. I banged my head against it for way to long before coming up with the following:"

Tags: #dom #html #php #scraping #simplexml #webdev #xml

rc3.org — Filtering versus conditional logic

Wed, 15 Oct 2008 12:35:21 +0000

"What I’m wondering is why more server-side frameworks don’t have similar selector-based DOM manipulation tools built in. Wouldn’t it be cool if you could attach such filters to views on the server side and manipulate the output page before it’s presented? Why isn’t this more common?"

Tags: #dom #filtering #frameworks #webdev

Home — chain.js — GitHub

Fri, 22 Aug 2008 04:10:37 +0000

"Chain.js is a jQuery plugin, providing data-binding capability that allows you to generate web contents automatically by binding your data to html."

Tags: #dom #javascript #jquery #templating #webdev

Ajaxian » replaceHTML for when innerHTML dogs you down

Fri, 14 Sep 2007 17:21:27 +0000

"Steven Levithan, of RegexPal, ran into some performance issues with innerHTML due to the fact that "every keydown event potentially triggers the destruction and creation of thousands of elements" so he started to look into it."

Tags: #ajax #dhtml #dom #domscripting #webdev

In the Trenches: Another IE Gotcha - Dynamiclly Created Radio Buttons

Thu, 30 Aug 2007 05:06:43 +0000

"As soon as I think I have it all worked out I bump into another oddity between Firefox and IE and handling the DOM. Specifically adding a radio button (or set of them) dynamically."

Tags: #bugs #dom #ie6 #javascript #js #msie6 #radio #webdev

UT| Event delegation without a JavaScript library

Sat, 25 Aug 2007 03:31:43 +0000

"For those of us just building a bog standard JavaScript application without one of these fancy libraries, it’s worth taking a look at how event delegation works in the real world."

Tags: #dom #domscripting #eventdelegation #js #webdev

elzr: HyperScript - A 16-line hack to make the JS DOM API a tad more humane.

Tue, 17 Jul 2007 18:59:37 +0000

"HyperScript is a bizarre and quixotic attempt to write French in English; that is, HTML in Javascript."

Tags: #dom #html #javascript #webdev

Xirium Directory

Sun, 17 Jun 2007 10:00:50 +0000

Nice mouse-wheel magnification on image-hover via JS/DOM

Tags: #dom #hackdaylondon #js #webdev

Ajaxian » The One True Way to Open a Window in JavaScript

Wed, 16 May 2007 18:36:20 +0000

"unobtrusively add on to an item"

Tags: #dom #javascript #webdev

jquery ^ 2

Fri, 13 Apr 2007 19:51:13 +0000

Not the sequel to jQuery, but a Ruby-esque domain-specific language demo for constructing jQuery calls.

Tags: #dom #javascript #jquery #js #webdev

DOM Scripting: The Ajax/Flash continuum

Wed, 28 Mar 2007 18:25:57 +0000

"I’m talking specifically about situations where you are going to have a technological barrier to entry in any case. I’m just suggesting that Flash is a lower barrier than Ajax."

Tags: #ajax #dom #flash #javascript #webdev