Search Results for "learn to code"

System Design Primer is a curated, open source collection of resources that helps engineers learn how to design large-scale systems. The project is structured as a comprehensive guide covering core system design concepts, trade-offs, and patterns necessary for building scalable, reliable, and maintainable systems. It offers both theoretical foundations—such as scalability principles, the CAP theorem, and consistency models—and practical exercises, including real-world system design interview questions with sample solutions, diagrams, and code. ...

Bulma is a free and open source, modern CSS framework based on Flexbox. It is a collection of CSS classes, with the end result being a single .css file. Because of this, you can write the HTML code you want and it would have no impact on the styling of your page. It has no JavaScript included, and can be considered “environment agnostic”, as it offers just a style layer over the logic. Bulma is 100% responsive, built to be mobile-first and modular, with 39 .sass files which you can individually import. It’s easy to learn and customize, and is compatible with recent versions of most common browsers, and even some earlier browser versions thanks to its autoprefixer.

Materialize, a CSS Framework based on Material Design. Using VanillaJS and as less dependencies as possible to keep it fast and simple. We use TypeScript since it builds upon JavaScript and enhances the type- and code safety. You don't have to learn or integrate any new or crappy stuff. The goal here is to stick to the roots. Just copy and paste from the documentation and you are good to go. Most of the Features work event without JavaScript. Components should be useable by mobile devices and easily accessible by keyboard too. Try it out. User-centric approach with established design principles mainly from Google's Material guidelines. ...

...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, filters, blend modes, gradients, and keyframes—serving as both inspiration and a practical cookbook. Because each demo focuses on a single idea, it’s an effective way to learn new techniques without wading through a full framework. ...

This repo includes code and documentation for the U.S. Web Design System website. For information on the USWDS components and codebase, please visit our uswds Github repo. The U.S. Web Design System documentation is built using Jekyll for the file framework, gulp for task management, and the node module for USWDS. A design system for the federal government. We make it easier to build accessible, mobile-friendly government websites.