Drupal Talk
Flickr: Do websites dream of elastic sheep? RWD in the real world (Lewis Nyman, lewisnyman.co.uk ) IMG_0373
therobyouknow posted a photo:
lewisnyman.co.uk
Synopsis from frontendunited.org website:
"Responsive Web Design functions as a practice, but also a critique of techniques that came before it" — Ethan Marcotte
Responsive Web Design has disrupted not just how we've made websites, but why. As developers and designers it's changed the problems we have to solve and the way we solve them.
But developing a responsive site is not just influenced by internal factors. External factors can make success difficult or even impossible to achieve before we've even typed an opening bracket.
Let's talk about challenges we face on the journey of creating a responsive site, warts and all. From strategy, through to design, to development, and hopefully success.
Flickr: How to destroy the web Bruce Lawson, Opera, brucelawson.co.uk IMG_0379
therobyouknow posted a photo:
brucelawson.co.uk
Synopsis from frontendunited.org website:
The future of the Web is a dangerous Babylon: people talking to each other to do business, organise revolutions, express their feelings, meet their friends, transcend their disabilities and economically empower themselves. Obviously, this must be stopped. Bruce will show you his top tips and tricks that you can employ to destroy the web.
Flickr: Death of a Themer Matt Fielding, James Panton (Code Enigma) IMG_0385
therobyouknow posted a photo:
codeenigma.com
Synopsis from the Frontendunited.org website:
Themers are the magicians who transform what Drupal wants to do into what the designer wants it to do. They work alongside developers and site builders and are usually hammering out CSS files, overriding templates, writing theme functions and scratching their heads.
The thing is — and whisper this if possible redundancy concerns you — we can bypass the themer entirely.
With some simple configuration, a site builder can get Drupal to output exactly the semantic, lightweight markup that any modern front-end designer would be proud of. The designer can be left alone to write the most appropriate HTML, CSS and JS, while the site builder need only choose a couple of options when putting together content types, views and panels to make Drupal behave.
A friendly developer may have to lend a hand every now and then, but that’s it. You can get rid of the themer altogether.*
This is an extended version of a session James did recently but will take a closer look at the tools and workflow we created and the design principles that initially drove us to this approach.
*No themers will be harmed in this session.**
** Well, that’s the plan, anyway.
Flickr: Death of a Themer Matt Fielding, James Panton ( Code Enigma, codeenigma.com ) IMG_0389
therobyouknow posted a photo:
See notes on the photo for direct links, also here:
drupal.org/project/ds
drupal.org/project/semantic_panels
drupal.org/project/panels
drupal.org/project/panels_everywhere
drupal.org/project/semanticviews
www.codeenigma.com
Synopsis from the Frontendunited.org website:
Themers are the magicians who transform what Drupal wants to do into what the designer wants it to do. They work alongside developers and site builders and are usually hammering out CSS files, overriding templates, writing theme functions and scratching their heads.
The thing is — and whisper this if possible redundancy concerns you — we can bypass the themer entirely.
With some simple configuration, a site builder can get Drupal to output exactly the semantic, lightweight markup that any modern front-end designer would be proud of. The designer can be left alone to write the most appropriate HTML, CSS and JS, while the site builder need only choose a couple of options when putting together content types, views and panels to make Drupal behave.
A friendly developer may have to lend a hand every now and then, but that’s it. You can get rid of the themer altogether.*
This is an extended version of a session James did recently but will take a closer look at the tools and workflow we created and the design principles that initially drove us to this approach.
*No themers will be harmed in this session.**
** Well, that’s the plan, anyway.
Flickr: Etching wireframes, agile UX (Roy Scholten, yoroy.com) IMG_0390
therobyouknow posted a photo:
Flickr: Death of a Themer Matt Fielding, James Panton (Code Enigma) IMG_0391
therobyouknow posted a photo:
Flickr: Etching wireframes, agile UX (Roy Scholten, yoroy.com) IMG_0394
therobyouknow posted a photo:
yoroy.com
Synopsis from the frontendunited.org website:
To most people using your app or website, the user interface IS the program. As frontend designers and developers, you operate on exactly that crucial layer in the stack. Lots of interesting problems to solve there.
There's a method to the magic. Using a design process helps you find the best possible solutions to such problems.
I'd like to take you on a tour through 3 different types of creative work in which I apply some version of the creative process: my art, open source contributions and project work.
Flickr: Etching wireframes, agile UX (Roy Scholten, yoroy.com) IMG_0395
therobyouknow posted a photo:
yoroy.com
Synopsis from the frontendunited.org website:
To most people using your app or website, the user interface IS the program. As frontend designers and developers, you operate on exactly that crucial layer in the stack. Lots of interesting problems to solve there.
There's a method to the magic. Using a design process helps you find the best possible solutions to such problems.
I'd like to take you on a tour through 3 different types of creative work in which I apply some version of the creative process: my art, open source contributions and project work.
Flickr: Prototyping your way to UX success (Leisa Reichelt, disambiguity.com ) IMG_0397
therobyouknow posted a photo:
disambiguity.com
Synopsis on this presentation from frontendunited.org website:
"Leisa Reichelt is a user experience practitioner and community organiser. She has a background in user-centred design, design research, and information architecture, and she’s passionate about helping organisations to devise great experiences then actually implement them. She worked with the Drupal community on the Drupal.org redesign and D7UX project. She’s currently writing A Practical Guide to Strategic User Experience and she blogs at disambiguity.com."
Flickr: Prototyping your way to UX success ( Leisa Reichelt, disambiguity.com ) IMG_0398
therobyouknow posted a photo:
disambiguity.com
Synopsis on this presentation from frontendunited.org website:
"Leisa Reichelt is a user experience practitioner and community organiser. She has a background in user-centred design, design research, and information architecture, and she’s passionate about helping organisations to devise great experiences then actually implement them. She worked with the Drupal community on the Drupal.org redesign and D7UX project. She’s currently writing A Practical Guide to Strategic User Experience and she blogs at disambiguity.com."
Flickr: Prototyping your way to UX success (Leisa Reichelt) IMG_0400
therobyouknow posted a photo:
disambiguity.com
Synopsis on this presentation from frontendunited.org website:
"Leisa Reichelt is a user experience practitioner and community organiser. She has a background in user-centred design, design research, and information architecture, and she’s passionate about helping organisations to devise great experiences then actually implement them. She worked with the Drupal community on the Drupal.org redesign and D7UX project. She’s currently writing A Practical Guide to Strategic User Experience and she blogs at disambiguity.com."
Flickr: Prototyping your way to UX success (Leisa Reichelt) IMG_0402
therobyouknow posted a photo:
disambiguity.com
Synopsis on this presentation from frontendunited.org website:
"Leisa Reichelt is a user experience practitioner and community organiser. She has a background in user-centred design, design research, and information architecture, and she’s passionate about helping organisations to devise great experiences then actually implement them. She worked with the Drupal community on the Drupal.org redesign and D7UX project. She’s currently writing A Practical Guide to Strategic User Experience and she blogs at disambiguity.com."
Flickr: Prototyping your way to UX success (Leisa Reichelt) IMG_0403
therobyouknow posted a photo:
disambiguity.com
Synopsis on this presentation from frontendunited.org website:
"Leisa Reichelt is a user experience practitioner and community organiser. She has a background in user-centred design, design research, and information architecture, and she’s passionate about helping organisations to devise great experiences then actually implement them. She worked with the Drupal community on the Drupal.org redesign and D7UX project. She’s currently writing A Practical Guide to Strategic User Experience and she blogs at disambiguity.com."
Flickr: Prototyping your way to UX success (Leisa Reichelt) IMG_0404
therobyouknow posted a photo:
disambiguity.com
Synopsis on this presentation from frontendunited.org website:
"Leisa Reichelt is a user experience practitioner and community organiser. She has a background in user-centred design, design research, and information architecture, and she’s passionate about helping organisations to devise great experiences then actually implement them. She worked with the Drupal community on the Drupal.org redesign and D7UX project. She’s currently writing A Practical Guide to Strategic User Experience and she blogs at disambiguity.com."
Flickr: Beauty in order (Zélia Sakhi, ilovegraphics.net) IMG_0405
therobyouknow posted a photo:
ilovegraphics.net
Synopsis of presentation from frontendunited.org website:
"Beauty in order" will cover a short historical timeline of the use of mathematic principles in design, and take you through their application in modern UI.
From sacred geometry to the first uses of perspective, how did mathematics build an intrinsic relationship with visual representation?
How can we still use those in user interface design today?
And other nerdy talks around universal beauty, in order and chaos.
Flickr: Beauty in order (Zélia Sakhi, ilovegraphics.net) IMG_0407
therobyouknow posted a photo:
ilovegraphics.net
Synopsis of presentation from frontendunited.org website:
"Beauty in order" will cover a short historical timeline of the use of mathematic principles in design, and take you through their application in modern UI.
From sacred geometry to the first uses of perspective, how did mathematics build an intrinsic relationship with visual representation?
How can we still use those in user interface design today?
And other nerdy talks around universal beauty, in order and chaos.
Flickr: Beauty in order (Zélia Sakhi, ilovegraphics.net) IMG_0409
therobyouknow posted a photo:
ilovegraphics.net
Synopsis of presentation from frontendunited.org website:
"Beauty in order" will cover a short historical timeline of the use of mathematic principles in design, and take you through their application in modern UI.
From sacred geometry to the first uses of perspective, how did mathematics build an intrinsic relationship with visual representation?
How can we still use those in user interface design today?
And other nerdy talks around universal beauty, in order and chaos.
Flickr: Beauty in order (Zélia Sakhi, ilovegraphics.net) IMG_0411
therobyouknow posted a photo:

