Holiday edition of the RWD Weekly newsletter this week as I'm away with the family.
I thought I'd drop in some of the Frameworks that have been featured over the past year. | | | What would be the best way to learn and improve your skills? By looking over a designer or developer's shoulder! At SmashingConf Toronto taking place on June 26–27, they will let us do exactly that. All talks will be about running live coding and design sessions on stage, showing how speakers such as Dan Mall and Lea Verou, Rachel Andrew, and Sarah Soueidan design and build stuff — including pattern libraries setup, design workflows and shortcuts, debugging, naming conventions, and everything in between. | | Frameworks Bootstrap 4 has finally come out and is now a stable release. According to the documentation, there are no breaking changes since the last beta release, but now you can push it with confidence.
A New Grid, JavaScript Upgrades, and Slick New Prototyping Mode
A Utility-First CSS Framework for Rapid UI Development. Be prepared to use a _tonne_ of classes on this one.
A back to the basics CSS starter kit.
Snugly resizes text to fit its parent container.
fractures helps you bootstrap design-systems and prototypes by providing a set of non-blocking, atomic, utility classes.
I'm torn on this one, and here's why. On hand — kudos to Joe for trying out CSS Grid and getting to grips with how it operates to create a grid structure, and for packaging something and providing it on Github. Amazing work. On the other hand — the whole thing about CSS Grid is that we don't need a boilerplate to use it.... it's its own boilerplate. Rather than use this I encourage you to see how Joe has put it together, say thanks, and then use what you've learned to apply CSS Grid to your own projects.
A beautiful CSS framework designed for minimalists.
Create fast loading, highly readable, and 100% responsive interfaces with as little CSS as possible.
Lightning Fast Modular CSS with No Side Effects
An incredibly lightweight grid solution from Heydon here weighing in at only 93 bytes. With such profound support for Flexbox these days a the Grid implementation still a little way off I love this way of thinking.
Solid is BuzzFeed's CSS style guide. Influenced by frameworks like Basscss, Solid uses immutable, atomic CSS classes to rapidly prototype and develop features, providing consistent styling options along with the flexibility to create new layouts and designs without the need to write additional CSS.
Animations for eccentric developers
The only framework that makes responsive-email easy
Tools A simple, tiny alternative to element/container queries from Matt Stow.
This is a great tool to showcase just how little CSS you need to build out amazing grids.
Create and share beautiful images of your source code.
Start typing or drop a file into the text area to get started.
A browser extension to generate comprehensive palettes. A must-have tool for designers and frontend developers. Free colour scheme extraction.
Add CSS animations to delight users as they scroll down
Use the palette chooser to create a series of colors that are visually equidistant. This is useful for many data visualizations, like pie charts, grouped bar charts, and maps.
With Catalog you combine design documentation with real, live components in one single place, making collaboration between designers and developers seamless.
Online web tools to get your work done faster. There are tools for HTML, CSS, JS, and even images (and more). Not just links to download tools either, literally tools you can use in your browser.
| | Next week we'll be back with the latest and greatest news and tools, until then have a great weekend.
Cheers,
Justin. | | | |
No comments:
Post a Comment