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
700
Developers & Designers: Collaborating on your Python project
juliaelman
2
100
Working with Designers
juliaelman
4
490
Featured
See All Featured
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Facilitating Awesome Meetings
lara
54
6.5k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Automating Front-end Workflow
addyosmani
1370
200k
Site-Speed That Sticks
csswizardry
10
710
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
Music & Morning Musume
bryan
46
6.7k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
What's in a price? How to price your products and services
michaelherold
246
12k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
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