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

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...

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

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

Design: BLAB

JavaScript: Manc JS

Hack Days: Startup Hacks

PHP: PHPNW

mcrfred-1

By Simon Owen

mcrfred-1

It begins!

  • 4,488