I recently taught a class for www.cctbusiness.com on HTML5 and CSS3 level 1 the class was exceptional. I discussed the basics and foundation of building your site with the correct markup and structure. I also covered basic foundation of CSS3. The students where great. I could not have been more impressed with how quickly they picked up the foundation of the web development.
I have included a list of the resources that I provided during the class below. Also if anyone has any questions in regards to the class or information discussed please do not hesitate to email me at dwerne@mojoe.net.
Also if you would like to continue reading additional information about web development. Here are some suggested blog post: Step by Step Checklist you should be using when developing a web site. and The 10 Best Web Site Background Pattern Sites
Links to HTML5 and CSS3 Resources:
HTML 5 Resources
Here are some links to HTML5 Tags
http://www.w3schools.com/html5/html5_reference.asp
http://dev.w3.org/html5/markup/elements.html
http://html5doctor.com
http://html5rocks.com
http://html5weekly.com/
http://www.remysharp.com
http://www.script-tutorials.com
Source Code Editor Resource
Here are some source code editors that you can use when developing a website. Some are free and some cost to purchase
http://notepad-plus-plus.org/ (Free)
http://www.sublimetext.com/2 (Free)
http://panic.com/coda/ (Cost, for Mac)
http://macromates.com/ (Cost for Mac)
http://www.adobe.com/products/dreamweaver.html (Cost both Mac and PC)
Font Resources
Here are some resources where you can look at different type fonts and include @fontface in your site.
www.dafont.com (Free)
http://www.google.com/webfonts/ (Free and easy to include in your site)
https://typekit.com/ (Subscription but very affordable)
Browser Support
HTML5 and CSS3 Supported Browsers Charts
http://html5test.com/ – This site will rate each browser
http://www.findmebyip.com/litmus/ – Nice comparison Chart
Site Using HTML5
Here are some sites that are using the new attributes for HTML5 and CSS3
http://www.lastchart.com/
http://smalltalkapp.com/#all
http://hakim.se/experiments – Great Collection of Experiments
Resources for @Font-Face
Here are some sites that you can vist that can convert your font to an @font-face
http://www.fontsquirrel.com/fontface/generator/
http://css-tricks.com/snippets/css/using-font-face/ – How to use
Background Pattern Resources
When creating a background it is best to use a pattern that is seemless. Here are some links to some great resources for seemless backgrounds.
http://www.colourlovers.com/patterns – Background Pattern Maker
http://subtlepatterns.com
http://bgpatterns.com/ – Background Pattern Maker
Tables to DIVs
Tables are not being used as much any more. Most developers are using divs instead of tables. Here are some resources for using div instead of tables.
http://www.vanseodesign.com/css/fluid-layout-code/
http://www.csstablegenerator.com/
http://compareninja.com/
Color Charts
Here is a list of sites that can assist you with picking out your color charts.
http://www.colorpicker.com/
http://colorschemedesigner.com/
http://kuler.adobe.com/
HTML5 Test Sites
These are sites that will show you the Markup as well as how it works
http://www.w3schools.com/html5/html5_form_input_types.asp
http://html5demo.momac.net/
http://www.html5rocks.com/en/
If you would like to discuss Your Logo with Mojoe.net or your website’s analytics, custom logo designs, social media, website, web application, need custom programming, or IT consultant, please do not hesitate to call us at 864-859-9848 or you can email us at dwerne@mojoe.net.
Recent Comments