8. Modernizr
• A JavaScript library that makes this template viewable
in browsers that do not support the new HTML5
semantic elements
• Tests over 40 next-generation HTML5 and CSS3
features
• Creates a JavaScript object (named Modernizr) that
contains the results of these tests as boolean
properties
• It adds classes to the html element that explain
precisely what features are and are not natively
supported
• It provides a script loader so you can use polyfills
11. jQuery Help
• Official Site
• Official Site Tutorials
• W3Schools
• 53 jQuery Tutorials
• 40+ Excellent Tutorials
• Tutorials for Designers
• Nettuts+ Absolute Beginner Tutorials
13. 960 Grid Help
• 960 Official Site
• 960 Six Revisions
• 960 Webdesigntuts+
• 960 Example
14. Chrome Frame
• Allows you to render web pages viewed in
Internet Explorer (IE6-IE9) as if you were using
Google Chrome
• Gives you access to HTML5 & CSS3 features
supported by Chrome
• Give you Chrome’s performance and security
features without in any way interrupting your
browsing experience
• When Google Chrome Frame is installed, the web
just gets better for IE users on Chrome Frame
enabled sites
15. Server Side Includes (SSI)
• Files must be on a server that supports SSI
such as Apache or IIS or you will get a blank
page
26. Nav Institutional
• Intended to be universal across all sites
• Updates may occur from time to time
• Downloading and updating Nav Institutional will
be your responsibility
• Notifications will occur via WEB-MANAGERS-L
list-serv
• Changes to any part of template will generate a
notification to WEB-MANAGERS-L list-serv
27. Web Managers List
• To add yourself to a list, send an email to
listserv@lists.ufl.edu with the line subscribe
(listname) (your first name) (your last name)
• Ex: subscribe WEB-MANAGERS-L Jane Doe
• To remove yourself from a list, send a piece of
email to listserv@lists.ufl.edu with the line
unsubscribe (listname)
• Ex: unsubscribe WEB-MANAGERS-L
88. Web Services
• Phone: (352) 273-4902
• Mail: webmaster@ufl.edu
• Walk-in: with appointment via phone or mail
89. Tutorials
• We have a number of tutorials ranging from
changing menus to changing layout options
for various areas
• Go to www.it.ufl.edu/webservices and click on
the tutorials link to view the tutorials we have
90. Lynda
• Lynda is an online training resource partner of
UF and is free to all faculty, staff, and students
• Over 1,100 courses, covering topics such as
HTML, CSS, Photoshop, Illustrator, JavaScript,
and jQuery to name but a few
• Go to http://it.ufl.edu/training
and click the Lynda logo to access
the free University of Florida log-in
A CSS framework created to make web development faster and easierAccounts for various browser quirksVisually pleasing margins and grid structureUse the classes span-1, span-2, span-3, etc. to set your column widthsIf you want to fill a page horizontally, make sure the numbers add up to 24 (span-8 + span-8 + span-8 = 24) (3col 20px gutters 10px edges)In this template you will find places where that is not necessarily trueFor example in the widgets area you will need to add alpha to each of your span-8’s to achieve desired resultsUse the push and pull classes to independently position items on the page, regardless of their position in your page’s markupUse the prefix and suffix classes to create empty spaces in your layoutUse the alpha and omega to fix the margins for any nested grid units
Check this box to replace the default slider with the Story StackerThis will completely replace the slider and the previous two options do not applyUpload images using the “Set featured image” option the same way as with the half width and full width options
Check this box to replace the default slider with the Story StackerThis will completely replace the slider and the previous two options do not applyUpload images using the “Set featured image” option the same way as with the half width and full width options
Once a category is chosen the posts from the category will be show in a slider on the homepageNumber of Posts to Display in Slider:This option sets how many posts will be shown in the sliderPosts are always shown in reverse chronological orderThis option only affects the slider, the Story Stacker option is fixed at 3 postsThe half width image slider will use half of the slider area for an image and the other half of the area for title and excerpt textThe image is uploaded to each post by clicking on “Set featured image” in the post edit screenUse the media uploader dialog box to upload your image and then click on “Use as featured image”
Once a category is chosen the posts from the category will be show in a slider on the homepageNumber of Posts to Display in Slider:This option sets how many posts will be shown in the sliderPosts are always shown in reverse chronological orderThis option only affects the slider, the Story Stacker option is fixed at 3 postsTo use the full width image option, upload the image using the “Set featured image” option the same way as with the half width imageUnder the Post editor is the Featured Content Slider Options panelCheck the box labeled “Full Width Image” in order to use the Full Width optionBy default the title of the Post and the excerpt will be overlaid on the image with a dark black background To disable this option check the box labeled “Disable Image Captions” in the Featured Content Slider Options box
Check this box to disable the timeline scrubber underneath the sliderDefault is unchecked
Remember .span-1 through .span-5 classes are overwritten for the roles areaThis appears to be done in order to achieve a 5 column layoutYou can use normal 960 grid layout options for .span-6 or aboveWell cover 960 grid layout in more detail later
Remember .span-1 through .span-5 classes are overwritten for the roles areaThis appears to be done in order to achieve a 5 column layoutYou can use normal 960 grid layout options for .span-6 or aboveWell cover 960 grid layout in more detail later
Remember .span-1 through .span-5 classes are overwritten for the roles areaThis appears to be done in order to achieve a 5 column layoutYou can use normal 960 grid layout options for .span-6 or aboveWell cover 960 grid layout in more detail later
Remember .span-1 through .span-5 classes are overwritten for the roles areaThis appears to be done in order to achieve a 5 column layoutYou can use normal 960 grid layout options for .span-6 or aboveWell cover 960 grid layout in more detail later
Remember .span-1 through .span-5 classes are overwritten for the roles areaThis appears to be done in order to achieve a 5 column layoutYou can use normal 960 grid layout options for .span-6 or aboveWell cover 960 grid layout in more detail later
Remember that the .span-6, .span-8, .span-12, and .span-16 classes are overwritten for the widgets areaHowever you can still combine these classes along with alpha to achieve desired resultsThis appears to be done to achieve 10px rather than 20px gutters between widgetsWell cover 960 grid layout in more detail later
Remember .span-1 through .span-5 classes are overwritten for the roles areaThis appears to be done in order to achieve a 5 column layoutYou can use normal 960 grid layout options for .span-6 or aboveWell cover 960 grid layout in more detail later
Remember .span-1 through .span-5 classes are overwritten for the roles areaThis appears to be done in order to achieve a 5 column layoutYou can use normal 960 grid layout options for .span-6 or aboveWell cover 960 grid layout in more detail later
Remember .span-1 through .span-5 classes are overwritten for the roles areaThis appears to be done in order to achieve a 5 column layoutYou can use normal 960 grid layout options for .span-6 or aboveWell cover 960 grid layout in more detail later
Remember .span-1 through .span-5 classes are overwritten for the roles areaThis appears to be done in order to achieve a 5 column layoutYou can use normal 960 grid layout options for .span-6 or aboveWell cover 960 grid layout in more detail later
Remember .span-1 through .span-5 classes are overwritten for the roles areaThis appears to be done in order to achieve a 5 column layoutYou can use normal 960 grid layout options for .span-6 or aboveWell cover 960 grid layout in more detail later
Remember .span-1 through .span-5 classes are overwritten for the roles areaThis appears to be done in order to achieve a 5 column layoutYou can use normal 960 grid layout options for .span-6 or aboveWell cover 960 grid layout in more detail later
Remember .span-1 through .span-5 classes are overwritten for the roles areaThis appears to be done in order to achieve a 5 column layoutYou can use normal 960 grid layout options for .span-6 or aboveWell cover 960 grid layout in more detail later
Remember .span-1 through .span-5 classes are overwritten for the roles areaThis appears to be done in order to achieve a 5 column layoutYou can use normal 960 grid layout options for .span-6 or aboveWell cover 960 grid layout in more detail later
Remember .span-1 through .span-5 classes are overwritten for the roles areaThis appears to be done in order to achieve a 5 column layoutYou can use normal 960 grid layout options for .span-6 or aboveWell cover 960 grid layout in more detail later
Remember .span-1 through .span-5 classes are overwritten for the roles areaThis appears to be done in order to achieve a 5 column layoutYou can use normal 960 grid layout options for .span-6 or aboveWell cover 960 grid layout in more detail later
Webmaster Email:This controls the Contact Webmaster link in the footer of the websiteInsert your webmaster contact email addressIf left blank no ‘Contact Webmaster’ link will appear in the footerA contact webmaster link is required by the Acceptable Use Policy. Enter your contact email here.
Webmaster Email:This controls the Contact Webmaster link in the footer of the websiteInsert your webmaster contact email addressIf left blank no ‘Contact Webmaster’ link will appear in the footerA contact webmaster link is required by the Acceptable Use Policy. Enter your contact email here.
Webmaster Email:This controls the Contact Webmaster link in the footer of the websiteInsert your webmaster contact email addressIf left blank no ‘Contact Webmaster’ link will appear in the footerA contact webmaster link is required by the Acceptable Use Policy. Enter your contact email here.
This is for Google Analytics trackingEnter the domain’s account number here and the tracking code will be inserted into the websiteUses one of the following formats: 'UA-xxxxxxx-x‘'UA-xxxxxxx-xx'