33 CSS Dom Libraries

This personal portfolio website is developed using HTML5, CSS3 and JavaScript DOM. The website has contents which are past completed projects in a grid layout on the home page. And have link for the live demo and the source code.

Personal-Portfolio This project is mainly about creating personal portfolio by HTML5 and CSS3. Built With Major languages: HTML5,CSS3 Technologies use

02

This Portfolio was built entirely in HTML/CSS and JavaScript for DOM Manipulation, using technologies such as Flexbox and Grid, and applying Responsive design. It is based on a FIGMA design

Portfolio: Mobile and Desktop version This is a last milestone in the process of creating a portfolio website. Now, I'm adding the preservation of the

04

Lightweight basic CSS style sheets.

Lightweight basic CSS style sheets.

Styled CSS Base Lightweight basic CSS style sheets. If you get tired of setting up a comprehensive styling scaffold, you may try returning back to thi

05

Examples of using the DOM under Deno 🦕

Using the DOM with Deno This repository contains simple examples of using the DOM with Deno. It provides examples with several different libraries: de

06

About A step by step guide to learn the concept of HTML, DOM tree, and web development in 10 days.

10 Days Of HTML Author: Priyanshu Mundra Some of the terminologies you may come across in this challenge: client, server, web developer, web designer,

07

A random background color changer. This is a good project to get you started working with the DOM.

ColorFlipper A random background color changer. This is a good project to get you started working with the DOM. By manipulating the DOM, you have infi

08

Semantic search across every YC company ever. Vibe check your idea?

Semantic search across every YC company ever. Vibe check your idea?

YC Vibe Check 🦄 YC Vibe Check uses semantic similarity to search Y Combinator's entire portfolio of over 3,000 companies by descriptions of ideas or

09

This repository contains 50 mini-projects in HTML, CSS and JavaScript related to the DOM (Document Object Model). The construction stages of the projects are published on YouTube.

50 Gün 50 Proje İçerik: Tamamen proje bazlı bir depodur. Yeni başlayan ve orta düzey geliştiriciler için basic projeler içerecektir. HTML, CSS, DOM (B

10

This AI Does Not Exist: generate realistic descriptions of made-up machine learning models.

This AI Does Not Exist: generate realistic descriptions of made-up machine learning models.

This AI Does Not Exist generates realistic descriptions of made-up machine learning models. Modelexicon is what it was called before I bought the domain.

11

A web-site that is related to NFTs topic based on Javascript DOM manupilation, html5 and css3 with linters experimentations.

A  web-site that is related to NFTs topic based on Javascript DOM manupilation, html5 and css3 with linters experimentations.

A web-site that is related to NFTs topic based on Javascript DOM manupilation, html5 and css3 with linters experimentations.

12

CSS inspection aided by visual regression pruning

CSS inspection aided by visual regression pruning

Ply Ply is a lightweight DOM and CSS inspector. It introduces novel CSS analysis techniques to help less-experienced developers inspect and learn from

13

This is a nice, small project to practice handling user interactions and updating the DOM.

This is a nice, small project to practice handling user interactions and updating the DOM.

Interactive rating component This is a nice, small project to practice handling user interactions and updating the DOM. This is a solution to the Inte

14

CSS masonry layout, only needs JS to re-order an array, no DOM manipulation

CSS masonry layout, only needs JS to re-order an array, no DOM manipulation

Live Demo: https://masonry-css-js.netlify.com/ CSS column-count for masonry-style layouts is dead easy (couple lines of CSS and very minimal markup to

15

This project is an example of how DOM can be manipulated through the use of JavaScript

Landing Page Project This project is an example of how DOM can be manipulated through the use of JavaScript. Table of Contents Project Title Getting S

16

Pig is a simple dice game. Players take turns to roll a single dice as many times as they wish

Pig is a simple dice game. Players take turns to roll a single dice as many times as they wish

Pig is a simple dice game. Players take turns to roll a single dice as many times as they wish, adding all roll results to a running total, but losing their gained score for the turn if they roll a 1.

17

Manipulate the DOM with Vanilla Javascript

Manipulate the DOM with Vanilla Javascript Hey There! This Repo is a follow-up to Awixor's 1337-HtML-CSS-workshop. Please make sure to check that out

18

Case study of a Micro-Frontend app using Module Federation with React

Case study of a Micro-Frontend app using Module Federation with React

POC Micro-Frontend In this repository you'll find a case study of an app using the concepts of Module Federation (Webpack 5) with React and using reac

19

Generates an image from a DOM node using HTML5 canvas

DOM to Image What is it dom-to-image is a library which can turn arbitrary DOM node into a vector (SVG) or raster (PNG or JPEG) image, written in Java

20

Morph DOM elements from one state to another with smooth animations and transitions

Morph DOM elements from one state to another with smooth animations and transitions

ramjet Installation npm install ramjet, or download ramjet.js. Quick start div id='a' style='background-color: red; font-size: 4em; padding: 1em;'a

21

Provide an elegant and configurable tips message block (tooltips) on your DOM element while mouse hover or focus on. (pure CSS)

Provide an elegant and configurable tips message block (tooltips) on your DOM element while mouse hover or focus on. (pure CSS)

eleganttip.css Provide an elegant and configurable tips message block (tooltips) on your DOM element while mouse hover or focus on. (pure CSS) Here is

22

Animation library that mimics CSS keyframes when scrolling.

Animation library that mimics CSS keyframes when scrolling.

Why Motus ? Motus allows developers to create beatuful animations that simulate CSS keyframes and are applied when the user scrolls. Features Node & B

23

Cross browser library for handling CSS animation and transition DOM events with a fallback pattern for unsupported browsers.

CSS animation event A very small (approx 800 bytes minified and gzipped) cross browser compatible library to handle CSS3 animation and transition DOM

24

Fast & Robust Front-End Micro-framework based on modern standards

Chat on gitter Hello slim.js - your declarative web components library import { Slim } from 'slim-js'; import { tag, template } from 'slim-js/decorato

25

A lightweight Kotlin web framework for backend developers 🦆

Kweb 🦆 Quick Start Read Getting Started from the User Manual. Overview Kweb is a new way to create beautiful, efficient, and scalable websites in Kot

26

🥜 goober, a less than 1KB 🎉 css-in-js alternative with a familiar API

🥜 goober, a less than 1KB 🎉  css-in-js alternative with a familiar API

🥜 goober, a less than 1KB css-in-js solution. 🪒 The Great Shave Off Challenge Can you shave off bytes from goober? Do it and you're gonna get paid!

27

Full CSS support for JSX without compromises

Full CSS support for JSX without compromises

styled-jsx Full, scoped and component-friendly CSS support for JSX (rendered on the server or the client). Code and docs are for v3 which we highly re

28

Full CSS support for JSX without compromises

Full CSS support for JSX without compromises

styled-jsx Full, scoped and component-friendly CSS support for JSX (rendered on the server or the client). Code and docs are for v3 which we highly re

29

CSS Object Model implemented in pure JavaScript. Also, a CSS parser.

CSSOM CSSOM.js is a CSS parser written in pure JavaScript. It is also a partial implementation of CSS Object Model. CSSOM.parse("body {color: black}")

30

Building Facebook Clone using React, Tailwind CSS, Node.js, Express, GraphQL, and TypeScript.

Building Facebook Clone using React, Tailwind CSS, Node.js, Express, GraphQL, and TypeScript.

facebook-clone Building Facebook Clone using React, Tailwind CSS, Node.js. GraphQL and TypeScript 🔥 Installation Client Side cd client yarn install

31

This is my first capstone project for HTML/CSS module at Microverse. It also includes some JavaScript DOM manipulation.

This is my first capstone project for HTML/CSS module at Microverse. It also includes some JavaScript DOM manipulation.

Yuriy Chamkoriyski Capstone project 1 - React Summit 2022 First capstone project at Microverse. Description The project you are going to build is base

32

CSS classes to move your DOM!

CSShake Some CSS classes to move your DOM! Live Demo Download Center You could download the complete csshake.css file or separated files for each shak

33
1