The document discusses three approaches to designing a mobile website: 1) Do nothing and rely on liquid or semi-liquid layouts, 2) Create a separate mobile site using browser sniffing or cookies, 3) Use a single responsive site with media queries and viewport meta tags to adapt layout and styling based on screen size. It also covers challenges of mobile development like different screen sizes and debugging mobile browsers.
Eliminating Ethylene Gas
Will kill every type of Mold, Fungi & Yeast
Will eradicate VOC’S and Odor(s)
Will kill all types of Bacteria
Will remove all elements from environment which may be harmful to the stored FF&V
Technology extends shelf life of all perishables
Slows down deterioration and reduces shrinkages
Reduces waste in ever-increasing green economy
Enhances food safety and security
Eliminating Ethylene Gas
Will kill every type of Mold, Fungi & Yeast
Will eradicate VOC’S and Odor(s)
Will kill all types of Bacteria
Will remove all elements from environment which may be harmful to the stored FF&V
Technology extends shelf life of all perishables
Slows down deterioration and reduces shrinkages
Reduces waste in ever-increasing green economy
Enhances food safety and security
SpriteKit is Apple's own game framework that came out with iOS7. It arguably does a number of things better than the rest of the 2D game frameworks out there and here they are.
CSS3: The Future is Now at Drupal Design Camp BostonJen Simmons
The next generation of CSS is here, and it's being used on thousands of sites. Come learn about the new styles, and how to use them today. Rounded corners, gradients, translucent color, shadows — forget making images, do it with CSS.
I cover the state of cross-browser support and tips for implementing graceful fallbacks. I talk about the future and where CSS3 is going. And I provide resources on where to learn more.
Bibliography & Appendixes Can new web technologies HTML5 & CSS3 kill Flash? D...Jeremie Charlet
Dissertation on HTML5, CSS3 and Adobe Flash performed from July to December 2010 while doing an MSc in Computer Science at Staffordshire University, England
this pdf includes the bibliography and appendixes missing in the main report available here:
http://www.slideshare.net/charlet_jeremie/can-html5-css3-kill-flash/
Internet Safety and Digital CitizenshipWesley Fryer
This presentation on Internet Safety and Digital Citizenship was shared by Wesley Fryer with high school students in Alva, Oklahoma, on September 10, 2010. This was one of five presentations Wesley shared with K-12 students in Alva to fulfill eRate requirements for Internet Safety training. Learn more about Wesley's presentations on http://www.speedofcreativity.org/speaking/
My slidedeck from e-assessment Scotland Conference.
Thanks for everyone's kind comments! You are welcome to contact me if you have any other questions: scottishteacher [at] gmail [dot] com
SpriteKit is Apple's own game framework that came out with iOS7. It arguably does a number of things better than the rest of the 2D game frameworks out there and here they are.
CSS3: The Future is Now at Drupal Design Camp BostonJen Simmons
The next generation of CSS is here, and it's being used on thousands of sites. Come learn about the new styles, and how to use them today. Rounded corners, gradients, translucent color, shadows — forget making images, do it with CSS.
I cover the state of cross-browser support and tips for implementing graceful fallbacks. I talk about the future and where CSS3 is going. And I provide resources on where to learn more.
Bibliography & Appendixes Can new web technologies HTML5 & CSS3 kill Flash? D...Jeremie Charlet
Dissertation on HTML5, CSS3 and Adobe Flash performed from July to December 2010 while doing an MSc in Computer Science at Staffordshire University, England
this pdf includes the bibliography and appendixes missing in the main report available here:
http://www.slideshare.net/charlet_jeremie/can-html5-css3-kill-flash/
Internet Safety and Digital CitizenshipWesley Fryer
This presentation on Internet Safety and Digital Citizenship was shared by Wesley Fryer with high school students in Alva, Oklahoma, on September 10, 2010. This was one of five presentations Wesley shared with K-12 students in Alva to fulfill eRate requirements for Internet Safety training. Learn more about Wesley's presentations on http://www.speedofcreativity.org/speaking/
My slidedeck from e-assessment Scotland Conference.
Thanks for everyone's kind comments! You are welcome to contact me if you have any other questions: scottishteacher [at] gmail [dot] com
1. Designing
for the Mobile Web
http://www.flickr.com/photos/albanyassociates/3308582269/sizes/l/in/photostream/
Saturday, September 25, 2010
2. ahoj !
twitter:zibin
slideshare.net/zibin
Saturday, September 25, 2010
3. Mobile Web is growing.....
Saturday, September 25, 2010
4. iphone
ipad
Mobile Web is growing.....
android
Saturday, September 25, 2010
5. big screen
family photo
happy :-)
tab tab “keyboard”
click click “mouse”
Designing a desktop site
http://www.flickr.com/photos/anantablamichhane/438854995/sizes/l/
Saturday, September 25, 2010
6. mobile developer :-(
piece of crap (?).....
Designing a mobile site http://www.flickr.com/photos/hendry/763193147/sizes/l/
Saturday, September 25, 2010
7. iphone
5% users in EU5 countries
http://www.flickr.com/photos/goincase/4973847949/
Saturday, September 25, 2010
8. the rest use something else...
http://www.flickr.com/photos/albanyassociates/3308582269/sizes/l/in/photostream/
Saturday, September 25, 2010
9. different screen size != iphone
small screen
hard to debug
memory issue
the real mobile phone http://www.flickr.com/photos/osde-info/2270663393/sizes/l/
Saturday, September 25, 2010
20. 3. one site to rule
them all
Saturday, September 25, 2010
21. 3. one site to rule
them all (including ipad)
Saturday, September 25, 2010
22. 3. one site to rule
them all (including ipad)
viewport media queries
Saturday, September 25, 2010
23. media queries
@media all and (max-device-width: 480px) {
// insert CSS rules here
}
@media all and (min-width: 480px) and (max-width:
800px) {
// insert CSS rules here
}
Saturday, September 25, 2010
24. viewport
visual viewport actual viewport
http://www.quirksmode.org/mobile/viewports2.html
Saturday, September 25, 2010
25. viewport
<meta name=”viewport” content=”width=device-
width”>
Saturday, September 25, 2010
26. viewport
http://www.quirksmode.org/mobile/viewports2.html
Saturday, September 25, 2010
27. media queries viewport
<meta name=”viewport” content=”width=device-
width”>
@media screen and (max-width: 360px){
// CSS style here
}
max/min-width relates directly to the viewport width
value
Saturday, September 25, 2010
28. 1. do nothing
2. separate site
3. one site to rule them all
Saturday, September 25, 2010
29. hard to debug
debugging the mobile phone
Saturday, September 25, 2010
33. Credits
My colleague Andreas Bovens
http://www.slideshare.net/andreasbovens/mobile-web-development-techniques-and-operas-developer-
tools
A dude Bryan Rieger
http://www.slideshare.net/bryanrieger/going-mobile-2010-by-yiibu
Image credits are listed in every image
Saturday, September 25, 2010