Designing Social Platforms

May 29, 2013

"The web is more a social creation than a technical one. I designed it for a social effect — to help people work together — and not as a technical toy. The ultimate goal of the Web is to support and improve our weblike existence in the world. We clump into families, associations, and companies. We develop trust across the miles and distrust around the corner." ~ Tim Berners-Lee

HTML

CSS

Editors

Hosting

Reading

June 03, 2013

"We know where you are. We know where you have been. We can more or less know what you're thinking about." ~ Eric Schmidt

Design

jQuery
"jQuery is a fast, small, and feature-rich JavaScript library."

Bootstrap
"Sleek, intuitive, and powerful front-end framework for faster and easier web development."

  • Getting started
  • Scaffolding (grid system, layouts, responsive design)
  • Base CSS (typography, code, tables, forms, buttons image, icons)
  • Components (dropdowns, buttons, navigation, labels and badges, typography, etc)
  • Javascript (transitions, modal, dropdown, scrollspy, tab, tooltip, popover, alert, button, collapse, carousel, typeahead, affix)
  • Customize
  • Bootstrap Template (copy and paste code into a new HTML or PHP document - you must place Bootstrap framework in the same folder)
  • In-class Demo

Google Web Fonts
Makes it easy for designers and developers to use open source fonts in your web applications.

Subtle Patterns
High quality tilable textured patterns, free to use.

 

June 10, 2013

MySQL

Examples

Reading

June 19, 2013

Topics:

  • User profiles
  • File uploads
  • Image resizing

Examples

Advanced

Reading

June 24, 2013

HybridAuth

HybridAuth enables developers to easily build social applications to engage websites vistors and customers on a social level by implementing social signin, social sharing, users profiles, friends list, activities stream, status updates and more.  HybridAuth goal is to act as an abstract api between your application and various social apis and identities providers such as Facebook, Twitter and Google.

Ajax:

July 01, 2013

Open Studio & special topics

July 03, 2013

Final showcase