Search Results for "grids"

Front-End-Design-Checklist bridges the gap between design and implementation by capturing the essential details that make handoffs smooth and outcomes consistent. It encourages designers and developers to align on typography scales, color tokens, spacing systems, and grid behavior before coding begins. The resource includes checks for responsive breakpoints, interaction states, accessibility considerations, and asset preparation, reducing rework later in the build. It promotes shared...

WeUI is a UI framework that was officially designed by the WeChat design team and tailor-made for WeChat web development. It contains a set of basic style libraries that are consistent with WeChat’s standard visual experience. WeUI was made to ensure that WeChat users could have the same clean, uniform experience with all WeChat web services, and to make their perception of WeChat applets more unified and cohesive. WeUI covers everything from form factors (buttons, lists, sliders, etc.)...

This curated list contains 430 awesome open-source projects with a total of 5M stars grouped into 22 categories. All projects are ranked by a project-quality score, which is calculated based on various metrics automatically collected from GitHub and different package managers. If you like to add or update projects, feel free to open an issue, submit a pull request, or directly edit the projects.yaml.

...Start with simple, powerful theme code based on Underscores, the best-practices starter theme from Automattic, the creators of WordPress. Add beautiful, flexible styles, components, grids and responsive design with Bootstrap, the industry standard for mobile-first development. Understrap is an open-source project maintained and powered by Howard Development & Consulting, a web development firm with more than 20 years experience innovating online. We’re building a community on open-source principles that’s supported by continuous improvements from our paid development team, which means you get the best of both worlds, the flexibility and freedom of open source, plus the stability and security of knowing there’s a serious company behind the project.

Lost Grid is a powerful grid system built in PostCSS that works with any preprocessor and even vanilla CSS. LostGrid makes use of calc() to create stunning grids based on fractions you define without having to pass a lot of options. LostGrid relies on calc() to create the grid. Thus, LostGrid is limited to browsers that support calc(). The great thing is that calc() is widely supported in all current browsers and the LostGrid usage of calc() is supported as far back as IE9+. If using LostGrid in flexbox mode browser support is limited to IE 10+. ...