Life Universe
A fractal version of Conway’s Game Of Life: keep zooming out …forever!
Link tags: fractal
18
Global and Component Style Settings with CSS Variables — Sara Soueidan
Sara shares how she programmes with custom properties in CSS. It sounds like her sensible approach aligns quite nicely with Andy’s CUBE CSS methodology.
Oh, and she’s using Fractal to organise her components:
I’ve been using Fractal for a couple of years now. I chose it over other pattern library tools because it fit my needs perfectly — I wanted a tool that was unopinionated and flexible enough to allow me to set up and structure my project the way I wanted to. Fractal fit the description perfectly because it is agnostic as to the way I develop or the tools I use.
How Video Games Inspire Great UX – Scott Jenson
Six UX lessons from game design:
- Story vs Narrative (Think in terms of story arcs)
- Games are fractal (Break up the journey from big to small to tiny)
- Learning loop (figure out your core mechanic)
- Affordances (Prompt for known loops)
- Hintiness (Move to new loops)
- Pacing (Be sure to start here)
AccentDesign/Fractal-Atomic: An awesome starter point for your Fractal UI component library
If you want to use Brad’s Atomic Design naming convention—atoms, molecules, etc.—and you like using Fractal for making your components, this starter kit is just for you:
Keep what you need, delete what you don’t and add whatever you like on top of whats already there.
GitHub - frctl/awesome-fractal: A curated list of awesome things related to Fractal
A starter list of Fractal examples and links. You can expand it.
Pattern Library First: An Approach For Managing CSS — Smashing Magazine
Rachel goes into detail on how she uses pattern libraries—built with Fractal to build interfaces. I know it sounds like we paid her to say all the nice things about Fractal, but honestly, we didn’t even know she was writing this article!
After discovering Fractal two years ago, we have moved every new project — large and small — into Fractal.
TNZ Pattern Library Docs
New Zealand has a pattern library (in Fractal, no less).
Patterns Day 2017: Rachel Andrew on Vimeo
Rachel’s fantastic talk from Patterns Day. There’s a lot of love for Fractal specifically, but there are also some great points about keeping a pattern library in sync with a live site, and treating individual components as reduced test-cases.
Perch UI Pattern Library | Perch UI Pattern Library
A nice little pattern library from Rachel and Drew for the Perch admin interface. Within folders, they’re using Brad’s atomic design nomenclature, and the whole thing is managed with Fractal.
Introducing Fractal and Federalist | U.S. Web Design Standards
Another instance of Fractal in the wild, this time for the Federalist design system.
Why Fractal?
- It’s open source.
- It’s easy to use.
- It generates standalone HTML previews of each component.
- It uses or supports many of the technologies we use already.
- Fractal offers a customizable theme engine.
sketch-to-fractal-comp on Vimeo
Everyone in the Fractal Slack channel is currently freaking out about this. Veeeeery iiiiinteresting!
Fractal Iterations | Clearleft
Danielle and Mark have been working flat out on Fractal. Here’s the roadmap they’re working to.
Evaluating Tools For Building a Component Library | Chromatic
A comparison of a few different tools for generating pattern libraries.
Spoiler…
In this particular case, Fractal comes out on top:
It has the features we need, and I’m happier than I should be with how simple the directory and file structure is. The documentation has also been super helpful thus far. We’ve customized it with our client’s branding and are ready to roll.
Document your design systems with Fractal | Creative Bloq
This quick dip into Fractal was in last month’s Net magazine.
It’s very gratifying to see how much Fractal is resonating with people—Mark has put so much hard work into it.
Join Fractal on Slack!
If you’re planning on giving Fractal a test drive, jump into this Slack channel. Mark and others will be able to help you out with any questions that aren’t covered in the docs.
Fractal v1.0 | Clearleft
Mark sets the scene for Fractal, the fantastic tool he’s built for generating pattern libraries.
This 1.0 release is just a start; it hopefully provides a solid foundation on which we (and anyone else who wants to contribute) can build and expand on in the future.
Exciting!
Fractal Documentation
This is the tool that we use at Clearleft to generate pattern libraries. It’s pretty damn cool. Mark built it. It’s pretty damn cool.
Rebuilding the Perch UI - creating a pattern library
Rachel and Drew have been beta-testing Mark’s Fractal project for organising a library of components for Perch’s interface. Sounds like it’s working out very, very well indeed!