View allAll Photos Tagged CSS3,
This is little preview for my upcoming project for the summer. I been wanting to do a documentary project since last year, so for which I been scouting location across the city to show what part of the city that meant the most to me. I believe that black and white pictures has a more profound impact on the viewers. Though this project won't get done till end of this summer, but i just want you guys to know what i gonna be working on.
Beside that i going to totally reconstruct my website from the ground up with the new HTML5/CSS3, also to include my other art work including Graphic Design and Painting.
Have a great day! I really wishing that Grizzlies win tonight!
Copyright © 2011 Studio494 Production
Facebook | Twitter | My Gallery | 500px | Tumblr
Lupa Promoções — Projeto de internet
Desenvolvemos o novo site da agência de marketing promocional e eventos Lupa Promoções . O site foi pensando e construído utilizando um conteúdo flúido e que se ajuste em browsers com resoluções diferenciadas.
Breve divulgaremos o case completo no novo site do estúdio.
Hello There
Are you looking for experienced developer ?
Do you need to convert psd to html, responsive site?
I'm ready for you, provide me any type psd, jpg, png Ai file.
I will create pixel perfect html5, css3 latest bootstrap and jQuery with full responsive.
www.fiverr.com/dewancoder/convert-psd-to-html-responsive
You Will Get:
* Psd to Html responsive
* HTML5 & CSS3
* Semantic Markup
* Latest jQuery / JavaScript Effect
* Bootstrap 3/4 and Font Awesome
* SEO friendly
* Cross Browser Compatible (Firefox, IE9, Chrome, Safari, Opera )
* Full Responsive
* All Devices supported
* All code is Hand Code
* W3C Validate Markup
For my Blog I'm planning a CSS3-animated bookshelf. The video doesn’t run fluently. The animation does. It also works well in less-capable browsers.
So, it’s eventually online and you can find it at christophzillgens.com/en/books/.
Designing iPad Apps Monday, 02/14/2011
Jennifer Brook (The New York Times), William Couch (USA TODAY), Craig Mod (PREPOST / Flipboard)
The iPad and its emerging entourage of Android tablets have introduced a new style of computing, confronting designers with new challenges. Explore practical techniques and eye-opening gotchas of tablet interface design, all grounded in the ergonomics, context, psychology, and nascent culture of these new devices.
____________________________________________________________________________________
Jennifer Brook, Information Architect for the New York Times
The challenge of building the NYTimes iPad app: How do we design something new that feels familiar? Designed for the device, but maintained typography and branding.
Remember that apps are distinct from web and print.
Great apps:
Understand the platform
Start small and improve over time
Require collaboration to build
Crafted crafted with the human eye and touch in mind
Killer apps do 1-3 things well. They are specific, useful, and easy to use.
A complex system that works is invariably found to have evolved from a simple system that worked. The inverse proposition also appears to be true: A complex system designed from scratch never works and cannot be made to work. You have to start over, beginning with a working simple system.
—p. 71
The waterfall model of development is like a factory and it ends up being too heavy. You need a lighter-weight process to develop simple apps.
When developing, you should put your work on a device as soon as possible. Wireframes and designs should go on a device and stakeholders should view every stage on the device.
Apps should be useful tools for human beings.
William Couch, USA Today | Designing for Distraction
Device | Interaction | Content
Consider the device
-> Device Environment
indoor/outdoor
stationary/moving
focused/distracted
Consider an object's habit field
Windows Phone "Be Here Now"
Kindle is "comfortable in the world" (Tom Armitage)
-> Device Culture
Platforms as cultures
population | customs | governance | styles | beliefs
Consider physical interactions
Device interaction is touch, there's no intermediary
Consider the content
You should have a content API that feeds where you publish
web | mobile | tablets | TV | print
Content can be long form and text online can be a rich experience
Craig Mod, Flipboard | Content Formats & Tablets
HTML5 is the future of books and content
Screens will be paper density (300/dpi)
Great typography will prevail
Ownership is dissolving
The value of marginalia is increasing
The physical is not going away
Skeuomorphism is manifest in the publishing ethos. We're making apps to look like physical books.
When a magazine is replicated on an iPad:
How do you let the user know what they can and can't touch? (Bullet points, touch targets, something more subtle?)
The iPad interaction model isn't fully fleshed out.
As an app designer, you need to teach the user.
Types of Content
Formless (epub) | Definite/semantic/physical (PDF, epub) | Interactive/non-linear HTML5, epub3
ePub doesn't have to be ugly (Virginia Quarterly Review and A Book Apart are good examples).
ePub3 is basically a wrapper for HTML5/CSS3 (so it's very flexible/capable)
Magazine apps can use PDF, that's better than using images, like was previously done on the web and is being done now on apps. PDF is better because it's real text (machine-readable, resizable, copyable).
iOS/Android Native is good for interactive content, because it gives you extreme control over a non-linear flow.
Publishers should make compelling "steal-worthy" content.
C-GNOE Piper PA-28-140 Cherokee Cruiser [28-7725196] Les Cedres~C 18/06/2005. Written off whilst making a forced landing near St. Lazare QC~C 21-10-2017
We've been creating an avatar builder at The Team (using HTML5 and CSS3, natch) and have been having some fun...!
The Sheridan Interactive Multimedia Open House was a success. The pictures are also on Facebook - so tag yourselves if you want:
imm.sheridanc.on.ca/go/openhouse2012pics
Thank you for all who attended (or attended in spirit).
Special thanks to:
Studio Huddle (www.elevatorartlab.com) for a super location (very hot!)
Demi Kandylis (splitelement.com) for friendship (and the tables!)
Open House Committee (Carla (venue, food), Caitlyn, Lindsay (org, site))
Loading Sub Committee (Diana+, Carla, Yohei, Jack, Mani, Joel, Zain, Yatharth, Westley)
Poster Sub Committee (Jack, Kevin)
Teachers (Andrew, David, Dan)
Sheridan Institute - and thanks to the President (Jeff Zabudsky) for the visit!
Tech folks (Bob and Robert - and the Mac folks for the cart)
Of course the industry for their support
And a very special thanks to the Alumni of IMM for keeping the family together.
The graduate portfolios are available from the invite page:
imm.sheridanc.on.ca/openhouse/2012/
Our IMM blog continues to report on exciting events for IMM:
interactivemultimedia.wordpress.com/
We are currently accepting applications for September.
imm.sheridanc.on.ca (new site, one day!)
All the best,
Dan Zen
Designing iPad Apps Monday, 02/14/2011
Jennifer Brook (The New York Times), William Couch (USA TODAY), Craig Mod (PREPOST / Flipboard)
The iPad and its emerging entourage of Android tablets have introduced a new style of computing, confronting designers with new challenges. Explore practical techniques and eye-opening gotchas of tablet interface design, all grounded in the ergonomics, context, psychology, and nascent culture of these new devices.
____________________________________________________________________________________
Jennifer Brook, Information Architect for the New York Times
The challenge of building the NYTimes iPad app: How do we design something new that feels familiar? Designed for the device, but maintained typography and branding.
Remember that apps are distinct from web and print.
Great apps:
Understand the platform
Start small and improve over time
Require collaboration to build
Crafted crafted with the human eye and touch in mind
Killer apps do 1-3 things well. They are specific, useful, and easy to use.
A complex system that works is invariably found to have evolved from a simple system that worked. The inverse proposition also appears to be true: A complex system designed from scratch never works and cannot be made to work. You have to start over, beginning with a working simple system.
—p. 71
The waterfall model of development is like a factory and it ends up being too heavy. You need a lighter-weight process to develop simple apps.
When developing, you should put your work on a device as soon as possible. Wireframes and designs should go on a device and stakeholders should view every stage on the device.
Apps should be useful tools for human beings.
William Couch, USA Today | Designing for Distraction
Device | Interaction | Content
Consider the device
-> Device Environment
indoor/outdoor
stationary/moving
focused/distracted
Consider an object's habit field
Windows Phone "Be Here Now"
Kindle is "comfortable in the world" (Tom Armitage)
-> Device Culture
Platforms as cultures
population | customs | governance | styles | beliefs
Consider physical interactions
Device interaction is touch, there's no intermediary
Consider the content
You should have a content API that feeds where you publish
web | mobile | tablets | TV | print
Content can be long form and text online can be a rich experience
Craig Mod, Flipboard | Content Formats & Tablets
HTML5 is the future of books and content
Screens will be paper density (300/dpi)
Great typography will prevail
Ownership is dissolving
The value of marginalia is increasing
The physical is not going away
Skeuomorphism is manifest in the publishing ethos. We're making apps to look like physical books.
When a magazine is replicated on an iPad:
How do you let the user know what they can and can't touch? (Bullet points, touch targets, something more subtle?)
The iPad interaction model isn't fully fleshed out.
As an app designer, you need to teach the user.
Types of Content
Formless (epub) | Definite/semantic/physical (PDF, epub) | Interactive/non-linear HTML5, epub3
ePub doesn't have to be ugly (Virginia Quarterly Review and A Book Apart are good examples).
ePub3 is basically a wrapper for HTML5/CSS3 (so it's very flexible/capable)
Magazine apps can use PDF, that's better than using images, like was previously done on the web and is being done now on apps. PDF is better because it's real text (machine-readable, resizable, copyable).
iOS/Android Native is good for interactive content, because it gives you extreme control over a non-linear flow.
Publishers should make compelling "steal-worthy" content.
This video shows the synchronization of video playback with JS/CSS/HTML-driven effects. As the video plays and its currentTime property reaches given values, JS functions are fired that do the work of applying overlays with filtered background images.
See also, Building Flickr's new Hybrid Signed-out Homepage on the Flickr Code Blog.
Thanks for all those who worked so hard to make the open house a success - thanks to all those that attended. For those who missed the show please enjoy the photos!
Our grads are out and ready for industry so please contact us with opportunities. We are also accepting applicants to our one year post grad - imm.sheridanc.on.ca
scale3d() and .style.zoom tricks to make content fit a wide range of viewport sizes. It actually works pretty well.
See also, Building Flickr's new Hybrid Signed-out Homepage on the Flickr Code Blog.
... to code!
And HTML5 + CSS3 to boot.
RISD doesn't require scripting, code, or software design. Earth to Maeda. It's the real world calling.
First thing out of Dawa's mouth:
"This is exciting!"
Second thing:
"OMG, Lorem Ipsum in the tutorial. Yuk.
And he even recommended an auto-content filling service. Double gross."
Go Dawa!!
download and preview here Noctis Theme
by zirius
Noctis theme is a dark magazine-blog style. This theme is suitable for blogger who like magazine layout and want to show big post thumbnails in their homepage.
Features :
1. Magazine layout Design
2. Valid XHTML 1 .0 Strict and CSS3
3. Tableless Coding
4. Compatible with many famous browsers IE6 , IE7, IE8 , Firefox 2, Firefox 3, Safari 4, Google Chrome.
5. Easy customize and control contents limit display from theme admin option (no need to edit php files)
6. Sidebar Widget supported
7. Built-in widget in Homepage and Sidebar
a. Featured Slideshow
b. Sticky Thumbnail (category page)
c. Auto Generate post thumbnail (upload only default thumbnail size)
d. Supported post thumbnail custom field (useful for blog that use post thumbnail with other custom field key)
e. Recent Posts
f. Popular Posts (by comments)
g. Random Posts
h. Recent Comments
i. Top Commentators Gravatars
j. Most Comment Posts (with duration date supported.)
k. Random Images(display from post thumbnail)
l. Sidebar Categories
m. Google Adsense Ready
n. Google Analytic Supported
o. Search result hilight
p. UTF -8 cut string function supported
8. Plugin ready code (wp pagenavi, breadcrumbs, this, clean archives reloaded, compact archives, simple tags) Just enable plugin and config a little.
9. jQuery Effect (sidebar menu, jQuery Tabs)
10. IE6 PNG fixed.
11. Different admin comment style (not same color as user comment)
12. PSD Files (logo, custom fields default)
13. And much more…
CHANGES DESCRIPTION :
Before Upgrade to Noctis 1.1 please backup all of your old Noctis Theme.
Noctis 1.1 have some change in style.css. After upgrade you have to change to your style again.
**
Version: 1.1
Relase date: 16 January, 2010
**
Bug Fixed Noctis 1.1 :-
- Fix bug Slideshow limit not show correctly.
- Fix bug Featured thumbnails limit not show correctly.
- Fix bug Recent Post Images limit not show correctly.
- Fix bug Header Page duplicate Title.
- Fix some css issue not display correctly when have too much tags.
- New Simple Tags plugin (current version 1.7.1-rc1.2) can work with Wordpress 2.9.1 and Noctis 1.1 (Thanks to Simple Tags Developer.)
Change log Noctis 1.1 :-
- Change style.css for some display.
- Change Front Page Featured thumbnails from use sticky post to display Recent Posts automatically without use sticky post.
- Add Front Page Featured thumbnails can specific category to show from Noctis Options.
- Change Front Page Recent Posts query to not display duplicate post from Featured thumbnails.
- Recent Post Images change to Random Images (displayed from post thumbnails).
- Remove Post Title from link attribute title, alt. Avoid SEO Spam keyword.
- Change sidebar categories hierarchical=1 allow showing sub categories.
- Add Register | Log In menu to footer can control from Noctis Options. (Dashboard > Settings > General > Membership > Select Anyone can register)
- Add Background.psd to package.
Please explore the live preview to see all the features this theme has to offer.
"Timeline" view.
A few expensive image decodes and resize operations, but the page is quite smooth overall in terms of scroll performance.
28 new sounds have been added to the game including mechanical and pressure wrenches during repair and building, bullet collisions when hitting metal, splat, pop and explosions with glass and so on.
Specifics:
+ Sound events / sound effects
• Wrench and related sounds on helicopter repair/refuel, balloon repair, turret claiming/rebuilding/repair
• Violin notes for friendly capture events: bunker, turret etc. (C5). Enemy note is C4.
• "Pop" / "vacuum" sounds for infantry pick up + deployment, and turret restoration
• Door close for passing infantry entering bunkers
• Splat for infantry and engineer kills
• Crash-and-glass for bunker explosions
• Heavy/light impact sounds for bullets hitting metal (tanks) and other structures (bunkers)
• Turrets audibly "break" when destroyed.
+ Game logic / rules
• Turret gunfire can now hit infantry, regular bunkers and Super Bunkers. However, only tank gunfire can hit Super Bunkers for damage.
• For "easy" game mode, turrets now fire at half the previous rate.
+ UI / design
• Arrows on bunkers now animate to the right/left when claimed by friendly/enemy infantry.
+ Miscellaneous
• Sound arrays (i.e., 5 bullet/metal sounds) shuffle on each rotation, reducing chance of repetitiveness.
• Upped turret gunfire sound array, possibly reduce cloning of Audio() in heavy fire cases.
• Infantry build "faster" now, so they are more closely grouped together (in units of five.)
• Shrapnel now rotates using CSS animations, rotation direction determined randomly.
• In tutorial mode, disarm user-armed Super Bunker so it doesn't accidentally kill Missile Launchers that later show up.
• Fixed enemy infantry + engineer die animation to be bottom-aligned.
You can play the latest and greatest, here:
www.schillmania.com/armor-alley/
If you're not familiar with the name, it's a browser-based remake of an old Mac and PC-DOS game from 1990.
On a side note, freesound.org is a fantastic resource for high-quality sound samples published under Creative Commons licenses.
This shows a mildly-chaotic scene with a number of heat-seeking rubber chickens, gunfire and bombs flying around.
Nerds can refer to this commit for more.
Designing iPad Apps Monday, 02/14/2011
Jennifer Brook (The New York Times), William Couch (USA TODAY), Craig Mod (PREPOST / Flipboard)
The iPad and its emerging entourage of Android tablets have introduced a new style of computing, confronting designers with new challenges. Explore practical techniques and eye-opening gotchas of tablet interface design, all grounded in the ergonomics, context, psychology, and nascent culture of these new devices.
____________________________________________________________________________________
Jennifer Brook, Information Architect for the New York Times
The challenge of building the NYTimes iPad app: How do we design something new that feels familiar? Designed for the device, but maintained typography and branding.
Remember that apps are distinct from web and print.
Great apps:
Understand the platform
Start small and improve over time
Require collaboration to build
Crafted crafted with the human eye and touch in mind
Killer apps do 1-3 things well. They are specific, useful, and easy to use.
A complex system that works is invariably found to have evolved from a simple system that worked. The inverse proposition also appears to be true: A complex system designed from scratch never works and cannot be made to work. You have to start over, beginning with a working simple system.
—p. 71
The waterfall model of development is like a factory and it ends up being too heavy. You need a lighter-weight process to develop simple apps.
When developing, you should put your work on a device as soon as possible. Wireframes and designs should go on a device and stakeholders should view every stage on the device.
Apps should be useful tools for human beings.
William Couch, USA Today | Designing for Distraction
Device | Interaction | Content
Consider the device
-> Device Environment
indoor/outdoor
stationary/moving
focused/distracted
Consider an object's habit field
Windows Phone "Be Here Now"
Kindle is "comfortable in the world" (Tom Armitage)
-> Device Culture
Platforms as cultures
population | customs | governance | styles | beliefs
Consider physical interactions
Device interaction is touch, there's no intermediary
Consider the content
You should have a content API that feeds where you publish
web | mobile | tablets | TV | print
Content can be long form and text online can be a rich experience
Craig Mod, Flipboard | Content Formats & Tablets
HTML5 is the future of books and content
Screens will be paper density (300/dpi)
Great typography will prevail
Ownership is dissolving
The value of marginalia is increasing
The physical is not going away
Skeuomorphism is manifest in the publishing ethos. We're making apps to look like physical books.
When a magazine is replicated on an iPad:
How do you let the user know what they can and can't touch? (Bullet points, touch targets, something more subtle?)
The iPad interaction model isn't fully fleshed out.
As an app designer, you need to teach the user.
Types of Content
Formless (epub) | Definite/semantic/physical (PDF, epub) | Interactive/non-linear HTML5, epub3
ePub doesn't have to be ugly (Virginia Quarterly Review and A Book Apart are good examples).
ePub3 is basically a wrapper for HTML5/CSS3 (so it's very flexible/capable)
Magazine apps can use PDF, that's better than using images, like was previously done on the web and is being done now on apps. PDF is better because it's real text (machine-readable, resizable, copyable).
iOS/Android Native is good for interactive content, because it gives you extreme control over a non-linear flow.
Publishers should make compelling "steal-worthy" content.
ฝึกอบรม Responsive Web Design with Adobe Dreamweaver CS6 training - page 1
ลงทะเบียนคลิกที่นี่: goo.gl/M2lNo
I noticed in Safari that I was getting some pretty severe jank (lag) when firing the machine gun in this web-based game prototype, so I started digging.
It wasn't DOM manipulation, className changes or node removal - turned out it was cloned audio resources being freed from memory after playing, and garbage allocation interrupting the game animation pretty severely in Safari (and Webkit nightly) every so often.
Using standard HTML5 audio, you can't do "multi-shot" - each audio object is single-fire and monophonic. Thus when a machine gun fires, SM2 clones the Audio() instance to make a new object that can play independently, with its own timeline and events.
These screenshots are from Chrome DevTools. Interestingly, Chrome was less-affected by this issue despite having notably-larger GC events as well. I'm not sure how long Safari was taking, but it felt like up to 1 second in Safari 6 in some cases.
In the first case, the GC event is for 9.3 MB and takes 25 msec - blowing the 16 msec / 60fps ideal framerate budget.
In the case where audio is muted and inactive, the first GC event to happen is for 3.6 MB and takes 1.9 msec.
As Mythbusters' Adam Savage would say, "Well there's your problem!"
The solution to this is to simply create a pool of sound objects and rotate through them, if the play() rate is such that the sounds would need to overlap. While this will consume more memory (if not shared/reused by the browser) up front, it should prevent a lot of dynamic memory allocation and resulting expensive garbage collection events.
In fact, most sounds (like machine gun fire) are short enough that multi-shot is not even needed.
Maybe those guys were right about writing JavaScript more like C++ after all, static and all that.
ฝึกอบรม Responsive Web Design with Adobe Dreamweaver CS6 training - page 2
ลงทะเบียนคลิกที่นี่: goo.gl/M2lNo
Thanks for all those who worked so hard to make the open house a success - thanks to all those that attended. For those who missed the show please enjoy the photos!
Our grads are out and ready for industry so please contact us with opportunities. We are also accepting applicants to our one year post grad - imm.sheridanc.on.ca
The Sheridan Interactive Multimedia Open House was a success. The pictures are also on Facebook - so tag yourselves if you want:
imm.sheridanc.on.ca/go/openhouse2012pics
Thank you for all who attended (or attended in spirit).
Special thanks to:
Studio Huddle (www.elevatorartlab.com) for a super location (very hot!)
Demi Kandylis (splitelement.com) for friendship (and the tables!)
Open House Committee (Carla (venue, food), Caitlyn, Lindsay (org, site))
Loading Sub Committee (Diana+, Carla, Yohei, Jack, Mani, Joel, Zain, Yatharth, Westley)
Poster Sub Committee (Jack, Kevin)
Teachers (Andrew, David, Dan)
Sheridan Institute - and thanks to the President (Jeff Zabudsky) for the visit!
Tech folks (Bob and Robert - and the Mac folks for the cart)
Of course the industry for their support
And a very special thanks to the Alumni of IMM for keeping the family together.
The graduate portfolios are available from the invite page:
imm.sheridanc.on.ca/openhouse/2012/
Our IMM blog continues to report on exciting events for IMM:
interactivemultimedia.wordpress.com/
We are currently accepting applications for September.
imm.sheridanc.on.ca (new site, one day!)
All the best,
Dan Zen
Conference was back in session at the time of this photo... But I was attacked, in a good way, by people wanting to know more about hGraph.
【Active-U,Inc. Web Site】
・http://active-u.com/
新しい Active-U -Interactive Graphix-
画面サイズに応じて「カラー」「サイズ」「配置」がランダムに表示されるJavascriptによるアニメーションと、パステルカラーのグラデーションによるCSS3を使った背景のアニメーション。
写真を大胆に配置するサイトが多い中、写真は使わず、テキストのみで構成された至ってシンプルな構成となっている。
--
An animation by Javascript where "color" "size" "placement" is displayed according to screen size as for the design at random and the animation of the background using CSS3 by the gradation of the pastel color.
While there are a lot of sites which arrange a picture daringly, a picture isn't used, and it's just simple composition which consists of only a text.
Designing iPad Apps Monday, 02/14/2011
Jennifer Brook (The New York Times), William Couch (USA TODAY), Craig Mod (PREPOST / Flipboard)
The iPad and its emerging entourage of Android tablets have introduced a new style of computing, confronting designers with new challenges. Explore practical techniques and eye-opening gotchas of tablet interface design, all grounded in the ergonomics, context, psychology, and nascent culture of these new devices.
____________________________________________________________________________________
Jennifer Brook, Information Architect for the New York Times
The challenge of building the NYTimes iPad app: How do we design something new that feels familiar? Designed for the device, but maintained typography and branding.
Remember that apps are distinct from web and print.
Great apps:
Understand the platform
Start small and improve over time
Require collaboration to build
Crafted crafted with the human eye and touch in mind
Killer apps do 1-3 things well. They are specific, useful, and easy to use.
A complex system that works is invariably found to have evolved from a simple system that worked. The inverse proposition also appears to be true: A complex system designed from scratch never works and cannot be made to work. You have to start over, beginning with a working simple system.
—p. 71
The waterfall model of development is like a factory and it ends up being too heavy. You need a lighter-weight process to develop simple apps.
When developing, you should put your work on a device as soon as possible. Wireframes and designs should go on a device and stakeholders should view every stage on the device.
Apps should be useful tools for human beings.
William Couch, USA Today | Designing for Distraction
Device | Interaction | Content
Consider the device
-> Device Environment
indoor/outdoor
stationary/moving
focused/distracted
Consider an object's habit field
Windows Phone "Be Here Now"
Kindle is "comfortable in the world" (Tom Armitage)
-> Device Culture
Platforms as cultures
population | customs | governance | styles | beliefs
Consider physical interactions
Device interaction is touch, there's no intermediary
Consider the content
You should have a content API that feeds where you publish
web | mobile | tablets | TV | print
Content can be long form and text online can be a rich experience
Craig Mod, Flipboard | Content Formats & Tablets
HTML5 is the future of books and content
Screens will be paper density (300/dpi)
Great typography will prevail
Ownership is dissolving
The value of marginalia is increasing
The physical is not going away
Skeuomorphism is manifest in the publishing ethos. We're making apps to look like physical books.
When a magazine is replicated on an iPad:
How do you let the user know what they can and can't touch? (Bullet points, touch targets, something more subtle?)
The iPad interaction model isn't fully fleshed out.
As an app designer, you need to teach the user.
Types of Content
Formless (epub) | Definite/semantic/physical (PDF, epub) | Interactive/non-linear HTML5, epub3
ePub doesn't have to be ugly (Virginia Quarterly Review and A Book Apart are good examples).
ePub3 is basically a wrapper for HTML5/CSS3 (so it's very flexible/capable)
Magazine apps can use PDF, that's better than using images, like was previously done on the web and is being done now on apps. PDF is better because it's real text (machine-readable, resizable, copyable).
iOS/Android Native is good for interactive content, because it gives you extreme control over a non-linear flow.
Publishers should make compelling "steal-worthy" content.
Feedback is awesome. I hope I can continue to give and receive constructive feedback even after I finish this course. This is priceless.
Luiza Libardi - BCIT 2014
The Sheridan Interactive Multimedia Open House was a success. The pictures are also on Facebook - so tag yourselves if you want:
imm.sheridanc.on.ca/go/openhouse2012pics
Thank you for all who attended (or attended in spirit).
Special thanks to:
Studio Huddle (www.elevatorartlab.com) for a super location (very hot!)
Demi Kandylis (splitelement.com) for friendship (and the tables!)
Open House Committee (Carla (venue, food), Caitlyn, Lindsay (org, site))
Loading Sub Committee (Diana+, Carla, Yohei, Jack, Mani, Joel, Zain, Yatharth, Westley)
Poster Sub Committee (Jack, Kevin)
Teachers (Andrew, David, Dan)
Sheridan Institute - and thanks to the President (Jeff Zabudsky) for the visit!
Tech folks (Bob and Robert - and the Mac folks for the cart)
Of course the industry for their support
And a very special thanks to the Alumni of IMM for keeping the family together.
The graduate portfolios are available from the invite page:
imm.sheridanc.on.ca/openhouse/2012/
Our IMM blog continues to report on exciting events for IMM:
interactivemultimedia.wordpress.com/
We are currently accepting applications for September.
imm.sheridanc.on.ca (new site, one day!)
All the best,
Dan Zen
一小時 RWD 就上手（SUSY responsive grid for compass.）
（怎麼課程有三小時？因為要讓你練習啊！）
如果你
使用 bootstrap/foundation grid 之後，才發現它的 responsive grid 設定很腦殘。
想要控制每個中斷點（breakpoint）的欄位設計，而不只是一起縮小寬度或取消欄位而已。
想學習一套 mobile first 版面設計的最佳實踐方式。
那你就該來玩玩SUSY！
當全天下了無新意的使用 bootstrap/foundation 之後，聰明人就該跳出來自己設計網站了。其實 CSS3 的 media query 只是一個規格書，該如何好好利用做出任意又靈活的 Responsive Web Design，從 SUSY 入門是一個非常棒的選擇，從初學到客製化排版系統，一小時就能上手。
Illustration based layout for an e-mail marketing site.
Main/Signup/Contact/Soon pages
View HTML5/CSS3 coded version: www.detrans.co.uk/web/ph/
Look around there are so much fun on the demo site,
even easter-eggs :shh:
Designing iPad Apps Monday, 02/14/2011
Jennifer Brook (The New York Times), William Couch (USA TODAY), Craig Mod (PREPOST / Flipboard)
The iPad and its emerging entourage of Android tablets have introduced a new style of computing, confronting designers with new challenges. Explore practical techniques and eye-opening gotchas of tablet interface design, all grounded in the ergonomics, context, psychology, and nascent culture of these new devices.
____________________________________________________________________________________
Jennifer Brook, Information Architect for the New York Times
The challenge of building the NYTimes iPad app: How do we design something new that feels familiar? Designed for the device, but maintained typography and branding.
Remember that apps are distinct from web and print.
Great apps:
Understand the platform
Start small and improve over time
Require collaboration to build
Crafted crafted with the human eye and touch in mind
Killer apps do 1-3 things well. They are specific, useful, and easy to use.
A complex system that works is invariably found to have evolved from a simple system that worked. The inverse proposition also appears to be true: A complex system designed from scratch never works and cannot be made to work. You have to start over, beginning with a working simple system.
—p. 71
The waterfall model of development is like a factory and it ends up being too heavy. You need a lighter-weight process to develop simple apps.
When developing, you should put your work on a device as soon as possible. Wireframes and designs should go on a device and stakeholders should view every stage on the device.
Apps should be useful tools for human beings.
William Couch, USA Today | Designing for Distraction
Device | Interaction | Content
Consider the device
-> Device Environment
indoor/outdoor
stationary/moving
focused/distracted
Consider an object's habit field
Windows Phone "Be Here Now"
Kindle is "comfortable in the world" (Tom Armitage)
-> Device Culture
Platforms as cultures
population | customs | governance | styles | beliefs
Consider physical interactions
Device interaction is touch, there's no intermediary
Consider the content
You should have a content API that feeds where you publish
web | mobile | tablets | TV | print
Content can be long form and text online can be a rich experience
Craig Mod, Flipboard | Content Formats & Tablets
HTML5 is the future of books and content
Screens will be paper density (300/dpi)
Great typography will prevail
Ownership is dissolving
The value of marginalia is increasing
The physical is not going away
Skeuomorphism is manifest in the publishing ethos. We're making apps to look like physical books.
When a magazine is replicated on an iPad:
How do you let the user know what they can and can't touch? (Bullet points, touch targets, something more subtle?)
The iPad interaction model isn't fully fleshed out.
As an app designer, you need to teach the user.
Types of Content
Formless (epub) | Definite/semantic/physical (PDF, epub) | Interactive/non-linear HTML5, epub3
ePub doesn't have to be ugly (Virginia Quarterly Review and A Book Apart are good examples).
ePub3 is basically a wrapper for HTML5/CSS3 (so it's very flexible/capable)
Magazine apps can use PDF, that's better than using images, like was previously done on the web and is being done now on apps. PDF is better because it's real text (machine-readable, resizable, copyable).
iOS/Android Native is good for interactive content, because it gives you extreme control over a non-linear flow.
Publishers should make compelling "steal-worthy" content.
Without question, the most intimidating heat-seeking weapon on the battlefield.
www.schillmania.com/armor-alley/?chicken=1
In the normal game, you can also launch these Avialae-based airborne missiles using c instead of the usual x key.
Thanks for all those who worked so hard to make the open house a success - thanks to all those that attended. For those who missed the show please enjoy the photos!
Our grads are out and ready for industry so please contact us with opportunities. We are also accepting applicants to our one year post grad - imm.sheridanc.on.ca