Search Results for "css"
Sort By:
Showing 57 open source projects for "css"
View related business solutions-
$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.
-
Train ML Models With SQL You Already KnowBuild and deploy ML models using familiar SQL. Automate data prep with built-in Gemini. Query 1 TB and store 10 GB free monthly.
-
1
HTML CSS
Curso de HTML5 e CSS3
Tutorial, teaching, or resource collection on HTML and CSS, aimed at beginners. It likely contains sample websites, examples of markup, styling, exercises, and reference materials related to web front-end development using HTML and CSS. CSS styling samples and layout demonstrations. Educational documentation (README, explanations). Structured project examples (e.g. small websites). Version history/incremental improvements. -
2
CSS Reference
Fee visual guide to the most popular CSS properties
CSS Reference is a human-friendly, example-driven reference for CSS that focuses on how properties behave in practice rather than only listing their syntax. Each entry explains what a property does, shows concise examples, and illustrates the visual result so you can internalize concepts quickly. The reference highlights common pitfalls and “gotchas,” helping you avoid surprises when mixing layout modes like Flexbox and Grid or when dealing with overflow and positioning. ... -
3
The Magic of CSS
A CSS course to turn you into a magician
Magic of CSS is an open source educational project by Adam Schwartz that explores advanced CSS concepts through practical lessons. It is structured as a series of chapters that cover topics like the box model, layouts, positioning, typography, and animations. The repository is designed to go beyond basic CSS tutorials, teaching how to harness the language for complex, responsive, and visually appealing designs. -
4
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.
-
PRTG Catches Network Issues Before They Cause DowntimeReactive troubleshooting usually means hearing about a problem from frustrated users, not your monitoring tool. PRTG sets threshold-based alerts across devices, servers and applications, notifying your team by email, SMS or push the moment a metric crosses a set limit. That means catching a failing disk or overloaded server before it becomes an outage and getting time back from firefighting. Start a free trial and set your first alerts today.
-
5
Marksheet
Free tutorial to learn HTML and CSS
MarkSheet is a beginner-friendly curriculum for learning HTML and CSS from first principles, organized as a readable online handbook. It explains core building blocks—elements, attributes, selectors, the box model, positioning—and connects them to the mental models needed for real layouts. The writing style aims to demystify jargon and teach a consistent vocabulary so learners can understand documentation and tutorials elsewhere. -
6
MDN Learning Area
GitHub repo for the MDN Learning Area
learning-area is the official GitHub repository for the MDN Web Docs Learning Area, a collection of educational resources designed to teach core web development technologies. It contains the code examples referenced throughout MDN’s tutorials and articles, covering topics such as HTML, CSS, JavaScript, and web APIs. Each directory in the repository mirrors the module structure of the MDN Learning Area, allowing learners to follow along easily as they read through corresponding lessons. The examples are written to be simple, instructive, and directly aligned with MDN’s documentation, making it an ideal hands-on companion for web development education. ... -
7
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. ... -
8
Complete Intro to React v8
The Complete Intro to React, as taught by Brian Holt
...Learners work with JSX, props, state, effects, hooks, context, routing, and specialized React APIs. Later modules cover performance, low-priority rendering, TypeScript, Redux, Tailwind CSS, and application testing. The repository hosts the course website and written lessons, while a separate project repository provides step-by-step application files. Its organized sections let students move from fundamentals into production-oriented patterns. The code is Apache 2.0 licensed, and the course content is available for noncommercial sharing. -
9
React Course
Large project-based repository covering React
...Learners then apply those concepts to complete projects such as the Backroads website and several smaller interactive applications. Advanced sections introduce Axios, React Query, external APIs, Contentful CMS, Redux Toolkit, and application state patterns. Later modules expand into Tailwind CSS, TypeScript, React with TypeScript, and Next.js. Larger store and job-management applications demonstrate how these technologies work together in more realistic projects. The repository contains lesson notes, starter code, completed examples, and incremental project material for following the associated React course. -
Build Data Resilience - Take the Assessment TodayIs your recovery strategy as strong as you think? Take this quick self-assessment to check your recovery readiness and gain tailored insights. In only 2 minutes, you'll learn where you fall on the recovery readiness scale.
-
10
freeCodeCamp
freeCodeCamp.org's open-source codebase and curriculum
freeCodeCamp is a nonprofit educational platform that offers a self-paced curriculum for learning web development, programming, data visualization, APIs, and algorithms. It features interactive coding challenges, real-world projects, and guided progress through topic modules, culminating in certificates for completed tracks. A key aspect is that students contribute to open-source projects for nonprofits or internal tooling as part of their learning, reinforcing both technical and... -
11
JSCamp InfoJobs
Content and exercises fromJSCamp InfoJobs
JSCamp InfoJobs is the companion repository for JSCamp InfoJobs, an intensive full-stack JavaScript bootcamp in Spanish designed to take students from fundamentals to advanced topics. It is organized into numbered modules like 00-html-css, 01-javascript, 02-react, 03-router-and-zustand, 04-node, 05-typescript, 06-inteligencia-artificial, 07-sql, 08-ci-cd, and 09-docker, mirroring the curriculum of the bootcamp.The README explains that students will build a complete project step by step throughout the bootcamp, applying each module’s lessons to a single real-world application, which is ideal for portfolio building. ... -
12
Web
An ancient front-end graphic tutorial
...The content is presented in a clear and accessible manner, making it suitable even for users with no prior technical background. It covers a wide range of topics including HTML, CSS, JavaScript, and modern frontend practices, providing both conceptual understanding and practical examples. The repository is continuously updated, ensuring that learners have access to relevant and current information. It emphasizes readability and structured learning paths, allowing users to progress systematically through increasingly complex topics. -
13
Web Dev for Beginners
About 24 Lessons, 12 Weeks, Get Started as a Web Developer
Web-Dev-For-Beginners is Microsoft’s open source, project-based curriculum for learning web development from scratch. Designed as a 12-week, 24-lesson course, it covers HTML, CSS, and JavaScript fundamentals through hands-on projects like terrariums, browser extensions, and space games. Each lesson includes a mix of pre-lecture quizzes, written content, assignments, challenges, and post-lecture quizzes to reinforce learning. The course also offers global accessibility with translations in more than 40 languages and built-in support for running in GitHub Codespaces or locally in Visual Studio Code. ... -
14
clavirio
Learn touch typing without leaving the terminal
A free, open-source typing tutor for the terminal. Progressive lessons, practice modes, real-time stats, and a virtual keyboard with finger hints — for QWERTY, Dvorak, and Colemak. Methodology Research on typing skill suggests that skilled typing relies more on implicit procedural control than on explicit knowledge of key locations. The paper also suggests that the keyboard is represented in terms of its row-and-column structure, not as a memorized list of individual... -
15
Void
High-Fidelity Space Exploration Dashboard
Project VOID is a cinematic mission control center built with React and Tailwind CSS. It aggregates real-time telemetry, orbital tracking, and global space news into a single, immersive "Sci-Fi HUD" interface, fully equipped with offline service worker support. Try the live application in action here: https://void-by-vignesh.vercel.app before downloading the source code Visit Repo For More Details : https://github.com/Vignesh-72/Void -
16
Guia do Desenvolvedor Front-end
Everything you need to become a front-end developer
...It is structured as a roadmap-style repository with study content, tools, references, and practical learning links. The guide covers foundational topics such as HTTP, HTML, CSS, JavaScript, APIs, and front-end frameworks. It also includes recommendations for books, browser extensions, templates, UI resources, CSS training platforms, design tools, and icon libraries. The project is useful for beginners who need a guided path and for working front-end developers who want to discover new resources for daily work. ... -
17
HTML Quiz Application With Timer & Point
An Easy to Edit HTML, CSS & JAVASCRIPT QUIZ - For Students & Teachers
Just Download & Extract the Above Zip File provided, then edit the script.js file with a good text / code editor like Sublime Text ( Check Google ) & then save the changes & then view the index.html file on the internet browser. That's all. This is a Browser Based, Cross Platform, Supporting all Operating Systems, Easy Application. If needed, you can change the value of the Timer from 15 seconds to any other value, by Searching & Replacing all occurences of 15 in index.html & script.js... -
18
WebEditorWeb
Code editor in single HTML file
Code editor written in a single HTML file that runs on the browser tab. There is no need to install, download a single file and run anywhere. To change the initial configuration, edit the wew.html file in the last lines. * WebEditorWeb use CodeMirror components in code editor. -
19
WideW - WebIDEWeb
Web IDE in single HTML file
IDE written in a single HTML file that runs on the browser tab. There is no need to install, download a single file and run anywhere. To change the initial configuration, edit the widew.html file in the last lines. * Widew use CodeMirror components in code editor. URLs: https://soluc.org/widew https://widew.sourceforge.io -
20
Code Guide
Standards for developing consisten and sustainable HTML and CSS
Code Guide is a set of standards for developing consistent, flexible, and sustainable HTML and CSS. It comes from years of experience writing code on projects of all sizes. It's not the end-all be-all, but it's a start. Don't capitalize tags, including the doctype. Use soft tabs with two spaces, they're the only way to guarantee code renders the same in any environment. Nested elements should be indented once (two spaces). Always use double quotes, never single quotes, on attributes. ... -
21
Complete Introduction to Web Development
Intro to Web Dev, v2
Complete Introduction to Web Development is the source repository for Brian Holt’s Frontend Masters course on foundational web development. It teaches beginners how websites are structured, styled, programmed, and published. Lessons cover basic and semantic HTML, CSS selectors, layouts, reusable patterns, and complete page-building exercises. JavaScript sections introduce programming concepts, functions, scope, arrays, objects, the DOM, events, and asynchronous requests. Additional material explains Git, Node.js, libraries, development tools, and deployment. The repository also contains the Gatsby-based course website and can be run locally with npm. ... -
22
Complete Intro to React v6
learn React.js with Brian Holt
...The course then adds composition, routing, class state, error boundaries, context, portals, and refs. Intermediate sections examine Redux, code splitting, server-side rendering, Tailwind CSS, testing, and TypeScript migration. A separate companion repository provides incremental project snapshots for each major lesson. The material also covers supporting tools such as npm, Parcel, Babel, ESLint, Prettier, and browser development utilities. Because it reflects an earlier React ecosystem, it is best used as structured courseware rather than a current starter template. -
23
eXeAutomaticResources
Generación automática de recursos para eXeLearning
Scripts en bash para la generación automática del código para insertar recursos en eXeLearning 2.6 (Snap). Y para crear de forma automática los créditos. -
24
What happens when
What happens when you type google into your browser and press enter?
...Rather than giving a high-level overview, the repository tries to break down every step in the process, from low-level events (keyboard press, OS events, keyboard interrupts), through OS-level handling (keyboard scan codes, key events), parsing, DNS lookup, networking (ARP, socket creation, TCP/TLS handshake), HTTP requests, browser behavior, HTML/CSS/JS parsing, rendering engine, GPU rendering, layout, to final drawing and user-visible output. The goal is to serve as a comprehensive resource for students and engineers to understand what happens under the hood, bridging from hardware and OS level up through network and application layers. -
25
CSS Animation 101
Learn how to bring animation to your web projects
CSS Animation 101 is a tutorial resource that teaches the fundamentals of motion on the web using only CSS. It starts with core building blocks—transitions, transforms, and keyframes—and then layers in timing functions, delays, and choreography to create more expressive sequences. The material stresses clarity and maintainability, showing how to structure styles so animations are easy to reason about and adjust.
