How To: Responsive Web Design for Mobile and Tablet

How To: Responsive Web Design for Mobile and Tablet

By  |  December 1, 2017  |  Website Designing  |  Comments

How do you design for mobile and tablet? Responsive web design.

1:10 Link to other video

4:40 Using a 960 grid. Here’s a link to the 960 grid system:
http://960.gs

_
Listen to our podcast on iTunes: The Futur
https://itunes.apple.com/us/podcast/the-futur/id1152604340?mt=2

_________________________________________________
Listen to the Futur podcast on iTunes:
https://itunes.apple.com/us/podcast/the-futur/id1209219220?mt=2
Android Stitcher:
http://www.stitcher.com/podcast/aaron/the-futur
Google Play:
https://play.google.com/music/listen?u=0#/ps/Itg3hr5bs4a54w73o2toxcr4vhe

HOW TO SUPPORT THE FUTUR:
Purchase a Kit:https://www.thefutur.com/shop/
subscribe to the secret and private Master mind group on FB with bi-weekly webinars & exclusive videos not released anywhere else.

Music on the show from Art-list.io
http://goo.gl/22VpQi

Use our Amazon Affiliate Link:
http://astore.amazon.com/chrisdo-20

Buy useful design tools from Creative Market:
https://creativemarket.com/?u=ChrisDo

Get your business cards printed at Moo:
http://www.moo.com/share/qn6x98

_________________________________________________

Need brand strategy help?
Visit Blind LA’s WEBSITE: http://blind.com

Connect with Chris Do:
https://twitter.com/theChrisDo Twitter
https://www.facebook.com/BizOfDesign/ FB
https://www.instagram.com/thechrisdo/ IG

Jose Caballer: https://twitter.com/joseCaballer
Aaron Szekely: https://twitter.com/AaronSzekely

The PROCESS
Credits:
Executive Producer– Chris Do
Hosts– Chris Do
Director– Aaron Szekely
Cameraman– Aaron Szekely, Andrew Truong
Producer– Aaron Szekely
Editor– Mark Contreras
Show Open– designed by William VanSkaik, animated by Bara Kwon

Musical Director– Adam Sanborne
www.adamsanborne.com

About the Author: Jack Mathew

13 Comments

  1. Strength and Grace Movement

    on December 1, 2017 at 12:05 pm -

    Just learning here. What is the program you are using to create the website? Is it Adobe Muse? Thx!

  2. Miron Swyst

    on December 1, 2017 at 12:45 pm -

    Reason I liked this approach it was very candid...unprepared...what was good is that you were asking questions and it wasn't a passive how to presentation...

  3. Abeer Qamer

    on December 1, 2017 at 1:34 pm -

    How do you set up all the web pages of a website side by side in photoshop like when I click this button I'll land on this page?

  4. jorjlm83

    on December 1, 2017 at 1:37 pm -

    Great video! It's amazing to see a little about how is a typical work day/process in your agency. Please keep posting this kind of content :)

  5. Libby Jones

    on December 1, 2017 at 2:21 pm -

    Hi Chris, yes pls I would love how to do these 3d shadows. Please could you do a video if you have the time. Thanks from Dublin Ireland!

  6. schakalakadingdong

    on December 1, 2017 at 2:55 pm -

    "Shut the front door, you lying...!" xD

    That's how we speak in my workplace as well.

  8. ziolp

    on December 1, 2017 at 3:30 pm -

    Yes ! I'll watch your How to on drop shadows. Better to learn it the right way.

  9. Big DramaShow

    on December 1, 2017 at 4:14 pm -

    Still waiting on Preview CC to work on android devices...it's not fair.

  10. Faisal Khan

    on December 1, 2017 at 4:38 pm -

    İs it Photoshop?

  11. joyce ann donasco

    on December 1, 2017 at 5:31 pm -

    Visited https://www.ole.ca and it looks amazing! One thing though, tried to click the newsletter and a popup showed up but nothing's in it. Why? Is this still in progress?

  12. Stepan Lavrinenko

    on December 1, 2017 at 6:03 pm -

    Hi, Chris, I enjoy your videos very much. One question though- You started in 960 grid in AI, but I've noticed that it's a bootstrap-like nav at the top and the carousel is the default bootstrap too (on the demo site).
    Am I being mistaken? If not, how often/ how much do you guys use bootstrap?

  13. Vita Janceviciene

    on December 1, 2017 at 6:35 pm -

    yet, in my very startup point of view, "job opportunities" would seem more in the same style/ vibe if it had that old paper background.

Leave a Reply

Recent Posts

Recent Comments

Archives

Categories

Meta

img
INDesign DiGiAgency aims to provide useful and powerful tools and solutions that can help online and offline marketers reach out to more clients, market their products and services and boost website traffic. We have maintained a good reputation in providing excellent and high quality services to our clients for years. Should you wish to learn more about us and our services, feel free to contact us or sent us a message. We would be happy to talk to you.
INDesign DigiAgency, Incorporated
a Division of INDesign Marketing Services No. 1 Scotts Road #24-10 Shaw Centre, Singapore 228208
Monday – Friday: 9am to 6pm
Saturday: 9am to 1pm
Sunday: Close
Phone:+6597335129
Email: support@ indesignmarketingservices.com
INDesign DigiAgency