Welcome!
Part 1
#McrFRED
20th March 2013
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
if one doesn't exist in your area
About Me
My name is
Simon Owen
About Me
My name is not
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...
Internet Explorer
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
Awesome people
Too many to name,
for a few check out:
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
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:
GitHub
"Wikipedia for code."
H5BP
Commits:
Commits RSS:
Can go right back to first commit 3 years ago:
Repos
Chrome Dev Theme:
Fork > Members:
Shortcuts
Nicholas Zakas @ TechXploration
Total Finder
Quicksilver
Spectacle
WordPress and Octopress
Markdown
Emmet
Sass / LESS
Sublime Text 2
Terminal
Blog article on dotfiles:
Octopress deployment
.gitconfig
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
Other Events in Manchester
PHP: PHPNW
mcrfred-1
By Simon Owen
mcrfred-1
It begins!
