pyjamastronaut

Th journey of a bedroom web designer

[pyjamastronaut-blog]

“I always keep it in mind that no matter how beautiful I make website the average user only really wants to spend about a” 10 seconds on it.

Simon Foster

[pyjamastronaut-blog]

bootystrapping

Getting my head around bootstrap arrrr

[pyjamastronaut-blog]

workflow process

Bootstrap - indesign wireframe - (fancy mockup in photoshop) - HTML editor (I can't decide which?!!) - MAMO local server - wordpress.

[pyjamastronaut-blog]

Great website explaining responsive design

http://johnpolacek.github.io/scrolldeck.js/decks/responsive/

[pyjamastronaut-blog]

Youtube tutorials

I have watched a few 30min youtube videos on converting PSD to Html. My HTML and CSS knowledge is good enough for me to follow along and absorb the process. Now I am investigating how to approach coding for tablets/phones.

[pyjamastronaut-blog]

Learning all about HTML tags. I am figuring out the process. I will convert a PSD design into HTML using dreamweaver, then cut it up into Wordpress format. I'll test it out using MAMP ( a local server). LETS GO!

[pyjamastronaut-blog]

Local site

I want to play around with my site locally so I am using this http://mamp.info/en/index.html.

[pyjamastronaut-blog]

Super helpful website

http://webdesignerwall.com/

[pyjamastronaut-blog]

beginners tips

very helpful http://freelanceswitch.com/freelance-web-development/beginner-developer-resources/

[pyjamastronaut-blog]

Smaller steps than a baby

http://www.smashingmagazine.com/2009/07/09/the-roadmap-to-becoming-a-professional-freelance-web-designer/

[pyjamastronaut-blog]

wireframing

make any website into a wire frame... very cool http://www.wirify.com/

[pyjamastronaut-blog]

to calculate text line height 

[pyjamastronaut-blog]

[pyjamastronaut-blog]

[pyjamastronaut-blog]

Day 2, I am a visual learner so I am finding this site very helpful http://yoast.com/wordpress-theme-anatomy/

[pyjamastronaut-blog]

. . . 

[pyjamastronaut-blog]

wikipedia is my friend

".... For tools and platforms, the public can use many open source systems to aid in web development. .... This has kept the cost of learning web development to a minimum... Using such software, virtually anyone can relatively quickly learn to develop a very basic web page. Knowledge of HyperText Markup Language (HTML) or of programming languages is still required to use such software, but the basics can be learned and implemented quickly with the help of help files, technical books, internet tutorials, or face-to-face training."

  https://en.wikipedia.org/wiki/Web_development