Skip to Main Content
menu
homepage
Search
X
Libraries
list
Archives & Special Collections
home
Art Library
home
Ekstrom Library
home
Kornhauser Health Sciences Library
home
Law Library
home
Music Library
home
University of Louisville Hospital
home
Accounts
list
Interlibrary Loan
Off-Campus Login
Renew Books
Blackboard
Cardinal Card
Email
My Print Center
ULink
Business Ops
CardBox
CardSmart
Cards Career Connection
UofL Folio
X
Search Site
Site search
Search U of L Libraries site
GO
Search Catalog
homepage
Libraries
Archives & Special Collections
Art Library
Ekstrom Library
Kornhauser Health Sciences Library
Law Library
Music Library
University of Louisville Hospital
Accounts
Interlibrary Loan
Off-Campus Login
Renew Books
Blackboard
Cardinal Card
Email
My Print Center
ULink
Business Ops
CardBox
CardSmart
Cards Career Connection
UofL Folio
University of Louisville
UofL Libraries
_
University Libraries
Web Design
Home
Site search
Search U of L Libraries site
search
Web Design: Home
A guide to web design tools and techniques from the Web Management Team at the University of Louisville Libraries.
Home
Color
Images
Other Resources
More Guides
Accessible Web Sites
Tips for coding accessible web sites that meet ADA requirements.
Image Use and Citation Policy
LibGuides2: Training for Authors
Instructions and guidelines for developing web pages in LibGuides.
Web Skills
Provides a visual overview for skills to learn as a front-end web developer in a suggested chronological order.
HTML
Introduction to HTML
Code Academy basic is free.
HTML Tutorial
W3Schools
W3C Validator Service
Checks for errors in HTML.
HTML Symbols, Entities and ASCII Character Codes
CSS
Learn CSS
Code Academy basic is free.
CSS Box Model (W3Schools)
Shows the basics of how margin, border, and padding affect the width of an element.
CSS Tutorial
W3Schools
CSS Zen Garden
CSS design inspiration and templates
Omatsuri
Tools for generating triangles, gradients, color shades, and more in CSS.
Pattern Generator
Smashing Guide to CSS Layout
Smooth Box Shadow Generator
Drag levers to develop the perfect box shadow code.
Next:
Color >>
Ask Us
?
top of page
bottom of page