Welcome!


Part 1

#McrFRED 
20th March 2013
@simonowendesign

http://fredup.github.com/


Sponsors



WTF is FRED?

FRED stands for FRont End Developers,
and is (as far as we can tell) the first
multi-city meetup for front-end devs.

FRED provides an outlet for front-end
developers to talk and share about
this exciting and crucial new craft.

Why?

So much to learn... Tools, workflows, boilerplates,
testing, different devices, browsers...


Let's help each

other out


What can you do?


Spread the word to other 'FREDs'

Send us feedback

Contribute on GitHub

Talk at next #McrFRED event

Set up your own #FRED
if one doesn't exist in your area

About Me


My name is


Simon Owen

About Me


My name is not


Simon Owen Design

About Me


I'm not 12.

Yes, I know I look young.

Yes, I do have my ID.

Salford University

Teaching.

JD Williams

Email templates, Front-end dev, JDWilliams.co.uk, VivaLaDiva.com, Jacamo.co.uk.


The Hut Group

Lots of banners, lots of newsletters, lots of sites e.g. TheHut, Zavvi,
ASDA Entertainment, Woolworths Entertainment, lots of code, lots of learning,
lots of brews, lots of deployments, lots of documenting on Wiki, lots of fun.


Absolute Media

Smaller team, great fun, fast paced atmosphere, several different projects,
changing all the time, Amir Khan nominations, not bad for 2 devs, 2 designers and a dog.

My first website...

Prepare to be amazed...

In the beginning


Oh yeah


Hell yeah!

Searching was fun


Real fun

Awesome results

I'm waiting...


Remember this?

Internet Explorer




95% Global Market Share




Internet full of cool people, such as...


This guy,


this cool guy,

and this

super cool guy


Things have got

a lot better


196,000,000 results

in 0.22 seconds!

Awesome tools


Awesome browsers



IE down to 30%

Awesome people

Too many to name,
for a few check out:

http://twitter.com/simonowendesign/following

Here's a secret

Give a man a fish



"Give a developer a code 

snippet and they can get 

something working once.

Teach them how to code and 

they can sit in front of a 

computer, drink beer all day

 and create cool sh*t."

 - Simon Owen Design - 


END OF

PART 1

Go grab a beer!


Welcome Back!

Part 2


#McrFRED 
20th March 2013
@simonowendesign

http://fredup.github.com/

Here we go!

Vienna - Watch commits (H5BP)
GitHub - Your best friend

Spend time, saving time:
Shortcuts / Total Finder
Quicksilver / Spectacle
WordPress / Octopress
Markdown / Emmet / Sass
in Sublime Text 2

Terminal:
rupa/z, ohmy-zsh, brew, dotfiles

RSS Feeds


Vienna - Watch commits (H5BP)

Other RSS Feeders:

http://feedly.com/ 
http://www.newsblur.com/
http://theoldreader.com/

GitHub

"Wikipedia for code."


H5BP

https://github.com/h5bp/html5-boilerplate

Commits:
https://github.com/h5bp/html5-boilerplate/commits/master

Commits RSS:
https://github.com/h5bp/html5-boilerplate/commits/master.atom

Can go right back to first commit 3 years ago:
First H5BP commit!

Repos

Chrome Dev Theme:
SO-Dark-Monokai-v3

Fork > Members:
People who have forked the repo


Shortcuts


Nicholas Zakas @ TechXploration

Total Finder

http://totalfinder.binaryage.com/

Quicksilver

http://qsapp.com/

Spectacle

http://spectacleapp.com/

WordPress and Octopress



Markdown

MarkdownCheat Sheet

Emmet

Emmet / Cheat Sheet

Sass / LESS

Sass / LESS

Sublime Text 2


Terminal

rupa/z
ohmy-zsh
homebrew
dotfiles

Blog article on dotfiles:
http://simonowendesign.co.uk/mother-effing-dotfiles/

Octopress deployment


.gitconfig

.gitconfig file on GitHub


Check you're up to date with GitHub:

$ g up

Generate the Octopress files:

$ rake generate

Add all the new files to GitHub:

$ g add .

Commit those files with a commit note:

$ g c 'Commit note'

Push the files to GitHub:

$ g push

Deploy everything to GitHub, boom live site is updated:

$ rake deploy

Thanks for

watching folks.


Any feedback would be great!

McrFRED@gmail.com

#McrFRED

@simonowendesign

Other Events in Manchester

Design: BLAB

WordPress: Manchester WordPress User Group

JavaScript: Manc JS

Gaming: Manchester GameJam

Hack Days: Startup Hacks

PHP: PHPNW
Made with Slides.com