As stakeholders in various positions of the software development processes, us developers often tend to make assumptions around the usage of our software. One famous assumption is the one where we decide that people interacting with our work will do it on the devices we originally developed on.
This workshop is the for the developer who'd like to incorporate Responsive Web Design practices into their work. There's enough material on the internet about the goodness of RWD, so let's skip that.
I'll show you how to mockup on the browser. It's no longer humane to do Photoshop/Inkscape mockups, simply because -
a) for how many devices will you do it? and
b) photoshop/inkscape is relatively easy arrangement of elements - if you're going to eventually put an effort on making it a working website, why not start it that way?
So we will:
1) First learn to do low-fidelity paper sketches to a webpage you fancy
2) Do a quick run through web layouts in CSS
3) Develop a mobile-first approach to developing the page
4) Learn enough SASS to put to practice - variables in CSS, maybe mixins
5) Take homework for
--> semantic HTML structuring
--> mobile first approach to writing CSS: choosing the right breakpoints, et all
--> introduction to some recent CSS specs, such as Flexbox, and the idea of cross-browser compatibility
6) Look at some elements of responsivity that is tied to touch-enabled devices
7) Learn some best practices
8) Document what we learn
* Attendees will work on real web pages with no time to teach how to do things TheOldWay, so I will assume reasonable familiarity with HTML/CSS. Not sure if that goes with conference rules, but we might want to do a selection test to confirm this.
* If any organizer, speaker or anyone in general wants their FOSS project layout revamped mobile first, they can show up. Once the workshop is over, I'll help connect attendees with folks who want help on their project.
* Can the workshop duration be extended? (More time the better)
Hall: D405 [4th Floor]