(This is much for web design perspective)
A Beginner’s Guide to Wireframing
http://webdesign.tutsplus.com/tutorials/workflow-tutorials/a-beginners-guide-to-wireframing/
Many more extension readings:
http://wireframes.tumblr.com/
▼
2013年5月20日 星期一
2013年5月18日 星期六
The Importance Of Wireframes in Web Design and Tools to Create Wireframes
The Importance Of Wireframes In Web Design And 9 Tools To Create Wireframes
10 Excellent Tools for Creating Web Design Wireframes
Some Sketches Samples:
Highlight Tools:
gomockingbird
no time limit trial with page linking ( limited to 10 pages at max. )
balsamiq
single page no day limit trial, with more advanced options
2013年5月15日 星期三
Web Design Principles
8 Universal Web Design Principles You Should Know
http://conversionxl.com/8-universal-web-design-principles-you-should-to-know/
When talking about user friendliness( or more technically, human-computer interface HCI), most lecturers would include these basic principles as key points in their lecture notes. These concepts, although it could be sometimes frustrating to web developers for more work, make people gain much pleasant feeling from the website at first glance. This effort worth, although realizing it can be painful.
Featured:
TBC
http://conversionxl.com/8-universal-web-design-principles-you-should-to-know/
When talking about user friendliness( or more technically, human-computer interface HCI), most lecturers would include these basic principles as key points in their lecture notes. These concepts, although it could be sometimes frustrating to web developers for more work, make people gain much pleasant feeling from the website at first glance. This effort worth, although realizing it can be painful.
Featured:
TBC
lorem ipsum
Wondering what does "lorem ipsum" mean? It is some meaningless text invented for typesetting industry centuries ago. Nowadays web developers might use this as the random placeholder in their semi-products.
To conclude, lorem ipsum is a rubbish text but you might try to pronounce it out when you feel bored.
To get some random English paragraphs for your publishment, go for this one :
Alternatively, to get some random Chinese paragraphs, see if this is useful enough :
2013年5月14日 星期二
Web cache setup + web directory listing + Bandwidth saving
Comprehensive guide to .htaccess file in Apache server
http://www.javascriptkit.com/howto/htaccess.shtml
Featured techniques:
2. Error Documents
8. Change your default directory page
9. Redirects
12. Prevent hot linking
13. Prevent directory listing
Extension reading - Hacks on directory listing
Beautifying directory listing by adding HEADER.html as Header and README.html as Footer
http://rebugged.com/how-to-geek-up-your-web-server/
Practical tips to save bandwidth and reduce server load
http://www.catswhocode.com/blog/practical-tips-to-save-bandwidth-and-reduce-server-load
Featured techniques:
Smush It - for reducing img size w/o losing its quality
Awesome web tools to simplify front-end development
http://www.catswhocode.com/blog/awesome-web-tools-to-simplify-front-end-development
Featured Tools:
Form builder - very easy for form creation
Mystic Paste - pasting code snippets easily to your blogs
Screenqueri.es - for testing responsive web display
CatsWhoCode got quite a lot of interesting posts about web development. Good to nav when have time.
http://www.javascriptkit.com/howto/htaccess.shtml
Featured techniques:
2. Error Documents
8. Change your default directory page
9. Redirects
12. Prevent hot linking
13. Prevent directory listing
Extension reading - Hacks on directory listing
Beautifying directory listing by adding HEADER.html as Header and README.html as Footer
http://rebugged.com/how-to-geek-up-your-web-server/
Practical tips to save bandwidth and reduce server load
http://www.catswhocode.com/blog/practical-tips-to-save-bandwidth-and-reduce-server-load
Featured techniques:
Smush It - for reducing img size w/o losing its quality
Awesome web tools to simplify front-end development
http://www.catswhocode.com/blog/awesome-web-tools-to-simplify-front-end-development
Featured Tools:
Form builder - very easy for form creation
Mystic Paste - pasting code snippets easily to your blogs
Screenqueri.es - for testing responsive web display
CatsWhoCode got quite a lot of interesting posts about web development. Good to nav when have time.