| --- | |
| title: Block Media | |
| state: inreview | |
| --- | |
| The media block consists of... |
| title |
|---|
Utility Colors |
The utility color palette defines colors that are used to convey meaning such as success, error, warning, and information to the user. These colors should be used for things like alert messages, form validation, tooltips, and other kinds of messaging.
| { | |
| "blockFeature":{ | |
| "styleModifier":"featured", | |
| "number":"0", | |
| "headline":{ | |
| "short":"Feet of Elevation Gain" | |
| }, | |
| "progress":{ | |
| "max":"100", | |
| "progressValue":"0", |
| { | |
| "blockFeature":{ | |
| "number":"4,500", | |
| "headline":{ | |
| "short":"Feet of Elevation Gain" | |
| }, | |
| "progress":{ | |
| "max":"100", | |
| "progressValue":"100", | |
| "label":"Progress: 100%" |
]
[Introduction text about the project. This should be a short summary of the project that explains what it is and why anyone should care about it]
[optional image]
[include a bulleted list of any dependencies your project requires. Include links to the dependencies, and additionally links to helpful resources to get up and running with the project's dependencies]
Answering the Front-end developer JavaScript interview questions to the best of my ability.
Sometimes you need to delegate events to things.
this works in JavaScriptThis references the object or "thing" defined elsewhere. It's like "hey, thing I defined elsewhere, I'm talkin' to you."
| module.exports = function(grunt) { | |
| // Configuration | |
| grunt.initConfig({ | |
| pkg: grunt.file.readJSON('package.json'), | |
| sass: { | |
| dist: { | |
| options: { | |
| style: 'compressed' | |
| }, |
Atomic Design discusses the importance of crafting robust design systems, and introduces a methodology for which to create smart, deliberate, interface systems.
The book will begin by addressing the "why": why designers should care about thinking about Web interfaces in a more systematic way. I'll discuss the history of modular designsystems (after all, this type of thinking been around for a long while now), but discuss how the ever-shifting Web landscape is making systematic thinking a necessity.
The first section will also discuss the emerging trends and techniques that encourage more systematic thinking: style tiles, element collages, pattern libraries, UI frameworks, and more. And while I'll certainly extol the virtues of these techniques, I'll also bring to light a lot of the shortcomings and frustrations of UI frameworks and pattern libraries. This sets the stage to introduce a more sound, deliberate way of constructing an interface system.
The second chapter will define atomic design. Atomic desig
| { | |
| "isAdmin" : true | |
| } |
| "peopleList" : [ | |
| { | |
| "img": { | |
| "square": { | |
| "src": "../../images/sample/avatar-1.jpg", | |
| "alt": "Steve Boomshakalaka" | |
| }, | |
| }, | |
| "title" : "Steve Boomshakalaka", | |
| "subtitle" : "CIA" |