3. Mobile User Experience Design
(April 15, 2010) Jeremy Lyon shares his personal perspective on how to approach the design of mobile applications and provides some examples.
Palm executives including VP, Directors, and Senior Product Managers lead a course on mobile application development on the WebOS. Students have the unique opportunity to attain the technical knowledge needed to create their own apps, get insider information about the application submission process at companies like Apple and Palm, and network with various members of Palm’s executive team.
Stanford University:
http://www.stanford.edu/
Stanford Engineering:
http://soe.stanford.edu/
Stanford University Channel on YouTube:
http://www.youtube.com/stanford
Duration : 1:4:7
Background Image that repeats only horizontally in your web page from a PSD design
http://psd2cssonline.com – Here’s a new feature that is very closely related to an existing feature at psd2css Online. Suppose you want a pattern of some kind or even a solid color to span across the top of your web page. All the way across, no matter how wide your user makes his/her browser. Right now in psd2css Online we have the _bodybg Layer Naming Convention – that will generate code that will repeat a pattern horizontally across your page, but also vertically – it will fill the background of your page. Now we have the new _bodybg-rx feature which will only make your image repeat across the page horizontally – in the ‘x’ direction. Check out the video to see how it’s used.
Duration : 0:3:52
The Intricacy of Simplicity (CSS3
Refer here for the full tutorial: http://net.tutsplus.com/tutorials/html-css-techniques/the-intricacies-of-simplicity-css3/
Ever wondered how a particular effect was achieved in a web design, and, after zooming in several clicks, you found that the author added several subtle shadows, borders, gradients, etc? In the past, this was achieved simply by slicing out an image, and setting it as a background of some element. Luckily, with CSS3, we can be afforded much more flexibility. Now, while the code for such a simple effect might be a bit tedious, its well worth it, and thats what well review in todays written and video quick tip!
Duration : 0:4:30
Firebug Is a Web Developer’s Best Friend
In this quick screen-cast I demonstrate an awesome Firefox extension called FireBug. It allows you to “inspect” any element of a website and see all the code that makes it possible.
Firebug:
http://getfirebug.com/
Duration : 0:5:30
2. Web Skills: Introduction to Web Technologies and HTML 5
(April 8, 2010) Ben Galbraith provides a general introduction to HTML and CSS. Dion Almaer then shares some examples of CSS and HTML 5 in action and goes on to demonstrate javascript.
Palm executives including VP, Directors, and Senior Product Managers lead a course on mobile application development on the WebOS. Students have the unique opportunity to attain the technical knowledge needed to create their own apps, get insider information about the application submission process at companies like Apple and Palm, and network with various members of Palm’s executive team.
Stanford University:
http://www.stanford.edu/
Stanford Engineering:
http://soe.stanford.edu/
Stanford University Channel on YouTube:
http://www.youtube.com/stanford
Duration : 0:52:42
1. Web Vision for Mobile (April 1, 2010)
(April 1, 2010) Connie Chan provides an introduction to the course. Ben Galbraith then gives an overview of web application development.
Palm executives including VP, Directors, and Senior Product Managers lead a course on mobile application development on the WebOS. Students have the unique opportunity to attain the technical knowledge needed to create their own apps, get insider information about the application submission process at companies like Apple and Palm, and network with various members of Palm’s executive team.
Stanford University:
http://www.stanford.edu/
Stanford Engineering:
http://soe.stanford.edu/
Stanford University Channel on YouTube:
http://www.youtube.com/stanford
Duration : 0:57:26
Great web design/development resources
http://veerle.duoh.com/blog
http://www.dezinerfolio.com/
http://www.tutoogle.com/
http://www.psdtuts.com/
——-Extra(i forgot this one)—–
http://www.layersmagazine.com
Duration : 0:4:36
How to Create a Website the Right Way For Beginners Part 8
Learn how to design and build a website the right way for ultimate control, validation, and SEO power.
Duration : 0:7:23
How to Build an Online Store from a Photoshop Design
http://psd2cssonline.com – In this tutorial we show you how to turn a Photoshop web page design into a functional web page including a button that your viewers can use to purchase goods and services from you. The conversion takes seconds and hooking up the PayPal button only a couple minutes.
Here is the page that was created in the video: http://psd2cssonline.com/tutorials/widgets/index.html
Here is the PSD file used in the video to create that page: http://psd2cssonline.com/tutorials/widgets/widgets_prep.psd
I’d like to mention, even though I keep saying ‘theme’ or ‘template’ throughout the video, it’s just a simple web page – index.html is the only page generated. No software other than your ISPs web server is required to run your online store.
Like what psd2css Online has done for you? Spread the word!
Please feel free to Digg us or write any good words on your favorite social networking sites:
http://digg.com/design/PSD_2_CSS_Online
http://twitter.com
http://delicious.com
http://facebook.com
http://www.stumbleupon.com
Duration : 0:8:5
Box Model Web Page Layouts with CSS
Use CSS floats and positions to create web page layouts.
Duration : 0:10:0