Editing
Front-end Web Development/Notes/Archive
(section)
Jump to navigation
Jump to search
Warning:
You are not logged in. Your IP address will be publicly visible if you make any edits. If you
log in
or
create an account
, your edits will be attributed to your username, along with other benefits.
Anti-spam check. Do
not
fill this in!
==== Class for 2012-03-12 ==== Verbatim notes for my personal use: What to do: * Always start with HTML * Add presentation and behavior next * Assume nothing about your audience * Be as semantic as possible * Use [http://www.html5please.com www.html5please.com] What not to do: * Use inline style tags * Implement security on the frontend * Expect links to work only with JS - modals, AJAX, etc. * Tell users to upgrade * Start with a rich site and then work backward Benefits: * Starting with the basics makes cross-browser testing easier * Makes your site more modular - can switch stylesheets or remove behavior on-the-fly * Makes development in teams easier Drawbacks: * App- or game-like sites might be hard to support * Supporting all browsers off-the-bat might slow down productivity * Can't use cool new CSS3/HTML5 stuff in production yet Schedule: * Create a simple site with an HTML5 sectioning elements * Add CSS * Add JS * Show site without CSS and JS added on * Show site in IE6 * Install ChromeVox and read through site * Explain browser "hacks" * Explain JS feature testing (modernizr) * Show what not to do * Show [http://html5boilerplate.com/ HTML5 Boilerplate]
Summary:
Please note that all contributions to Noisebridge are considered to be released under the Creative Commons Attribution-NonCommercial-ShareAlike (see
Noisebridge:Copyrights
for details). If you do not want your writing to be edited mercilessly and redistributed at will, then do not submit it here.
You are also promising us that you wrote this yourself, or copied it from a public domain or similar free resource.
Do not submit copyrighted work without permission!
To protect the wiki against automated edit spam, we kindly ask you to solve the following CAPTCHA:
Cancel
Editing help
(opens in new window)
Navigation menu
Personal tools
Not logged in
Talk
Contributions
Log in
Request account
Namespaces
Page
Discussion
English
Views
Read
Edit
View history
More
Search
Dig in!
Noisebridge
- Status: MOVED
- Donate
- ABOUT
- Accessibility
- Vision
- Blog
Manual
MANUAL
Visitors
Participation
Community Standards
Channels
Operations
Events
EVENTS
Guilds
GUILDS
- Meta
- Electronics
- Fabrication
- Games
- Music
- Library
- Neuro
- Philosophy
- Funding
- Art
- Crypto
- Documentation/Wiki
Wiki
Recent Changes
Random Page
Help
Categories
(Edit)
Tools
What links here
Related changes
Special pages
Page information