How To: Responsive Web Design for Mobile and Tablet

[@DavidHager1]

The way the pixel itself works is: You have css pixels which are what you're referring to when you say 960 pixels wide And you have the device pixels, which are the literal pixels the device has. css pixels can be shown as a ratio of device pixels, so say my normal sized android phone will render it's 1080 device pixels as 360 css pixels. The reason for this is if the device pixels were at a 1:1 ratio where 1080 device pixels was still 1080 css pixels, that would be super wide for a phone in portrait and it would be showing lots of info on that tiny screen. So your phone says, ok, my device is 1080 pixels wide, but lets make every 3 pixels 1 pixel. so you now have a screen that is 360 css pixels. This was your phone is showing way less info rather than if it were really 1080 pixels wide. Image turning the phone sideways to landscape which would make it 1920 pixels wide. That's the same width as my desktop, imagine viewing everything the same size as your desktop on a little 5 inch screen sideways. It would all be way too small and you wouldn't be able to read anything. Here's a great site with a lot of device and css width ratios so you can see how different things have different ratios. mydevice.io/devices/ And here you can see your device widthmydevice.io/devices/ Desktops mostly have ratios of 1:1 because they were the thing to design for when css was being made, so no ratios to fit the pixels were needed.

[@marketam.9793]

Thank you!! :) As a beginning designer, I find all the videos you make really valuable.

[@thefutur]

Markéta M. Thank you.

[@elis2781]

Love how you fixed the background problem on the fly. I'm guessing that comes with experience lol. And your designer was right there with you. You are surrounded by a ton of talent!

[@thefutur]

Yes we are Eli. We have some great people here.

[@maeceseirafi3177]

I think the art direction videos are a great way to get a glimpse into the raw stages of the project, how things can go on the designers side and the developer's side. I remember one video you had focused on giving art direction for editorial design so its nice to see another medium of art direction and would love to see more. Keep it up!

[@thefutur]

Maece Seirafi thanks Maece. We are trying to pull back the curtain to show what real life is like at a design studio.

[@maeceseirafi3177]

Awesome!

[@Kuwandi]

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

[@jpanda4835]

Great Vid Chris!!! Love It! Also Yes to the Drop Shadow Tut

[@thefutur]

J Panda okay.

[@mfaizanattique]

When I do design II usually connect my phone using adobe preview app. In that way, I get live mockup of the live thing

[@thefutur]

great. whatever works.

[@eliotnguyen3965]

I think this is where you have the market cornered, Chris: you're able to actually interact with your designers and we get to see design guidelines delivered with concrete examples to support the conversation and guidelines. It's not a conversation I get to experience, since most didactic you tubers interact only with themselves and while their knowledge is great, it lacks conflict and may often come across as too exclusive in its purposes. However, when we get to see you interacting with your students, designers, peers, and even clients there is the inherent value of the conversation having a solid, contextual basis. I like fake clients meant as mental exercise props but real clients with real world problems and an in depth analysis of those clients are soooooo dope and precious. Thanks for doing that. The interaction is worth its weight in gold. Chris, you're coming from a very experienced, tried and true perspective. When you interact with your designers, it is a familiar context other designers have, be it they're talking to the dope Chris Do or another person whose has a greater range of design senses. When Sang learns off the banter, the audience learns it tenfold. When sang speaks and has an idea, it's inspirational for us other designers who don't doubt the validity of our design choices but maybe are hesitant to want to voice the validity for constructive purposes. The lessons learned here are not polished and sent for copy right and that's what makes them a lot more tangible to those starting out. Since I know you want more feedback from the audience, I do want to lastly say that I like the trend of this channel because it's not just showing pretty stuff but the behind-the-scenes (maybe that could be a dope additional segment or a stand alone) where each creative stage is sequenced like a rocky training Montage. Hahah. Though I say little about how dope you are compared to the suggestion, the truest tone of this message is of appreciation for the wealth of good education you give back to the community.

[@thefutur]

#boom. thank you for your analysis and breakdown. really feeling the value that you are getting. we are starting another segment on the channel called "SnapShot" and it's meant to be raw and real. just like this kind of content. hopefully more clients will want to be seen this way and we can actually show the entire client dialogue. fingers crossed, i think this might be the futur for us.

[@beqrama]

Hi Chris, about that hot tip , there is a app called Skala Preview (for Mac's) and allows you to see your responsive design in LIVE VIEW. Just save that mobile PSD file and Drag & Drop in Skala Preview and just like that it's in your Mobile Phone/Tablet. btw i like that entire design from Desktop to Responsive Design. Peace and pls make more videos like this with complex mobile design issues.

[@thefutur]

Vatan Beqrama good tip

[@israelsilva5169]

I miss this kind of videos

[@Polymath_amore]

All your video contents are really good and informative.. :) but I have a suggestion. If you guys can add visual slides in between or like a note at the end with just the important points like a recap to the entire video then that would be really awesome as well as helpful.. coz u guys say a lot of important stuffs inbetween conversations and while explaining something, which sometimes is hard to follow... or if I have to find one particular info (like the pixel width mentioned in this video) I have to play through the entire video again to find where that particular info was mentioned... Love your videos 👍 this is just a suggestion😉

[@KevinCastillo]

I second that.

[@thefutur]

vishal hari good suggestion. We can do that. I'll be adding annotations in the video description which will help as well.

[@Polymath_amore]

Awesome... :) Thanks

[@justinroy6485]

I love these videos! I wish you guys would do more videos like this, because it gives you a more retrospect in the reality of working at an agency along with working through a project. #theprocess

[@ziolp]

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

[@natealspaugh8587]

I prefer the 1200px grid but this is awesome! Also a good comparison for using the grid is like bleed in print. You want to keep all the important content preserved at different screen sizes like you would want to take note of where you'd place typography on a business card.

[@thefutur]

Nate Alspaugh thanks for that tip Nathan.

[@victorflores6331]

First of, I would like to thank you for the process. I've learned a lot from those videos, and I believe you're teaching something that a lot of people do not have a lot of understanding which is the designer/digital business. There is so much more value in those videos than this one. That said, I don't think you guys should focus on showing introductory web design techniques. I don't think you are taking care of the audience you have grown with the previous videos in the process. As a front-end developer with UX/UI design experience, I think this video tried explaining something that both the designers don't have a strong core understanding of. Also from a development perceptive, there are solutions to making your design work the way you want it to regardless of the screen size.

[@thefutur]

Hi Victor, Thanks for taking the time to write. We appreciate your feedback. I'm a little unclear as to what you are saying. Are you saying, you want more video on the business side of creativity and less behind the scenes of a design studio? Also, are you saying that the videos around UX/UI we are out of our element and shouldn't talk about this? Just want to be sure I understand.

[@jorjlm83]

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 :)

[@simon_smale]

Loving the way you talk though this process as a designer. Is there a playlist with all the videos related to this project? I seem to have missed out a few bits and can’t seem to find them

[@thefutur]

there isn't per se, but there is a UX playlist. check that out.

[@HAHACHEN]

I am surprised with this video. I can't believe that you guys are just a group of wonderful designer but without coding skills?! I thought designers should have basic html coding skills and even achieve a little dynamic layout.

[@den-yimmoli7983]

You are talking about 2 different skill sets. Programmers work in the back end and 'translate' the design into code to show up online. That's the simplest explanation I can give. I bet you didn't know that comics is not just a work of one person. www.madehow.com/Volume-6/Comic-Book.html

[@itpedia2311]

Such a great series i learnt alot Btw i noticed now that this series is old from 2016 the girl in the previous video used illustrator for web design and she did an amazing job, but now mostly people use sketch,xd,figma but i think illustrator gives cool result then them the reason is wide range of tools and the play around typography

[@effvc]

Enjoying watching this project come to life. Interesting to hear that you use an off-premise dev team. Makes sense, you're more of the design shop and you work with a dev shop then? Very interesting! Watching the previous designs, I cringed (as a developer) at how much work making that design work on mobile would be on the pages that had no breaks in it. Was really looking forward to seeing how you guys would deal with it! I guess we'll have to wait for the next video!

[@thefutur]

Alex Bass we are figuring it out as we go. Hang tight. Have faith.

[@Ralphunreal]

This is amazing, I would like more videos like this for web design and also it would be good to learn smaller details like spacing, pixel size for certain components and fonts,etc

[@thefutur]

ok. i'll hae to have someone to speak to this specifically.

[@liamrainford7240]

More walkthroughs please! These are a great inspiration! Thank you!

[@thefutur]

Will do. We are just backed up with episodes to edit.

[@liamrainford7240]

If you need any help to speed up "the process" (hahaha) of getting the videos edited. Please email me: [e-mail]

[@thefutur]

Yes we do. We were just talking about this today.

[@TrvisXXIII]

Great commentary, and I love your approach towards art direction Chris

[@thefutur]

Travis Douglas thanks Travis.

[@Cubannerd]

This is funny. I used to be a back-end developer a long time ago and I feel like my web designs are shaped based on that. The good news is that a lot of things have changed and are changing for web and app design/development.

[@nitaioren]

can you guys make an episode on grid, because I think I'm missing out on this, and this is an essential part of the design process. and I read a lot of books on this subject and I'm still not able to know how to use it. and a lot of designers that I know that learned on design school don't know how to use a grid.

You could try Invision app to look at mockups and for feedback too. It's quite nice.

[@thefutur]

we like Invision. It's cool.

Also, on this topic. How do you treat with the client at this step? you show them the psd files or first build a working site for them to look at?

[@thefutur]

Luciano Hernandez we used Invision to show wireframes to client. We showed them jpgs with every page and notes on what we plan to do.

Thanks for response! you guys rock

[@thefutur]

Luciano Hernandez you bet!

[@agustinruiz2760]

Do you guys always work on desktop design first? If so, why? I usually work with mobile first approach, but of course I have never made designs as good and complex as you do hahaha (developer trying to become a designer here). Great video! I love this kind of videos and thanks for the hot tip Sang!!!

[@thefutur]

Agustin Ruiz yes. Old habits die hard. We should switch.

[@iredacted600]

Ty. Show us the shadow trick in PS!

[@jonnymafioso]

Love it. And yes for the drop shadow tut!

[@LuizFelipeSoyer]

Google 1:1 grid or baseline grid for web. 960 is so dead. 960px grid limits you more than enables you to create great layouts with the use of white space. And your design(er) needs an update, the 1024 px is not the majority anymore. The new laptops (last 3 years or so) have a resolution of 1366×768 which gives you a weird aspect ratio, so you might consider start with 1200 px. But again, when you talk about responsive design px is not a very accurate way to design. It's better to use percentage for fluid. Or you do the adaptive grid with at least 6 break points to make sure your design will look good for majority of users.

[@thefutur]

thanks for the tips and clarification.

[@baddestrapperLinH]

Your hot tip is really amazing!! Thanks a lot! Your video is very insightful and helpful!

[@thefutur]

Phung Viet Linh you're welcome Phung.

[@johnson9768]

Please do an "How To" on the Drop Shadows.

[@thefutur]

K. Will do.

[@superchacho]

That would be cool, I second that. I think I have an idea but maybe I learn something new, plus it's always appreciated to see new vids from this channel.

[@jenspyck]

Have you done this video already? Can't seem to find it.

[@thefutur]

Jens Pyck not yet. Need to.

[@kitj2820]

@@thefutur is it there now?

[@StashMan]

Loved the vid, want more web based stuff like this and please do the shadow tut Chris

[@thefutur]

Thanks. We will do one more video before the Ole's site launches.

[@StashMan]

The Skool Network waiting for it

[@thefutur]

Stash Man we better film it soon.

[@DividedxMindx]

Have you guys tried using Sketch for web and mobile design? Love that app.

[@thefutur]

Matthew Benkert I think Sang has played around with it.

[@syed_3279]

A big Yes to the shadow tutorial! please.

[@erikpeterson4873]

Thanks for your videos Chris. They are appreciated.

[@thefutur]

Hi Erik. Thanks.

[@LionDevelopmentTeam1]

Great video Chris! I like the fact we can now see how you interact with your team - Cool Leader!

[@thefutur]

Lion Development Team thanks Lion.

[@Jonesrful]

I really enjoy watching the decisions talked about throughout this step of the process. I also appreciated your mention for designing by mobile-first; the design really benefits when the mobile foundations are defined initially. I would love for someone to argue against it, but isn't designing to the 960-grid a little outdated when screen sizes are in such a variety? What do you guys think? Also. You guys should check out Webflow. It is totally re-defining my web-design process. All in all. Awesome work. Keep up the great content!

[@thefutur]

Riley Jones someone else needs to weigh in on this. You are probably right. We need to have a discussion about best practices regarding mobile design.

[@IStandAloneize]

insded of using the 960grid get familiar with bootstrap and maybe give your designers a basic bootcamp in how a site is developed and build. I work at an IT company as a designer so I know your pain of having to hold back fancy design sometimes in favour of usability XD

[@thefutur]

Dominik Korolczuk thanks Dominik.

[@mathijsdrent7272]

I wish my internship did art direction like you do Chris

[@thefutur]

Mathijs Drent well you can have a virtual internship by following along our videos. Consolation prize?

[@mathijsdrent7272]

Most certainly, awesome videos :)

[@jhaypotzki03]

thank you very much for this sir chris

[@thefutur]

John Joshua Guerrero you're welcome.

[@calvinnguyen4225]

What do you guys think of filtering clients through a questionnaire? Instead of having one message box at my site's contact page, there's a questionnaire. Sean McCabe of seanwes talks a lot about this when doing client work. Great show, loving the skool.

[@thefutur]

Raden Yunos i think client segmentation is a good idea. It could be as simple as a check box as them to identify themselves as a creative director, marketer, executive, etc.

[@izdiharism]

This video is awesome! lucky I found it.

[@thefutur]

It’s been waiting for you.

[@juliusd3379]

Hi, this is really helpful process. Thanks for sharing. I can't even imagine how many hours it takes to work on this kind of project and how many people are working on this. What's the budget of it?

[@thefutur]

I can't tell you the budget on this, but the team is much smaller than you think. We just hire the best people.

[@JimmyHuynhdesign]

Great Video as always. Really goes to show how hard designing for different devices with display sizes.

[@thefutur]

Jimmy Huynh thanks Jimmy.

[@Nodws]

On fancy backgrounds with lots of elements I separate them in PNG files and use multiple background CSS property :) (or absolute positioned divs) that way you can control the crop

[@thefutur]

Good tip!

[@Nodws]

Dont let em devs tell you It can't be done :p lol

[@thefutur]

They're good developers. They're not saying it can't be done. We just have to prep the artwork a little differently.

[@thefutur]

Just saw an update from developers and am excited about the progress they've made. Some cool features that we've built in to this site that we've never done before.

[@Nodws]

sounds amazing :D cant wait for the site to be up

[@KishanPandav]

very helpful......definitely it will help us.... and we can check designs by device preview (one of adobe facility) no need of jpeg or png. right?

[@thefutur]

Kishan Pandav yep.

[@libbyjones7481]

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!

[@evilmonkey6340]

I'm still waiting for the "Conversion of words into design." Or " how to translate words into design" .. I would loooove to see that one... :D great video by the way.. ;) Cheers from Serbia :)

[@thefutur]

evilMonkey hello Serbia. I hear you on your request.

[@bysaadmasroor]

Great stuff as always 💎

[@thefutur]

Muhammad Saad Masroor shine bright like a diamond.

[@bysaadmasroor]

thanks

[@thySerge]

Cris how do you balance (or justify) using large background images in relation to render speed and more importantly google's page speed insights? I find myself frequently sacrificing design for better SEO optimization and in making Google happy.

[@thefutur]

Sergio Ribeiro we do our best to optimize image and site load times but for a site like this, we need to create an emotional connection. This is not a high Seo kind of thing. I guess I make that decision based on the end goal.

[@wess7129]

ImageOptim is awesome for optimization. Take a look if you haven't! Great video, by the way, super fun to watch. Cheers!

[@rollinthruatoms]

Hey great video, thank you! At some point could you explain the file structure being sent over to the developer to make the site work?

[@thefutur]

Reggie Allen yes. For sure.

[@VitaJancev]

don't need shadow dropping - it's easy to find, better TOTB ideas! :) or more diificcult technical things. but if You do anyways, I definitely watch it, I know it's gonna be great :), so.. :))

[@thefutur]

i agree on both. :))

[@paulkarlalarcon]

yes, drop shadow tutorial please.

[@slavrine]

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?

[@omnipresentobserver4403]

Great content as always.

[@thefutur]

Duran Diesel thanks!

[@NezD]

The Adobe Preview app is handy for live Photoshop link.

[@somesingwong]

The Device Preview functionality has been removed from the October 2017 release of Photoshop CC. Additionally, the Preview CC iOS app is no longer available for download or actively maintained as of October 2017. If you have a previously-downloaded version of Preview CC on your iOS device, you can continue to use it on an as-is basis with earlier versions of Photoshop. The information on this page is relevant to earlier versions of Photoshop.

[@sonoftroy8572]

It seems to me that the developer didn’t properly structure his html containers in order to allow flex ability with very large screens, the only other thing you have to make sure is the images has enough mega pixels so it won’t look pixelated

[@juliusd3379]

Do you use invision for web projects? If not why?

[@sg3-h7u]

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

[@matthyson5546]

Did you guys ever do a video explaining the shadow effect? I know I'm almost three years late...

[@thefutur]

Haha. No. 😊 keeping us honest.

[@TheLogocon]

Hey Chris, I really like your videos specially the videos where you discuss about the designs live. I have one question to ask regarding taking the canvas size before creating any website or mobile app. Few people suggest to take the 72 resolution for mobile apps in android and later take out assets on different sizes like- HDPI, XHDPI, XXHDPI and so on. So my question here is what exactly the resolution or canvas size a designer should take? Please help :) Cheers, Suhail

[@thefutur]

as we do more web projects, we're designing in sketch. i can make an episode on how we are approaching it differently these days. we've been using a 960 grid, but i think that's kind of old school given the resolution of monitors these days.

[@TheLogocon]

Thanks a ton man.. looking forward to see some cool videos on this ;)

[@no.daveed]

I would want to learn how to do the 3D drop shadows!!

[@brisvegan89]

Did we ever get that drop shadow tutorial vid?

[@thefutur]

No. I still need to do this

[@EPHONIC]

Helpful video, especially when it comes to working at a 2x resolution for Retina, etc. However, I want to ask if one can also just simply work at a higher DPI, say 144dpi rather than doubling the size of elements. Essentially I can keep keep my fonts at their true size of say 15pt at 144dpi. Is this easier for those used to working in the past at 72dpi? Just curious. Also, would love to see the Drop Shadow tutorial too.

[@thefutur]

good question. Maybe someone here can help answer that. I don't know myself. But the drop shadow tutorial will come.

[@StockDC2]

Please do a drop shadows video :D. Thanks for the great content!

[@boramlee6606]

화이팅입니다! 👍

[@calvinogood]

14pt is the ideal font size for eligibility. Just sharing... :)

[@thefutur]

Calvin Ng thanks. Legibility right?

[@calvinogood]

Yes, it's legibility. LOL

[@McCloud23892]

Was a good app to view your png for mobile besides emailing it to yourself? Awesome environment btw, lol towards the end was funny.

[@thefutur]

someone already answered that.

[@aaronlsilber]

If you stop thinking in terms of pixels and start thinking in terms of 'em' units this will become much easier for you.

[@thefutur]

Aaron Silber thanks Aaron.

[@liamrainford7240]

Great work! what happened to the intern who started the design?

[@thefutur]

Liam Rainford Sharleen went back to school. She's finishing her MFA.

[@sulaimannoh6237]

Can u make a video on how to survive as a self-taught web designer or graphic designer?

[@thefutur]

Yes and no. Can you phrase your question to be more specific? What do you really want to know how to do?

[@sulaimannoh6237]

For example, a video about art direction in rebranding or advertising project. I think many self-taught designers have a little to no experience working in a team or have a problem collaborating with other designers that have different skill sets.

[@thefutur]

Sulaiman Noh ok. I'll add it to the to do list.

[@sulaimannoh6237]

Thanks man!

[@spideronline4836]

what is the best way to design a website is using PS or HTML/CSS ?

[@donzarman]

What app are you using to build that website

[@Alphablueprint]

What program do you guys use to create the website ?

[@robinreso6240]

i have seen some really cool "pro facebook adds" were a 1080P video plays....but when clicked the video plays in the upper 1/3 of the framing and a webpage content appears in the lower 2/3 of the framing appears while holding your phone in portrait mode.Are there any aplications/software/facebook manager apps to acomplish this, or is this hi-level webpage programmer skills?thx

[@MarkGallardoTV]

Hey Chris, out of curiosity: are there any legal implications when you are sharing client work through social media?

[@thefutur]

Mark Gallardo yes. Don't do it unless you have their blessings. You must respect their privacy or you won't have clients for long. Plus you might get sued for disclosing proprietary information. However, I think at a certain point companies will want you to do it because of the exposure. They will hire you because of your audience and less because of what you make.

[@MarkGallardoTV]

Thank you for the quick reply Chris! Loving the pivot you have made with the channel! Talk soon.

[@derpoverload]

Does anyone know what the transition is called at their intro at 0:34-0:52 where it's like building pixels? I'm trying to make something similar and I can't find a tutorial for it.

[@shirishmaharjan5069]

Drop Shadows tutorial plz!!

[@thefutur]

ok.

[@slavrine]

6:26 The invisible link

[@MichaelThomasDev]

Thanks for the candid peep show :)

[@thefutur]

Michael Thomas you got it.

[@massivekitty]

Drop shadow tut please!

[@abeerqamer9017]

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?

[@thefutur]

timecode please.

[@abeerqamer9017]

3:18 :)

[@carolynmc1516]

you guys forgot to put the link in the video "right here" lol but otherwise thanks for the tutorial & insights!

[@thefutur]

yeah. this happens all the time (editing team fail).

[@Jzguan]

I WANNA LEARN

[@carlosmoralescreative]

Do you use the new adobe tools like XD or Sketch 4?

[@thefutur]

we are starting to use both.

[@carlosmoralescreative]

Excellent thanks!

[@ikramfaidzal]

Chris/Huang, on (27:38) tips, if you are using Adobe Photoshop CC, you could use "Device Preview" to preview your design without having to email your jpeg. I called it "Live preview". Here's the link to understand more: helpx.adobe.com/photoshop/using/devicepreview.html

[@thefutur]

Ikram Faidzal nice. Good tip.

[@sharleenchen4045]

Great job Chris and Sang!! This is so exciting and I can't wait to see the final live site. Miss you all at Blind!

[@thefutur]

Sharleen Chen Hi Sharleen.

[@KungFuChess]

You guys ever Use Macaw or Muse for responsive sites?

[@thefutur]

No. I'll have to look into that.

[@KungFuChess]

Definitely look into Adobe Muse

[@conansredbowtie]

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

[@Baltsar]

I got a question for the designer: Why don't you guys design in Sketch and why? How come you guys use illustrator? Out of curiosity.

[@thefutur]

We are used to working in illustrator. Sketch is a relatively new tool. The design process on this project began many months ago. For current projects, we're using Sketch.

[@krome431]

I want to learn 3D Drop Shadows

[@GursimranSingh1]

Brilliant explanation , but I don't this is great idea to design the mobile version of website.Because if you see the mobile view at 10:02 minute of the video, this design is not going to view like this in browser.You have to take the consideration of frontend developer for making the mobile user experience.

[@thefutur]

you are right. but check the mobile version of the ole.ca site and let us know what you think. it's live now.

[@GursimranSingh1]

Great work done by Front-end Developer and designer

[@mp5533]

does this got a 2nd part?

[@thefutur]

nope. i think that's it.

[@mp5533]

I really hope you will have a full course for web design! :)

[@devahmed]

Sang is smart

[@thefutur]

yes he is.

[@calvinogood]

Do you think Bootstrap works better than 960?

[@thefutur]

Calvin Ng that question is above my pay grade.

[@DavidHager1]

Bootstrap has 4 break points for sizes so you can have a lot more control IF you choose to take advantage of them all. The question is really will it be better using all of bootstraps? Maybe, depends on the specific site itself, but generally I'd go with no. The purpose of the breakpoints is to make sure the right amount of content is shown on a certain size screen. I think most site's are fine with a few breakpoints, some maybe even one. If your question was whether bootstraps breakpoints work better than 960, probably not noticeably different. Bootstraps breakpoints are 544, 768, 992, and 1200, so if we're talking about the 960 breakpoints, there's a pretty large gap around devices that wide, meaning you're not gonna have a lot of screens around 960 that now are displayed different because you switched to 992 as your break point.

[@thefutur]

David Hager Thank you for the clarification. There's so much to learn when it comes to the web so I appreciate the info.

[@IARRCSim]

Invisible link provided at 6:21 to 6:30

[@thefutur]

yah. sorry.

[@VitaJancev]

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.

[@thefutur]

thanks. .02 noted.

[@joyceanndonasco734]

Visited 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?

[@vipzip8863]

The designer in this case was not confident in the job he was doing. I don't know, he gave me a shy impression. The female designer that that you linked in this video on the other hand was more open and more confident.

[@thefutur]

they're both confident, but have different energy on camera. find the most incredible confident designer. put them on camera. they crack. it's not a reflection of who they are.