Electric Objects - A Computer Made for Art
Electric Objects brings the beauty of the Internet into your home.
art  kickstarter  digital  home 
4 hours ago
Touch, responsive, flickable galleries
carousel  gallery  javascript  RWD 
15 hours ago
Design Thinking for Libraries
Design Thinking for Libraries is an approach to improving your library through creative problem solving.
design  libraries  reading  process 
5 days ago
Shark Arm case - Wikipedia, the free encyclopedia
The Shark Arm case refers to a series of incidents that began in Sydney, Australia on 25 April 1935 when a human arm was regurgitated by a captive 3.5-metre tiger shark. The tiger shark had been caught 3 kilometres from the beach suburb of Coogee in mid-April and transferred to the Coogee Aquarium Baths, where it was put on public display. Within a week the fish became ill and vomited in front of a small crowd, leaving the left forearm of a man bearing a distinctive tattoo floating in the pool. Before it was captured, the tiger shark had devoured a smaller shark. It was this smaller shark that had originally swallowed the human arm.
sharks  australia 
6 days ago
It's a Jekyll generator plugin that splits posts across multiple pages, with extensive configuration options.
7 days ago
MySQL Compare
MySQL Compare, lets you compare two DB structures and see differences between them.
mysql  development  diffing  databases 
9 days ago
Your Reading List | Zinio
Issue of Rhythm with details of 10 famous drum sounds, including When The Levee Breaks, No One Knows etc.
music  drums 
11 days ago
Easily create front-end style guides with Markdown and Sass/SCSS
12 days ago
Automatically Create Pattern Lab Components
13 days ago
CSS Guidelines (2.2.2) – High-level advice and guidelines for writing sane, manageable, scalable CSS
* Runs the risk of becoming out of date; not very maintainable.
.blue {
color: blue;

* Depends on location in order to be rendered properly.
.header span {
color: blue;

* Too specific; limits our ability to reuse.
.header-color {
color: blue;

* Nicely abstracted, very portable, doesn’t risk becoming out of date.
.highlight-color {
color: blue;
css  styleguide 
13 days ago
Is DevOps Driving the Future of UX Design? | WIRED
“…the rapidly evolving landscape of software delivery is influencing the current user experience design practices…”

“Market imperatives are compelling us to increase the velocity of designing the user experience for complex software in step with Agile, which is now evolving into Continuous Delivery practices. We designers have to not only adapt, but evolve proactively to continue leading with creative decisions and transform the “power struggle” into the “power of collaboration,” the same way development and operation teams are achieving this in the DevOps culture.”

“Insightfully orchestrating whom to bring into the design process, when and for how long, is the new skill for making the best design decisions at the accelerated pace of software releases.”

“In addition to empathy, there is another state of mind to keenly develop as designers: situational awareness. First, we need to be aware that we are immersed in the transformative process of how software gets into the hands of users, which is in alignment with the user’s specific needs. We need to have awareness of the speed at which the competitiveness of the market requires responsive improvement to be delivered continuously.

We need to have the awareness to go deeper into understanding the connections between the product and its users. And, we need to have awareness of engineering team dynamics. Engineers in both development and operations teams evolved into collaborating more efficiently by first becoming more aware of their respective needs and objectives. The very same applies to designers and product managers, as their circles of influence are intersecting more and more in determining direction and improvements.”

“When product management, marketing, engineering, and designers operate within the myopia of a task-driven approach, the intent to make design a competitive edge becomes elusive. To achieve design at a differentiating level against competitors, the path to follow is paved with the same principles as in DevOps: collaboration, awareness, and alignment of objectives.”

“When clear design objectives are articulated into values and characteristics of the product then all teams who collaborate around design have mindshare. Discussions cut incisively to the core of design challenges and get solved much faster without the drag of a struggle.”

“Veterans of the software industry witnessed how Agile transformed the way they think; DevOps the way they collaborate; and now with the teaming of product development and designers, the way they define their software.”
design  ux  product  process  development  agile  devops  collaboration 
18 days ago
Teach music better.
Forget paper. Forget PDFs. Give your students sheet music that sings. Introducing Soundslice For Teachers.
music  teaching  guitar  tabs  tech 
23 days ago
The Core Model: Designing Inside Out for Better Results · An A List Apart Article
“With a prioritized list of what kind of content and modules needs to be on the most important pages, it’s a lot easier for the team to get to work, regardless of whether they are UX designers, graphic designers, or content strategists. We start by creating the core pages; the homepage is usually the last page we design. (How can you design the wrapping before you know what’s inside?)”

“Using the core model, we start the design process by mapping out all the content we have in order to find the pages with a clear overlap between objectives and user tasks.

To use the core model, you need:

Business objectives: Prioritized, measurable objectives and sub-objectives. What does the organization want to achieve?
User tasks: Actual, researched, prioritized user tasks. What is it that people want to get done? (We usually conduct top task surveys to identify the user tasks, which is a great tool if you want to align the organization.)”

“When you have set aside the nonessential content, you are left with cores. These are pages or workflows whose content fulfills a clear overlap between business objectives and user tasks.

An example from the NCS is their page dedicated to information about lung cancer. Our user research identified a huge need for qualified and authoritative information on the many forms of cancer—and seeing that one of the objectives for the NCS is to educate Norwegians about cancer, this is a clear match of the users’ needs with the organization’s larger objective.”

“But what happens with pages like “Donate”? Our research showed that users did not typically search the site for information related to fundraising, but being able to receive donations online is essential if the NCS is going to raise more money for cancer research. This is where the core model truly shines: if you create good cores, you’ll also be able to create good pathways to other, less-requested pages on your website, regardless of where they are placed in the information architecture. A core page should never be a blind alley.”

“The core model is first and foremost a thinking tool. It helps the content strategist identify the most important pages on the site. It helps the UX designer identify which modules she needs on a page. It helps the graphic designer know which are the most important elements to emphasize in the design. It helps include clients or stakeholders who are less web-savvy in your project strategy. It helps the copywriters and editors leave silo thinking behind and create better content.”
webdesign  process  research  ux  contentstrategy 
7 weeks ago
Chromostereopsis - Wikipedia, the free encyclopedia
Chromostereopsis is a visual illusion whereby the impression of depth is conveyed in two-dimensional color images, usually of red-blue or red-green colors, but can also be perceived with red-grey or blue-grey images.
vision  colour  biology 
7 weeks ago
The learning platform, intranet and VLE | Firefly
Firefly helps students and teachers organise their homework, and create and access resources from anywhere. It's your learning platform, parent portal, intranet and VLE. All in one.
7 weeks ago
Turbolinks makes following links in your web application faster. Instead of letting the browser recompile the JavaScript and CSS between each page change, it keeps the current page instance alive and replaces only the body and the title in the head. Think CGI vs persistent process.
javascript  performance  webdesign  css 
7 weeks ago
Motorik - Wikipedia, the free encyclopedia
Motorik is a term coined by music journalists to describe the 4/4 beat often used by "Krautrock" bands such as Can, Neu! and Kraftwerk (promoting the official CD release of Neu!'s back-catalogue, Klaus Dinger stated he called it the "Apache-beat").[1] The word "Motorik" means "motor skill" in German, although the word's use in music journalism may be derived from a punning modification of "motoric", a term long used by music critics to describe relentless ostinato rhythm, or simply from a combination of "motor" and the German "Musik".
drums  music 
8 weeks ago
Ruby interface and command line utility for the Siteleaf API
9 weeks ago
mdoml · Custom HTML elements
What if you could augment HTML5’s current set of elements with your own? Well, as it turns out, you can. mdoml is an experiment in creating custom HTML elements based on today’s most common interface design components.
css  html  markup  HTML5  github 
10 weeks ago
Morphing Buttons Concept | Demo 1
Inspiration for revealing content by morphing the action element
animation  buttons  css  interactiondesign  forms  ui 
10 weeks ago
« earlier      
accessibility adobe agencies agile ajax album alistapart analytics animation apple apps architecture art articles artists audio audioplayer australia badges bauhaus bestpractice blog blogging books branding browsers bugs business businesscards buttons carousel charts cms code coding colour compression contracts creativity critique css css3 culture cycling data design designers development dropbox ecommerce education email facebook films filums firefox fireworks fis flash flashden flickr fluid fontembedding fontface fonts food forms framer frameworks freeagent freefonts freelancing funny galleries gallery gifs git github goldenratio google graphics grids grunt guidelines hacks hollyfulton hosting htaccess html html5 humour icons ideation ie ie6 ie7 illustration illustrator imagereplacement images independence infographics inspiration interactiondesign interfacedesign ios ipad iphone javascript jekyll jobs jquery js keynote layouts letterpress lightbox logodesign logos mac maps marketing mediaqueries menus metrics microformats minimal mobile money mootools music navigation onboarding origami osx parallax patterns performance photography photoshop php plugins png portfolio portfolios posters presentations print printers process product projectmt3 prototyping psychology quartzcomposer quotes reading research responsive retina rgba roundedcorners rss rwd safari sass scotland scrolling seo sifr sketch slider software speaking standards startups statistics stock strategy styleguide svg tables tech templates testing textures thefold tools tooltips transparency travel tshirts tutorials twitter typography ui uidesign usability usabilitytesting ux vector video videos web webdesign webfonts webkit websites wireframes wordpress wordpressthemes work writing xhtml youtube

Copy this bookmark: