Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Is Django for Designers?
Search
Julia Elman
September 06, 2012
2
900
Is Django for Designers?
Julia Elman
September 06, 2012
Tweet
Share
More Decks by Julia Elman
See All by Julia Elman
Branding Concepts
juliaelman
0
690
Developers & Designers: Collaborating on your Python project
juliaelman
2
91
Working with Designers
juliaelman
4
480
Featured
See All Featured
How to Ace a Technical Interview
jacobian
276
23k
Rails Girls Zürich Keynote
gr2m
94
13k
Building Adaptive Systems
keathley
38
2.3k
Speed Design
sergeychernyshev
25
670
GraphQLとの向き合い方2022年版
quramy
44
13k
Keith and Marios Guide to Fast Websites
keithpitt
410
22k
Mobile First: as difficult as doing things right
swwweet
222
9k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
191
16k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.5k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
127
18k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.3k
A better future with KSS
kneath
238
17k
Transcript
designers is for
Introduction Django + Designers Getting started What’s new in Django
1.4 Conclusion Overview
Designer Front End Developer 10 Years Web Experience Originally from
Kansas Introduction
None
Let’s go back... Ctrl-Z + 2007
http://flic.kr/p/5aW79J
Flash
SXSWi 2008
- Simon Willison You live near Lawrence, Kansas and you
are not doing Django? “ ”
for perfectionists with deadlines
http://flic.kr/p/5aW79J http://flic.kr/p/4pFs3e 2008 World Online Junior Designer/Developer
DEVELOPER DESIGNER Hybrid
designers
Let’s go way back... Ctrl-Z + 2005 + Chicago
Snakes vs. Rubies djangoproject.com/snakesandrubies/
http://flic.kr/p/5aW79J http://flic.kr/p/7Ejyc4 http://flic.kr/p/7Ejyc4 ...the person editing the templates is not
necessarily a programmer... they should not have to know Python... “ ” - Adrian Holovaty
designers
Where do I start?
Tutorial Getting started
#django irc.freenode.net Documentation docs.djangoproject.com django-users http://tinyurl.com/django-users/ Getting started
Getting started Bookmark this docs.djangoproject.com/en/dev/ref/templates/builtins/
Seriously. docs.djangoproject.com/en/dev/ref/templates/builtins/ Getting started
Template tags + filters Getting started
{% now “Y” %} Tags Getting started
{{ object.publish_date|date:“Y” }} Filters Getting started
#3 Getting started
{% if %} Getting started
{% if cats %} The cat says, “Meow!” {% endif
%} Getting started
{% if cats %} The cat says, “Meow!” {% else
%} There are no cats :( {% endif %} Getting started
Getting started #2
{% for %} Getting started
{% for kitten in kittens %} {{ kitten }} {%
endfor %} Getting started
{% for kitten in kittens %} {{ kitten }} {%
empty %} There are no kittens :( {% endfor %} Getting started
Getting started #1
{% extends %} Getting started
#base.html {% block extra_js %}{% endblock %} #events.html {% extends
“base.html” %} {% block extra_js %} <script src=”{{ STATIC_URL }}js/events.js”> </script> {% endblock %} Getting started
What’s new in Django 1.4
github.com/caktus/django-project-template/ What’s new in Django 1.4 Custom project templates
HTML5 doctype What’s new in Django 1.4
{{ object|truncatechars:“12” }} truncatechars What’s new in Django 1.4
{% elif %} What’s new in Django 1.4
{% if cat %} {{ cat.noise }} {% else %}
{% if dog %} {{ dog.noise }} {% endif %} {% endif %} What’s new in Django 1.4
{% if cat %} {{ cat.noise }} {% elif dog
%} {{ dog.noise }} {% endif %} What’s new in Django 1.4
So...
Sure.
http://flic.kr/p/6eq1sG
Command line Blockers
GREETINGS PROFESSOR FALKEN. SHALL WE PLAY A GAME?
Too many things Blockers
+designers
Share your brain Conclusion
Be a mensch Conclusion
Conclusion Collaborate
http://flic.kr/p/4Jj7er
Audience Poll
JULIA ELMAN @juliaelman THANK YOU!
“Pencil” symbol by Creologica + “Light bulb” symbol, from The
Noun Project “Brain” symbol by Samuel Dion-Girardeau, from The Noun Project “Conversation” symbol by Samuel Green, from The Noun Project Slide 12 Slide 51 Slide 53 Credits