19 repository-uri
The practice of building the user-facing part of web applications using HTML, CSS, and JavaScript.
Distinct from Front End Development: Candidates are too specific (workflows, utilities) or refer to curated lists rather than the domain itself.
Explore 19 awesome GitHub repositories matching web development · Front-End Development. Refine with filters or upvote what's useful.
Brackets is an extensible JavaScript IDE and front-end code editor specifically designed for authoring HTML, CSS, and JavaScript. It serves as a web development text editor that provides a specialized environment for building websites. The editor is distinguished by its live preview capabilities, which render code changes in a browser in real time for immediate visual feedback. It further supports front-end workflows through inline style editing and the ability to synchronize code changes across multiple browser windows for cross-browser testing. The project includes a wide range of developm
Designed specifically for the domain of front-end development, managing the user-facing part of web applications.
Eruda is a mobile browser developer console that provides a web-based inspector for debugging HTML pages and viewing logs directly on mobile devices. It functions as a browser element inspector for analyzing DOM and CSS styles and an in-page JavaScript console for executing code and monitoring runtime errors on devices that lack native developer tools. The project enables mobile web debugging and on-device element inspection without requiring a connection to a desktop computer. This allows for the evaluation of web applications on actual mobile hardware and the troubleshooting of remote sites
Serves as a comprehensive developer console for mobile web development, enabling on-device debugging.
Mock is a JavaScript API mocking tool and network request interceptor designed to decouple front-end development from back-end progress. It functions as an API simulation tool and mock data generator, allowing developers to build user interfaces and high-fidelity prototypes by mimicking the request and response cycle without a live server. The system provides a mechanism for intercepting outgoing HTTP calls and returning simulated data. It enables front-end prototyping by generating synthetic datasets to validate application behavior during automated testing cycles and development. Capabilit
Facilitates high-fidelity prototyping by simulating backend behavior and data structures before API implementation.
A framework for building Mobile cross-platform UI
Build mobile applications using modern front-end tools, CSS properties, and popular frameworks.
Mint-UI is a mobile interface toolkit and component-based UI framework designed for Vue.js applications. It provides a collection of pre-styled user interface components specifically optimized for mobile devices and touch-based navigation. The library focuses on mobile UI development and responsive design, offering a set of layout and interaction elements tailored for mobile viewport constraints to ensure visual consistency across different screens. The framework utilizes a modular architecture that integrates a CSS-based styling system with Vue's reactivity model, using prop-driven configur
Enables the development of mobile-friendly interfaces using web technologies and Vue.js components.
This project is a collection of reference implementations for vanilla web applications, interactive browser games, and core frontend development patterns. It consists of small web applications and tools built using standard HTML, CSS, and JavaScript without the use of external frameworks or libraries. The collection demonstrates various practical implementations, including browser-based mini games with arcade and word-guessing mechanics, as well as frontend interface prototypes. These examples cover the use of the native document object model for state manipulation and the implementation of i
Provides practical implementations of the user-facing part of web applications using native technologies.
Browserslist is a browser target configuration tool and market share database. It provides a shared configuration layer that synchronizes supported browser versions across various front-end development tools, such as JavaScript compilers and CSS autoprefixers, to determine necessary syntax transforms and polyfills. The project translates human-readable queries into specific lists of browser versions based on global and regional usage statistics. It allows for the integration of custom analytics data to override global market share and can generate regular expressions from target lists to dete
Serves as a shared configuration source for CSS autoprefixers and JavaScript compilers to determine syntax transforms.
mui is a mobile UI component framework and native-like web UI kit designed for building high-performance mobile web interfaces. It functions as a mobile web performance framework and gesture-based interface library to eliminate browser lag and mimic the behaviors and animations of native mobile applications. The framework focuses on implementing common mobile UX patterns, including pull-to-refresh functionality, swipe-to-action menus, and sliding side navigation. It provides specialized tools for gesture-driven interface development to ensure an immediate visual response to touch interactions
Uses web technologies to build mobile interfaces that eliminate browser lag and mimic native behaviors.
lib-flexible is a responsive CSS layout library designed to create flexible web interfaces that scale proportionally across different screen sizes and device resolutions. It functions as a viewport scaling tool that manages device pixel ratios and screen widths to ensure layouts adapt to various mobile and desktop displays. The library implements a scaling framework that calculates a dynamic root font size, enabling the consistent scaling of elements through relative rem units. It includes a CSS grid generator for producing grid styles based on design specifications, including column counts,
Enables the construction of web interfaces that automatically adjust layout and sizing for mobile screen widths.
jQuery Mobile is a mobile web framework and cross-platform UI library designed to create consistent HTML5 user interfaces that adapt to different mobile device platforms and screen sizes. It provides a collection of customizable components and CSS styles to render a unified look and feel across various mobile operating systems. The framework functions as a CSS themeable UI kit, featuring a build process that allows for the generation of custom visual themes by modifying base style files and assets. The library covers a broad capability surface including responsive mobile interface developmen
Provides a framework for building mobile application interfaces using HTML, CSS, and JavaScript.
This is an educational resource for learning front-end web development fundamentals. It provides structured tutorials, hands-on exercises, and ready-to-run code samples covering HTML, CSS, and JavaScript. The content is designed for beginners, starting from zero knowledge and building up through guided, practical examples. It includes materials for learning CSS layout and styling techniques, as well as core JavaScript programming concepts like variables, functions, and DOM manipulation. The repository offers a collection of executable code snippets that complement the tutorials, allowing lea
Ships a collection of executable code snippets for practicing front-end development in a browser.
Get BEM to all people in simplest way
Ships a methodology for building UI interfaces from self-contained CSS components that transfer between projects.
Acest proiect este un plugin frontend jQuery și o bibliotecă de componente UI concepută pentru a construi interfețe web mobile. Funcționează ca un framework UI web mobil, oferind o colecție de componente vizuale și controale pre-făcute. Biblioteca se concentrează pe dezvoltarea UI web mobil și designul de interfețe jQuery. Este utilizată pentru crearea de pagini web mobile consistente și pentru întreținerea sau actualizarea proiectelor web mobile legacy care se bazează pe jQuery pentru structura frontend și prezentarea vizuală.
Enables the creation of mobile-friendly web pages using pre-made visual components and layout controls.
Mint este un limbaj de programare front-end și un framework web compilat conceput pentru construirea de interfețe utilizator interactive. Funcționează ca un transpiler care convertește un limbaj specific domeniului (DSL) în JavaScript și CSS standard pentru execuție într-un browser web. Toolchain-ul permite dezvoltarea UI cu tipizare sigură prin utilizarea analizei statice de tip pentru a valida structurile de date în timpul fazei de build. Organizează logica interfeței web într-o arhitectură bazată pe componente, unde unitățile încapsulate sincronizează starea internă cu view-ul randat. Sistemul acoperă un toolchain web complet compilat, inclusiv compilarea de markup personalizat și bundling-ul de active la momentul build-ului pentru a produce active optimizate pentru producție.
Provides a full toolchain to build structured and stateful user interfaces for the web.
Acest proiect este un ghid cuprinzător de dezvoltare front-end și un roadmap conceput pentru a ajuta inginerii să stăpânească abilitățile și standardele profesionale necesare pentru dezvoltarea web modernă. Servește ca referință tehnică pentru stăpânirea HTML, CSS și JavaScript, oferind căi de învățare structurate și o hartă a competențelor profesionale necesare pentru a trece de la un nivel de începător la cel de inginer web profesionist. Resursa funcționează ca un director categorizat și o privire de ansamblu asupra ecosistemului JavaScript. Cataloghează framework-uri, biblioteci și utilitare standard în industrie, oferind recomandări specifice pentru gestionarea stării, framework-uri CSS și generatoare de site-uri statice. Ghidul acoperă un spectru larg de capabilități de inginerie, inclusiv arhitectura UI, optimizarea performanței web și auditarea accesibilității. De asemenea, oferă îndrumări privind automatizarea build-ului, strategiile de deployment și selecția instrumentelor de dezvoltare pentru fluxuri de lucru profesionale.
Offers a categorized directory and recommendations for selecting industry-standard frameworks and libraries.
This project is a structured JavaScript programming course and learning path designed for beginners. It functions as an interactive coding tutorial and frontend web development guide, providing a curriculum centered on the JavaScript language. The project focuses on building dynamic web interfaces through the manipulation of the Document Object Model. It provides a series of instructional guides and practical challenges that allow for interactive coding practice and the verification of code execution within a dedicated environment. The curriculum covers core programming fundamentals, includi
Provides browser-based environments for running and modifying JavaScript code samples for hands-on practice.
This project is a web development educational resource and HTML5 learning repository. It serves as a front-end markup guide containing a collection of source code and practical examples designed to teach the fundamentals of web design. The repository covers an HTML and CSS learning path focused on frontend web development and web layout implementation. It provides reference materials for mastering responsive web design and the application of structural patterns to create functional web pages. The materials demonstrate the use of semantic HTML structure and responsive meta viewports. The tech
Functions as a practical guide for the development of user-facing interfaces using HTML and CSS.
Acest proiect este o fundație preconfigurată pentru construirea de aplicații web mobile-responsive folosind Vue 3 și Vite. Oferă un scaffold gata de producție care integrează instrumente esențiale de dezvoltare, biblioteci de componente și optimizări la momentul build-ului pentru a accelera crearea interfețelor mobile. Framework-ul se distinge prin gestionarea automată a activelor și a configurației, inclusiv înregistrarea automată a componentelor UI și conversia fișierelor SVG în componente reutilizabile. Dispune de suport integrat pentru design responsive prin transformarea automată a unităților CSS bazate pe pixeli în unități relative de viewport, asigurând scalarea consistentă a layout-ului pe diverse dispozitive mobile. În plus, include mocking de rețea la momentul dezvoltării pentru a permite testarea frontend-ului fără un backend funcțional, alături de capabilități de debugging remote pentru inspectarea log-urilor și a cererilor de rețea direct pe hardware-ul mobil. Proiectul acoperă o gamă largă de cerințe de dezvoltare, inclusiv persistența stării bazată pe rută pentru a menține pozițiile de scroll și datele de input în timpul navigării, și sincronizarea dinamică a metadatelor pentru titlurile browserului. De asemenea, încorporează utilitare axate pe performanță, cum ar fi încărcarea componentelor la cerere, optimizarea activelor de producție și validarea automată a mesajelor de commit pentru a menține standardele proiectului.
Provides a pre-configured foundation for building mobile-responsive web applications using modern component libraries and build tools.
Acest proiect este un roadmap de învățare structurat, conceput pentru a ghida dezvoltatorii prin abilitățile și tehnologiile esențiale necesare pentru ingineria web profesională. Funcționează ca un curriculum tehnic curatoriat care trasează progresii logice pentru stăpânirea dezvoltării front-end și full-stack, variind de la markup și scripting fundamental la subiecte avansate de cloud și inteligență artificială. Platforma se distinge prin organizarea peisajelor tehnice complexe în căi clare și acționabile. Prin curatorierea resurselor educaționale de înaltă calitate și a materialelor de instruire conduse de experți, ajută practicienii să navigheze în ecosistemul modern de inginerie software și să identifice competențele de bază fără povara supraîncărcării informaționale. Conținutul este gestionat printr-o arhitectură de site static care utilizează fișiere markdown pentru datele curriculum-ului, asigurându-se că căile de învățare rămân controlate prin versiuni și ușor de actualizat. Interfața folosește o structură bazată pe componente și rutare bazată pe date pentru a oferi o experiență consistentă pe măsură ce utilizatorii traversează diferite etape ale dezvoltării lor profesionale.
Maps out essential skills and technologies to support career progression in front-end web development.