Toggle navigation
Toggle navigation
EPL425
News
Schedule
Labs
Assignments
Resources
Moodle
EPL425
> Resources
Design Thinking and User Experience Design (UX)
Human-centered Design resources
by leading design firm
IDEO
.
"Design Thinking"
by Tim Brown,
Harvard Business Review
, June 2008. An overview on how thinking like a designer can transform the way you develop products, services, processes – and even strategy.
"A Crash Course in Design Thinking from Stanford’s Design School"
"UX for Lean Startups. Faster, Smarter User Experience Research and Design"
by Laura Klein,
O'Reilly
, May 2013 (available through U. of Cyprus Digital Library).
Online videos
"Getting Started with GitHub + Git,"
a video from the Google Tools for Entrepreneurs.
"Introduction to HTML 5.0"
by B. Neuberg, Google Developer Program, Sept. 2009.
"Bootstrap Tutorial"
by Derek Banas.
"How to build products users love?"
(talk by Kevin Hale, "How to start a start-up" class, Stanford University)
"Building Product, Talking to Users, and Growing"
(talk by Adora Cheung, "How to start a start-up" class, Stanford University)
What is UX?
, a video by Google.
Introduction to UX Research Methods
, a video by Google.
HTML and CSS: Online Tutorials and Tools
W3Schools - Online Tutorials.
CodePen: a social development environment for front-end designers and developers.
JSFiddle: an online "playground" for JS, HTML and CSS development.
Codeschool: interactive programming courses for PhP, JS etc
.
Web Standards Curriculum, by W3C.
Codeacademy for HTML and CSS.
Bootstrap tutorial
, from Tutorial Republic.
HTML cheatsheet from UW
.
HTML Vocabulary for easy reference
.
CSS Vocabulary for easy reference
.
CSS Floats overview
.
CSS Flexboxes cheatsheet
.
Bootstrap
.
Bootstrap components
.
Code Validators
HTML Validator
.
CSS Validator.
CSS Lint
(check StackOverflow about what is
linting
?).
CSE 154's JS Lint
a JavaScript syntax checker (from the author of your textbook).
Original JS Lint a JavaScript syntax checker by Douglas Crockford of Yahoo!
.
HTML Tidy fixes the indentation and validates your HTML code
.
Software
10 Best IDE Software
by Jenni McKinnon, 2020. A list of Integrated Development Environments (IDE)
Chrome Browser
. Read about the
Chrome developer tools
.
Firefox Browser
.
FireBug
a FireFox extension for web development.
Atom
, a "hackable text editor for the 21st Century."
Sublime
, a "sophisticated text editor for code, markup and prose."
Visual Studio Code
, a Microsoft's Editor: Free. Built on open source. Runs everywhere."
Jetbrains
, a set of tools and IDEs for Java and Javascript development, which is available for UCY students.
Various Tutorials and other JavaScript Resources
EggHead Video Tutorials
.
jQuery Fundamentals
.
Google Chrome Extensions Tutorial
.
David Walsh's blog featuring tutorials about JavaScript, HTML5, AJAX, PHP, CSS, WordPress, and everything else development
.