Presentation that I gave, along with coworkers Mark Sims and Mike Townson, at the Dallas Society of Visual Communications.
http://www.dsvc.org/events/working-lunch/10/2012
Mobile first and responsive web design aren’t simply two great tastes that go great together. No they represent much more than that. Mobile first responsive web design is the responsible way to build responsive designs.
Mobile first responsive web design is the best way to build something that is both responsive from a layout AND a performance perspective.
But if mobile first is the right way to do responsive design, then why are so few people doing it? In this presentation, we’ll dig into why mobile first responsive design matters and the five techniques necessary to make it work.
A presentation on some things to think about when working on responsive web design projects. Presentation given at the Brisbane Web Design meetup - 22 May2012
The Big Picture: Responsive Images in Action #scd14Matthias Lau
Although responsive designs are already state-of-the-art in web development the whole trend still is in its infancy. When it comes to images, a lot of responsive websites just load the same big image on every viewport. Because of this, people judge responsive design as being detrimental to performance. New markup elements like <picture> are in development right now but what are the alternatives, what is the best to use right now, and how do they work? I will lead you through the different techniques and polyfills and show you their pros and cons. After this talk you should be able to choose the best fitting responsive image solution for your project.
Responsive design: techniques and tricks to prepare your websites for the mul...Andreas Bovens
Websites are viewed on all kinds of devices, in all kinds of browsers. In this presentation, I explain how you can adapt your site to these different environments, using modern browser hooks and techniques.
I cover the various aspects (and some gotchas) of the viewport mechanism and media queries, and shed a light on how new CSS3 properties allow you to optimize images and videos for multiple screens.
Mobile first and responsive web design aren’t simply two great tastes that go great together. No they represent much more than that. Mobile first responsive web design is the responsible way to build responsive designs.
Mobile first responsive web design is the best way to build something that is both responsive from a layout AND a performance perspective.
But if mobile first is the right way to do responsive design, then why are so few people doing it? In this presentation, we’ll dig into why mobile first responsive design matters and the five techniques necessary to make it work.
A presentation on some things to think about when working on responsive web design projects. Presentation given at the Brisbane Web Design meetup - 22 May2012
The Big Picture: Responsive Images in Action #scd14Matthias Lau
Although responsive designs are already state-of-the-art in web development the whole trend still is in its infancy. When it comes to images, a lot of responsive websites just load the same big image on every viewport. Because of this, people judge responsive design as being detrimental to performance. New markup elements like <picture> are in development right now but what are the alternatives, what is the best to use right now, and how do they work? I will lead you through the different techniques and polyfills and show you their pros and cons. After this talk you should be able to choose the best fitting responsive image solution for your project.
Responsive design: techniques and tricks to prepare your websites for the mul...Andreas Bovens
Websites are viewed on all kinds of devices, in all kinds of browsers. In this presentation, I explain how you can adapt your site to these different environments, using modern browser hooks and techniques.
I cover the various aspects (and some gotchas) of the viewport mechanism and media queries, and shed a light on how new CSS3 properties allow you to optimize images and videos for multiple screens.
This presentation was presented to the Executives of Queen Sirikit Botanical Garden on the occasion of signing ceremony of cooperation between the National Electronics and Computer Technology Center and Queen Sirikit Botanical Garden at NECTEC, Pathumthani on August 16, 2010.
GnuPG, popularly knowns as gpg is an alternative to PGP module and mainly used for encryption and decryption of keys while sending mail or data.
This presentation shows various useful gpg commands that you can use in day-to-day life.
Presentation created to introduce awareness on the crisis and conservation of the Mountain Gorillas of Virunga National Park.
Please note this presentation is created for wide screen. Thank you for viewing.
3D Objects in Wat Makutkasattriyaram's e-Museum: Progress, Experiences, and A...Rachabodin Suwannakanthi
Presentation on the topic "3D Objects in Wat Makutkasattriyaram's e-Museum: Progress, Experiences, and Applied Technologies" in PNC 2006 conference, Seoul, South Korea.
Seminar Report was presented by Anand Shekhar from SOE, CUSAT (2005-2009 batch).
Teleportation - the transmission and reconstruction of objects over
arbitrary distances - is a spectacular process, which actually has been
invented by science fiction authors some decades ago. Unbelievable as it
seems in 1993 a theoretical scheme has been found by Charles Bennett that
predicts the existence of teleportation in reality - at least for quantum systems
A talk given at Appspirina workshop on March 29th, 2012 organized by http://mobiledeveloper.pl/.
Event page: https://www.facebook.com/events/296799847060237/
This presentation was presented to the Executives of Queen Sirikit Botanical Garden on the occasion of signing ceremony of cooperation between the National Electronics and Computer Technology Center and Queen Sirikit Botanical Garden at NECTEC, Pathumthani on August 16, 2010.
GnuPG, popularly knowns as gpg is an alternative to PGP module and mainly used for encryption and decryption of keys while sending mail or data.
This presentation shows various useful gpg commands that you can use in day-to-day life.
Presentation created to introduce awareness on the crisis and conservation of the Mountain Gorillas of Virunga National Park.
Please note this presentation is created for wide screen. Thank you for viewing.
3D Objects in Wat Makutkasattriyaram's e-Museum: Progress, Experiences, and A...Rachabodin Suwannakanthi
Presentation on the topic "3D Objects in Wat Makutkasattriyaram's e-Museum: Progress, Experiences, and Applied Technologies" in PNC 2006 conference, Seoul, South Korea.
Seminar Report was presented by Anand Shekhar from SOE, CUSAT (2005-2009 batch).
Teleportation - the transmission and reconstruction of objects over
arbitrary distances - is a spectacular process, which actually has been
invented by science fiction authors some decades ago. Unbelievable as it
seems in 1993 a theoretical scheme has been found by Charles Bennett that
predicts the existence of teleportation in reality - at least for quantum systems
A talk given at Appspirina workshop on March 29th, 2012 organized by http://mobiledeveloper.pl/.
Event page: https://www.facebook.com/events/296799847060237/
Introduction to Responsive Web Design http://tinyurl.com/9ldo4c6
Includes a sample project built from scratch in Node.js using LESS available on Github
These are the slides for the Austin Adobe User Group presentation on Responsive Web Design and Retina Displays on 9/14/12. The code example files are at: https://github.com/elimc/AAUG-RWD-and-Retina_9-14-12
Responsive Web Design: Clever Tips and TechniquesVitaly Friedman
Responsive Web design challenges Web designers to adapt a new mindset to their design and coding processes. This talk provides an overview of various practical techniques, tips and tricks that you might want to be aware of when working on a new responsive design project.
Stocktwits & Responsive Web Design, social network meets flexible frameworkJohn Strott
The slides from our presentation on responsive web design using the StockTwits site as a case study. No audio, but feel free to contact us for more information regarding this deck.
CSS3 Media Queries: Mobile Elixir or CSS Snake Oiljameswillweb
CSS Media Queries have received a justifiable amount of hype lately. However, do they really represent a new way to take your web content mobile or do they promise more than they deliver? In this session lynda.com senior author James Williamson breaks down media queries, how to use them, and where they belong in your mobile development medicine chest.
A continuation of the "technical issues" presentation. Reviews the technology of responsive design, then focuses on writing and design issues including how to shorten text, the "mobile first" design philosophy, and more. Also presents a way to automatically switch between "click" and "tap" in instructions.
I gave this talk at Squares Conference 2016.
http://squaresconference.com
Code demo from the talk…
http://t7.github.io/react-starter
https://github.com/t7/react-starter
Slides from a presentation I gave at these conferences:
— Big Design
— Front Porch
— Thunder Plains
— Web Afternoon
I co-presented at Big Design with Matt Baxter.
http://twitter.com/mbxtr
You could be a professional graphic designer and still make mistakes. There is always the possibility of human error. On the other hand if you’re not a designer, the chances of making some common graphic design mistakes are even higher. Because you don’t know what you don’t know. That’s where this blog comes in. To make your job easier and help you create better designs, we have put together a list of common graphic design mistakes that you need to avoid.
White wonder, Work developed by Eva TschoppMansi Shah
White Wonder by Eva Tschopp
A tale about our culture around the use of fertilizers and pesticides visiting small farms around Ahmedabad in Matar and Shilaj.
Expert Accessory Dwelling Unit (ADU) Drafting ServicesResDraft
Whether you’re looking to create a guest house, a rental unit, or a private retreat, our experienced team will design a space that complements your existing home and maximizes your investment. We provide personalized, comprehensive expert accessory dwelling unit (ADU)drafting solutions tailored to your needs, ensuring a seamless process from concept to completion.
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...Mansi Shah
This study examines cattle rearing in urban and rural settings, focusing on milk production and consumption. By exploring a case in Ahmedabad, it highlights the challenges and processes in dairy farming across different environments, emphasising the need for sustainable practices and the essential role of milk in daily consumption.
1. Proactive
Responsive
Design
Dallas Society of Visual Communications
Wednesday — October 24, 2012
http://flickr.com/photos/63631877@N00/3937964101
2. We work as designers/devs at
Nathan Smith Mark Sims Mike Townson
Principal UI Architect UI Developer UX Designer
http://www.projekt202.com
3. Relax, don’t stress out
taking notes. You can
get the slides here…
http://j.mp/pro-rwd
4. Front-end development is like playing midfield. It’s the
“glue” that connects visual design with the server-side.
5. The term “Responsive Web Design”
was coined by Ethan Marcotte, in an
an article published by A List Apart.
Loosely defined, it means adapting
to various screen sizes, using a fluid
grid and @media queries in CSS.
6.
7. Ethan also wrote a book…
http://www.abookapart.com/products/responsive-web-design
8. When should you use RWD™?
Responsive web design using @media queries (with one
codebase for all devices) typically works best for web
“sites” (not apps). Apps work best when tailored to one
particular interaction paradigm. For instance, mobile
Gmail is a different experience than on the desktop.
As a general rule of thumb, if your content can be read
via RSS (such as Google Reader) and still make sense, it
might be worth considering a responsive approach.
9. State of mobile in 2007 — The year the iPhone was introduced
http://flickr.com/photos/djwudi/382030798
10. The state of mobile in 2012 — Touch screens reign supreme
11. The one thing all these phones have
in common (besides Angry Birds) is
they all have decent web browsers.
http://paulirish.com/2010/high-res-browser-icons
12. Each day, on planet Earth…
1,450,000
mobile devices activated
317,124
newborns begin life
http://lukew.com/ff/entry.asp?1506
19. Disney.com — Entire site is responsive
There is one Flash ad, which disappears if the browser is at “mobile” width.
Note: Most mobile devices have little/no support for Flash, Silverlight, etc.
29. Neatly organized *.sass CSS served to browser
http://thingsorganizedneatly.tumblr.com/post/9494864300/submission-the-compulsively-tidy-ursus-wehrli
48. Elements that rely only on mousemove,
mouseover, mouseout or the CSS pseudo-
class :hover may not always behave as
expected on a touch-screen device such
as iPad or iPhone. — Apple Reference Library
http://trentwalton.com/2010/07/05/non-hover