..:: Right-Click Logic ::.. » css

3. Mobile User Experience Design

admin — Sat, 08 May 2010 10:56:30 +0000

(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

Technorati Tags: browser, computer science, css, Developer, Development, discove, emulator, HTML 5, interface, internet, Java script, mobile application, motion graphics, Palm, SDK, tools, usability, usefulness, user interaction, web technologies, webkit, WebOS, wireframe

Background Image that repeats only horizontally in your web page from a PSD design

admin — Sat, 01 May 2010 21:51:17 +0000

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

Technorati Tags: background, convert, css, design, easy, Fast, gimp, howto, html, layer, layers, page, pages, Photoshop, psd, repeat, site, web, Website, xhtml

The Intricacy of Simplicity (CSS3

admin — Sat, 01 May 2010 21:51:12 +0000

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

Technorati Tags: css, css3, jeffrey way, mozilla, nettuts, web design, web development, webkit

Firebug Is a Web Developer’s Best Friend

admin — Wed, 28 Apr 2010 19:41:19 +0000

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

Technorati Tags: computer, css, design, Development, electronics, firefox, Gadget, javascript, lean, PHP, technology, Website, xhtml

2. Web Skills: Introduction to Web Technologies and HTML 5

admin — Sun, 25 Apr 2010 20:38:12 +0000

(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.

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

Technorati Tags: browser, canvas, Chrome, computer science, css, Developer, Development, emulator, HTML 5, IE, internet, Internet Explorer, Java script, mobile application, Mozilla Firefox, Palm, safari, SDK, tools, web technologies, webkit, WebOS

1. Web Vision for Mobile (April 1, 2010)

admin — Mon, 19 Apr 2010 21:31:38 +0000

(April 1, 2010) Connie Chan provides an introduction to the course. Ben Galbraith then gives an overview of web application development.

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

Technorati Tags: 3d, acceleration, browser, canvas, computer science, css, Developer, Development, emulator, fonts, graphics, HTML 5, internet, Java script, memor, mobile application, Palm, SDK, SVG, Text, tools, typekit, typography, web technologies, WebGL, webkit, WebOS

Great web design/development resources

admin — Thu, 18 Mar 2010 02:23:18 +0000

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

Technorati Tags: Blogs, css, design, dezinerfolio, html, sites, tutoogle, tutorial, veere, web

How to Create a Website the Right Way For Beginners Part 8

admin — Thu, 18 Mar 2010 02:23:02 +0000

Learn how to design and build a website the right way for ultimate control, validation, and SEO power.

Duration : 0:7:23

Technorati Tags: beginners, create, CS4, css, dreamweaver, fireworks, for, how, html, PHP, Right, The, to, tutorial, Way, Website

How to Build an Online Store from a Photoshop Design

admin — Fri, 12 Mar 2010 02:28:17 +0000

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

Technorati Tags: buy, convert, css, design, easy, ecommerce, Fast, gimp, howto, html, javascript, online, paypal, Photoshop, psd, purchase, shoppingcart, SIMPLE, store, web, xhtml

Box Model Web Page Layouts with CSS

admin — Sun, 28 Feb 2010 06:16:13 +0000

Use CSS floats and positions to create web page layouts.

Duration : 0:10:0

Technorati Tags: 125dw, 195, 295, cis, css, div, float, position, web development