Search Results for "html css code tester"
Sort By:
Showing 138 open source projects for "html css code tester"
View related business solutions-
Cut Data Warehouse Costs by 54%BigQuery delivers 54% lower TCO with exabyte scale and flexible pricing. Free migration tools handle the SQL translation automatically.
-
Build Agents and Models on One PlatformGemini Enterprise Agent Platform is Google Cloud's comprehensive platform for developers to build, scale, govern, and optimize agents and models. Choose from Google's most advanced models and third-party models like Anthropic's Claude Model Family.
-
1
CSS Inspiration
Curated collection of interesting, creative, or inspiring CSS effects
CSS-Inspiration is a living gallery of modern CSS effects and components that highlights what’s possible with pure CSS and minimal markup. The collection ranges from micro-interactions and loaders to 3D transforms, complex backgrounds, hover states, and text effects, each presented as a small, self-contained demo. Source code is front and center, encouraging developers to study, copy, and tweak snippets for their own projects. Many examples lean on contemporary features—custom properties,... -
2
This repository provides a set of hands-on CSS exercises that accompany the HTML and CSS modules in The Odin Project curriculum. The tasks are designed to be completed at specific points in the course, reinforcing each concept right after it is introduced. Learners are encouraged to use documentation and external resources freely, reflecting real-world workflows rather than rote memorization. Each exercise focuses on practical styling problems, from selectors and specificity to layout...
-
3
CSS Grid Generator
Generate basic CSS Grid code to make dynamic layouts
...Once the layout is arranged, the tool generates the corresponding HTML and CSS you can copy into your project—thus bridging the gap between design and code. The interface supports drag-and-drop of “divs” into grid cells, and you can experiment with grid gaps, spans and layout refinements in real time. Because it removes the barrier of hand-writing complex grid-template or grid-area definitions, it’s particularly useful for designers who are less comfortable with CSS or want rapid prototyping of grid layouts. -
4
Phoenix Code Editor
Phoenix is a modern open-source Code Editor for the web
Phoenix is a modern open-source and free software code editor for the web, built for the browser. -
99.99% Uptime for MySQL and PostgreSQL DatabasesCloud SQL Enterprise Plus delivers near-zero downtime with 35 days of point-in-time recovery. Supports MySQL, PostgreSQL, and SQL Server.
-
5
htmx
Hgh power tools for HTML
htmx gives you access to AJAX, CSS Transitions, WebSockets and Server-Sent Events directly in HTML, using attributes, so you can build modern user interfaces with the simplicity and power of hypertext. htmx is small (~14k min.gz’d), dependency-free, extendable & has reduced code base sizes by 67% when compared with react. -
6
Vanilla Framework
From community websites to web applications, this CSS framework
Backed by open-source code and written in Sass by the Canonical Web Team. Vanilla contains a responsive CSS grid, basic style for HTML elements and a selection of key useful patterns and utility classes that you can extend. Designed to be composable, you can include the whole framework to avail of all styles or you can use only what you need for your project. -
7
Electron
Build cross-platform desktop apps with JavaScript, HTML, and CSS
Electron is an open-source framework that uses Node.js runtime and the Chromium web browser thereby allowing you to build apps with JavaScript, HTML, and CSS. It is compatible with Mac, Windows and Linux and comes with convenient features such as automatic updates, app crash reporting, debugging and profiling and more. It takes care of the hard parts so you can focus on the core of your app. Initially developed for the Atom editor, Electron is now the framework of choice for dozens of popular desktop apps including Microsoft's Visual Studio Code. -
8
JS-Beautify
Beautifier for javascript
js-beautify is a command-line and Python-based tool that beautifies and formats JavaScript, HTML, and CSS code. It helps improve code readability by enforcing consistent indentation and style rules. Widely used in development workflows and CI pipelines, it supports customization through config files and can process both single files and entire projects. -
9
interactive-examples
Home of the MDN live code editor interactive examples
Home of the MDN interactive code examples. The dynamically generated pages, their dependencies, and assets are generated to the prod branch. -
$300 Free Credits to Build on Google CloudPut your $300 in credit toward real workloads, then keep building with free monthly usage for 20+ products. No commitment and no charge until you upgrade.
-
10
Tacit
CSS framework for dummies, without a single CSS class
...Tacit's goal is to be super simple and always with the same look-and-feel. If you want something more custom, like a different theme, feel free to make it on top of Tacit. You should not use any CSS classes to make your HTML code look nice. Just make sure it is HTML5 compliant and you'll be fine. -
11
UIkit
Lightweight modular front-end framework for developing web interfaces
A lightweight and modular front-end framework for developing fast and powerful web interfaces. UIkit will work on pretty much any modern browser. Using UIkit works best if you have a solid code editor, for example Sublime Text or Atom. To be even more efficient, we recommend that you install one of the autocomplete plugins for your favorite IDE or code editor. This saves a lot of time, as you won't have to look up and type all UIkit classes and markup. To use UIkit's CSS and JavaScript, include the files in your own HTML and then create the markup of any of the components. ... -
12
LaTeX.CSS
LaTeX.css is a library that makes your website look like a LaTeX doc
This almost class-less CSS library turns your HTML document into a website that looks like a LATEX document. Write semantic HTML, and you are good to go. The source code can be found on GitHub. LaTeX.css is a minimal, almost class-less CSS library that makes any website look like a LaTeX document. Add any optional classes to elements with special styles (author subtitle, abstract, lemmas, theorems, etc.). -
13
Acode
A powerful text/code editor for Android
Welcome to Acode Editor, a powerful and versatile code editing tool designed specifically for Android devices. Whether you're working on HTML, CSS, JavaScript, or other programming languages, Acode empowers you to code on-the-go with confidence. Step into the future of coding with our innovative plugin system. This all-new feature is compatible with a wide range of plugins, increasing Acode's functionality to meet all your development needs. -
14
TACHYONS
Functional CSS for humans
...Documentation helps promote reusability and shared knowledge. CSS shouldn't impede accessibility or the default functionality of HTML. You should send the smallest possible amount of code to the user. Usable across projects. Growing open source component library. Works well with plain HTML, React, Ember, Angular, Rails and more. Infinitely nestable responsive grid system. Built with PostCSS. Optimized for maximum gzip compression. -
15
marko
A declarative, HTML-based language that makes building web apps fun
A declarative, HTML-based language that makes building web apps fun. If you know HTML, CSS, and Javascript, you know Marko. Streaming, partial hydration, an optimizing compiler, & a small runtime. Start with simple HTML templates and add powerful components as needed. Marko is powering high-traffic websites like ebay.com. Marko is HTML re-imagined as a language for building dynamic and reactive user interfaces. -
16
tabler icons
1950 free MIT-licensed high-quality SVG icons
...Free and open-source icons designed to make your website or app attractive, visually consistent, and simply beautiful. Each icon is designed on a 24x24 grid and a 2px stroke. All icons are built with SVG, so you can place them as <img>, background-image and inline in HTML code. If you load an icon as an image, you can modify its size using CSS. You can paste the content of the icon file into your HTML code to display it on the page. Import the icon and render it in your component. You can adjust SVG properties through React props. Angular components are available through the angular-tabler-icons package. ... -
17
Sigma's Web Development Course
Source Code for Sigma Web Development Course
Sigma Web Development Course is the source-code repository for a Hindi-language web development training series. It is structured around individual video lessons so learners can follow the code demonstrated throughout the accompanying course. The material is intended for beginners as well as intermediate developers who want to strengthen their web development skills. Core subjects include HTML, CSS, JavaScript, front-end development, back-end development, and database integration. ... -
18
layui
Classic modular front-end UI framework
Created by professional front-end, for full-level front-end and back-end developers, a low-threshold, out-of-the-box front-end UI solution. Layui (homonym: UI-like) is a front-end UI framework written with its own module specifications, following the writing and organization of native HTML/CSS/JS, with a very low threshold and ready to use. Its exterior is minimalist, but it does not lose its fullness. The volume is light and the components are abundant. Every detail from the core code to the API has been carefully crafted, which is very suitable for the rapid development of the interface. The first version of layui was released in the golden autumn of 2016. ... -
19
Bootstrap Table
Extended table to integration with some of the most widely used CSS
Include Bootstrap Table source CSS and JavaScript files via npm or yarn. When you only need to include Bootstrap Table’s compiled CSS or JS, use UNPKG. Download Bootstrap Table to get the compiled CSS and JavaScript, source code, or include it with your favorite package managers like npm, bowser, and more. Install and manage Bootstrap table’s CSS, JavaScript, locales, and extensions using npm. Install and manage Bootstrap table’s CSS, JavaScript, locales, and extensions using bower. Be sure... -
20
a11y.css
This CSS file intends to warn developers about possible risks
This CSS file intends to warn developers about possible risks and mistakes that exist in HTML code. It can also be used to roughly evaluate a site's quality by simply including it as an external stylesheet. When activating the stylesheet, a tip should appear beside each incriminated elements, displaying what’s going on. This file is not a replacement to a complete tool such as aXe, Tanaguru or Tenon. -
21
Prettier
Opinionated Code Formatter
...Simply press save and your code is formatted. Prettier supports several languages including JavaScript, TypeScript, JSON, CSS, HTML and more. It also integrates with most editors (Atom, Visual Studio, Vim, Espresso and more). -
22
flag-icons
A curated collection of all country flags in SVG
A curated collection of all country flags in SVG, plus the CSS for easier integration. For using the flags inline with text add the classes .fi and .fi-xx (where xx is the ISO 3166-1-alpha-2 code of a country) to an empty <span>. If you want to have a squared version flag then add the class fis as well. You could also apply this to any element, but in that case you'll have to use the fib instead of fi and you're set. This means that the flag is just going to appear in the middle of an... -
23
Lightning Web Components
A Blazing Fast, Enterprise-Grade Web Components Foundation
Lean, lightweight runtime optimized for performance, with minimal boilerplate code. Lightning Web Components uses standard HTML, modern JavaScript (ES6+), and the best of native Web Components. Leave abstractions behind and build custom elements with HTML, JavaScript, and CSS. Lightning web components are custom elements built using HTML and modern JavaScript. Ready to learn more? Check out the Developer Guide and write code in the Playground. ... -
24
Complete Intro to Web Dev v3
The Complete Intro to Web Dev v3, as taught on Frontend Masters
Complete Intro to Web Dev v3 is the course repository for Brian Holt’s beginner web development class on Frontend Masters. It is designed for learners with little or no coding experience. The lessons introduce HTML for page structure, CSS for visual design, and JavaScript for interactive behavior. Students practice browser tools, editors, debugging, responsive layouts, and common development workflows. The material builds toward creating a complete web application rather than isolated syntax exercises. The repository also contains the Next.js-based course website, reusable lesson content, code examples, and supporting assets. ... -
25
Metro 4
Impressive component library for expressive web development
Create your site quickly and effectively with Metro 4. Metro 4 is a free open-source impressive components library built on html, css, javascript. Using Metro 4 is very easy, you don't even need to know javascript to make fully functional websites that interact with the user. Metro 4 is an open source project. You can access to full source code on the GitHub and get Metro 4 with free license. Metro 4 is accessible in various ways. You can get Metro 4 from NPM, Nuget, GitHub, and GitLab. ...
