citizensonline   68

« earlier    

When to use @extend; when to use a mixin – CSS Wizardry
DRY is a principle that aims for a Single Source of Truth within a project. DRY is about not repeating Yourself, it is not about completely avoiding repetition.

If you manually type a declaration 50 times in a project, you are repeating yourself: this is not DRY. If you can generate that declaration 50 times without having to manually repeat it, this is DRY: you are generating repetition without actually repeating yourself. This is quite a subtle but important distinction to be aware of. Repetition in a compiled system is not a bad thing: repetition in source is a bad thing.

The Single Source of Truth means that we can store the source of a repeated construct in one place and recycle and reuse it without ever actually duplicating it. Sure, a system might repeat it for us, but its source only ever exists once. This means we can change it once and that change will propagate everywhere; that there will be no duplication of that construct in our source code; that there is a Single Source of Truth. This is what we mean when we talk about DRY.
css  citizensonline 
november 2018 by oddhack
shame.css – CSS Wizardry – CSS Architecture, Web Performance Optimisation, and more, by Harry Roberts
If anyone has to add a quick hack, they add it to shame.css, this means that they’re putting their hacks out there in the open; it means that they are aware that what they’re doing is hacky, it forces them to document what the problem was, how the hack fixes it, and how they might fix it for real given more time.

It means that other developers can see what hacks are being introduced, and why; it means that all the hacky bits of CSS are self contained, and it creates a self-fulfilling todo list.
css  citizensonline  hacks  openness 
november 2018 by oddhack
Sass Style Guide | CSS-Tricks
lots of good things here. Nice example:

Maximum Nesting: Three Levels Deep

Chances are, if you're deeper than that, you're writing a crappy selector. Crappy in that it's too reliant on HTML structure (fragile), overly specific (too powerful), and not very reusable (not useful). It's also on the edge of being difficult to understand.
css  styleguide  citizensonline  sass  reference  webdesign 
november 2018 by oddhack
The origin of personas | Cooper
I’m tempted to say that personas are counter-intuitive, but it would be more accurate to say that they are counter-logical. I suspect that this is why they originated in practice rather than in the laboratory or in academia. If, responding to the directive design for the user, you follow logic, you tend to canvass the user community, collect their requests for functions, and then provide them a product containing all of those functions. I call this “the sum of all desired features.” There is abundant empirical proof that this solution is only marginally effective at best. The problem is that while logic is a powerful and effective programming tool, it is a pathetically weak and inappropriate interaction design tool.
ux  design  personas  citizensonline 
august 2018 by oddhack
What is the role of information architecture in a web design project? | The Understanding Group
Websites are places made of information. Walls and doors and windows, all the things you use to orient yourself in the physical world, are replaced by words. Menus and lists and headlines and copy—they all work together to let you know what kind of place you’re visiting and guiding you where to go.

Architecting information is harder to do than it seems on the surface. Language is tricky. People use the same word to mean different things, and different words to mean the same thing.

When talking to people, we can use the context of the discussion and dialog to get a clear sense of what is meant. On a website, that’s harder to do, and it’s the role of the information architect to build a sensible, coherent system of language that will ensure your visitors always know where they are and where they need to go.
informationarchitecture  citizensonline 
august 2018 by oddhack

« earlier    

related tags

4syllables  a11y  accessibility  ajaj  ajax  ambiguity  aria  cheatsheet  content  contentstrategy  css  dan_klyn  design  digitalinclusion  digitalparticipation  disability  faqs  fontawesome  gdpr  gdsteam  gerry_mcgovern  hacks  haiku  htaccess  inclusivedesign  informationarchitecture  informationforaging  jessamyn_west  jquery  json  navigation  nomensa  openness  paul_boag  personas  privacy  reference  sarah_lewthwaite  sass  screenreader  seo  snippets  staging  styleguide  testing  tools  typography  useful  userexperience  ux  wcag  webdesign  wordpress 

Copy this bookmark: