Forum

A dump of data from a now-defunct Wiki

Good Tutorials

A collaborative list of tutorials suggested by students.

• Andy Suggests http://www.hongkiat.com/blog/responsive-web-nav/
  • A tutorial]] on how to make a responsive navigation system with HTML, CSS, and a little Javascript
• Niko suggests http://www.youtube.com/watch?v=DBXZWB_dNsw
  • And wishes santiago was here to help her with her website!
• Mauricio Gonzalez suggests an intrudiction tutorial on Adobe Edge Reflow. http://www.youtube.com/watch?v=hde9qB6vMf4&list=PLOpPu1Jw1YcD0DQDvbODZTvlJfmyEJmbl&feature=share%0a%0a
  • you can download this software for free just by singing up on Adobe. It's a great visual way to layout interactive websites, it automatically creates media queries for you depending on the size of the screen, if its either an iphone or desktop computer.
• Ileana Molina suggests this site http://learnlayout.com/
  • A step by step to guide to layouts using CSS. The website is pretty basic and simple to understand each layout concept.%0a%0aand in these video tutorials https://www.youtube.com/watch?v=TDfxuI4UTTw by John creigton shows you how to create a website from scratch using notepad *****
• Niko found this html color picker very useful... http://www.w3schools.com/tags/ref_colorpicker.asp
  • Lots of color choices
• Gaby suggests http://www.w3schools.com/html/
  • A site with HTML tutorials and examples for creating simple websites.
• Yuliya suggests http://codecademy.com
  • Another way to learn code through online interactive tutorials.
• Ashley suggests this is a four part Html video tutorial that's really good and have clear explanation on how to do things. I had also started looking at his stuff some months ago and this CSS and div tag tutorial is really good as well.
  • Part 1 http://www.youtube.com/watch?v=v4oN4DuR7YU
  • Part 2 http://www.youtube.com/watch?v=b2BRS90baOY
  • Part 3 http://www.youtube.com/watch?v=XAPPTnAJ5Pk
  • Part 4 http://www.youtube.com/watch?v=B331GhDN130
• Aaron suggests http://www.youtube.com/watch?v=ted_x0xWgMA%0a
  • This is an instructional video on the basics of commenting in your code as it makes it easier to follow what you are doing when constructing your webpage. Say if you take a break from coding your web page and then you come back later, you won't get lost with your code and you will be able to understand what is going on when you are coding right away. This is a great practice to get into, then it will become second nature. It is best to comment when you are dealing with a new element in your webpage. The same goes with CSS when you deal with fonts and different selectors.
• Kenneth suggests http://www.youtube.com/watch?v=7gqXFi8cjEQ%0a
  • An instructional links and linking in Dreamweaver CS6
• Eric Nedd suggests http://www.youtube.com/watch?v=WIMODtpCK3E%0a
  • An instructional video on laying out and positioning.

Interesting Websites

A collaborative list of websites suggested by students.

• Andy suggests http://ellieharrison.com/earlywarningsigns/ Ellie Harrison's Climate Change project
• Devin Rajaram suggests http://codepen.io/ CodePen - Front End Developer Playground & Code Editor in the Browser ]
• Devin Rajaram suggests http://getbootstrap.com/ Twitter Bootstrap - Framework for Responsive Design
• Devin Rajaram suggests https://marvelapp.com/ Free Mobile and Web Prototyping
• Devin Rajaram suggests http://tympanus.net/codrops/ Codrops
• Devin Rajaram suggests http://daneden.github.io/animate.css/ Animate.css
• Niko suggests http://www.w3schools.com/tags/ref_colorpicker.asp A useful color pickers with lots of color choices
• Free HTML Editors
  • Giovanny suggests https://netbeans.org Netbeans Free html Editors for PC
  • Giovanny suggests http://www.microsoft.com/web/webmatrix/ Webmatrix
  • Giovanny suggests http://www.kompozer.net/ Kompozer
  • Devin is using http://panic.com/coda Coda
  • Mauricio http://sublimetext.com Sublime Text
  • Andy uses vi
• Barbara suggests http://mashable.com/2013/04/26/css-boilerplates-frameworks/ Since we can't use kickstarter for our next project, I found this list very helpful.
• Saby Bravo suggests http://wwwaste.fr
• Michele suggests http://www.leedsbuildingsociety.co.uk/resources/kick-my-habits/
  • This is a cool, interactive site. It's about some of the bad habits that we have, that are not only bad because of health reasons, but they also cost us a lot of money. This site has components that I would like to use in my personal portfolio as well. Have fun and kick those habits.
• Aaron suggests: Tips for keeping track of your progress when coding

Return to