Wing – Minimalist CSS Framework Web Designers Want

The frontend ecosystem is full of open-source frameworks done to urge your growth process. Usually, everybody wants something opposite from these frameworks; some people demeanour for aesthetics while others wish speed or usability.

Wing is a newer horizon and a minimalist’s best friend. It comes with a default grid setup, custom elements, and components that sum 5 KB.

Perhaps a best partial about Wing is a auto-styling for default elements. If we usually dump a Wing CSS stylesheet into your plan you’ll notice changes immediately.

10 Lightweight Alternatives To Bootstrap Foundation

10 Lightweight Alternatives To Bootstrap Foundation

Choosing a right horizon that is a ideal fit for your projects could be a tiny bit overwhelming…Read more

Default text, links, and page elements automatically figure themselves formed on Wing’s designs. You can also add additional classes of your own to supplement some-more aesthetics to a page.

Wing ships with a 960px grid system regulating a 12-col structure. This is a really elementary setup and a 960px grid is customarily deliberate distant too tiny for today’s widescreen audience. But, if we like smaller websites this is an glorious choice. is crazy elementary and follows something like this:

div class="row"
  div class="col"1/div
  div class="col"2/div
  div class="col"3/div

You can embody a full duplicate of Wing from a Unpkg CDN. They keep their files present with a latest version, so we never need to change filenames. Just add this URL to your header and you’ll get full entrance to a stream Wing framework.

Alternatively, we can download a package via npm or lift a duplicate of a source right from GitHub.

I’d review Wing to Normalize.css that is a most smaller CSS framework, that’s some-more like a reset library. Wing indeed comes with default styles while Normalize.css usually resets elements to work a same in all browsers.

The beauty of both is that we have full control to edit, restyle, and reformat a page however we see fit.

Wing CSS grid systemWing CSS grid system

All support and formula snippets can be found on Wing’s homepage, so use that beam if you’re not certain how to set adult your site.

10 Frameworks to Build Mobile Application with HTML, CSS JavaScript

10 Frameworks to Build Mobile Application with HTML, CSS JavaScript

For many web developers, that might usually be informed with HTML, CSS, and JavaScript, building a local mobile…Read more

Add Comment