DML
SpeedrunJS
DML | SpeedrunJS | |
---|---|---|
7 | 2 | |
27 | 3 | |
- | - | |
3.9 | 10.0 | |
3 months ago | over 1 year ago | |
JavaScript | JavaScript | |
Creative Commons Zero v1.0 Universal | - |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
DML
-
Rebuild an EMI Calculator without Next.js, TypeScript, Tailwind CSS, Recoil and Recharts
The replica uses a special approach to create fully dynamic pages just using Javascript, so, there is in fact only a single file used to create the whole application in about 220 lines of HTML/CSS/JS.
-
Introduction to DML - part 4: The power of simplicity
DML is a library, that tries to reduce the number of tools you need. It started as an experiment, but came out to work pretty well. And it brings a new twist to the game. You can find the sources on github and you are invited to contribute and to share the team. The DML project is not very well known, though it earned already some stars on github. There are some good examples on dev.to 1 2 3 4 and a reference page, that doubles as a playground too.
-
Do we really need HTML?
About two years ago I tried to find out, if you can create web pages without HTML at all, and the results where pretty amazing. There is a free library on github called the Document Makeup Library DML that is mainly a wrapper to the HTML-DOM-API. This little piece of code allows to create full featured web applications relatively fast, the introduction page is a good example of what is possible. There are some more examples on dev.to.
-
Beautiful HTML-free desk-calculator app, build with just 61 lines of Javascript, framework included...
This is only a simplified version of "make" to show the power of the concept See the DML github page for more details on the DML project, that expands the concept. To make the function more flexible, we also use a "base" variable to append new objects.
-
Introduction to DML - part 2: using functional templating
DML features a new approach to create dynamic web content using Javascript only. This enables some new design patterns. This post will explain the use of Functional Templating.
-
Inspired by....
Inspired by a nice post Simple Analog Clock Using Html, CSS & Javascript, that shows how to build an analog clock the "traditional" way, I was curious to see, how much coding it would need in my brand new framework DML, which was just released as open source.
-
Introduction to the Document Makeup Library (DML)
The Document Makeup Library (DML) is a new Javascript library that has just been released as Open Source. DML makes it increadibly easy to build complex web applications using just vanilla javascript (one language to rule them all...). It let´s you create DOM elements using the tags you are used to - not in html, but from within Javascript. h1() creates an
SpeedrunJS
-
if i wanted to learn programming as a beginner(want to go into front end development). where would you suggest i start?
Hey. I built a tool that makes it super easy to build websites/UIs. If all you know is a tiny amount of javascript then this will click instantly. Its in active development but as someones whos used React this is definitely 100x a more enjoyable experience. You can prototype your ideas and create cool stuff here.
-
I created a website/UI building tool that is beginner-friendly, object-oriented, and which you can build a website in about five minutes.
It's called Speedrun.js, and using it is about as easy as using a website builder. The code is very object-oriented and its built using equal parts CSS and p5.js, while being highly graphically efficient. The way it works is you instantiate a new Box object, and then you attach whatever methods you desire to this box object. You can give it rectangular, elliptical, or asymmetrical shape, any color and outline, an image, button-like properties, text, hyperlinks, input fields, and even momentum/physics and rotation. There's a detailed documentation file that will show you what methods exist.
What are some alternatives?
html5-boilerplate - A professional front-end template for building fast, robust, and adaptable web apps or sites.
context_menu - Simple customizable context menus for Javascript.
prettier - Prettier is an opinionated code formatter.
BudgetApp - BudgetApp has a free web app that helps you track your cash, discover new ways to save, and even build. To remain unbiased we chose not to include ourselves in the list below, but we think you’ll love us anyway.
TIC-TAC-TOE - BUILT AN TIC-TAC-TOE GAME USING JAVASCRIPT
SanKEY.js - A JavaScript library for visualizing huge Sankey diagrams.
Svelte - Cybernetically enhanced web apps
diffDOM - A diff for DOM elements, as client-side JavaScript code. Gets all modifications, insertions and removals between two DOM fragments.