[ad_1]
https://i.ytimg.com/vi/0QlecDOWHmY/hqdefault.jpg
Today we start a new series called CSS Grids. We are going to build and re-build the same layout with different grid frameworks.
Watch this video in the playlist: *link
Link of the week: http://www.gridlover.net/
Winning Tweet: https://twitter.com/f0vela/status/531858154556907522
—
DevTips is a YouTube show about web design and development.
“HTML5 Basics” Playlist:
“CSS Basics” Playlist:
“How to build a professional website from start to finish” Playlist:
—-
Follow the DevTips GitHub Page to get all the codez:
https://github.com/DevTips
DevTips now has a twitter account:
Tweets by DevTipsShow
Travis also tweets:
Tweets by travisneilson
Original source
45 responses to “Bootstrap Grid – CSS Grids Series (Intro)”
Nobody eats corn dogs anymore
There's no substitute for your tutorial..seriously
This is gold
you're hilarious
Hi , I am a bit confused about so many frameworks out there for making a website responsive. Which one would you like to recommend over the others. Or should I learn more than one.
Sass tutorials pls basic to end
Hey
I have a question it might be stupid, I'm just learning bootstrap and was wondering. Do I have to copy the css part on bootstrap cdn. Or can I use my own style.css sheet like normal ?
Mark
The Casey Niestat of Web Dev
No! WiX! NOOOO!
This video was too over the top. You don't have to try so hard to be whacky. It's actually annoying. Just be yourself.
You're so funny, I cann't help laughing while watch your tutorial. keep LOL
Loving the karate moves.
Your videos rock man : ) Greetings from Bulgaria.
Great videos as always! What are everyone's thoughts on Bootstrap vs Media Queries? Do you suggest being familiar with both but use one over another? Thanks!
Hey Trav!
<assKiss>
I love the videos on your channel – very informative, great to follow and understand (and not to mention fun(ny), too).</assKiss>
I've been binge-watching a lot of your tutorials (mostly at work, whoops) and enjoyed this Bootstrap framework series.
I know you've probably had a lot of requests already, but would you be able to do a series on "Materialize CSS"? Seeing as you work for Google, I thought this might be quite appropriate. I've had a quick look into MaterializeCSS, but not had a proper chance to try it out in anger.
I thought a series from you would be super-helpful, and hopefully useful to others.
Thanks 馃檪
Dude you rock! I am new to all this and your videos are a blessing!
Hi I would love to see a series on ionic framework.
袛校袞袝 袛袨袘袪袝 袦袝袧I 袟袗袪袗袟, 袩袨I袙 携 小袗袥袗, 袟袗袩袠袙 袡袨袚袨 袦袨袥袨袣袨袦, 效袝袣袗挟 袣袨袥袠 袦袝袧袝 袟I袪袙袝
Oh man, I laugh so hard at your videos. It makes learning pretty interesting and funny, so a big thank you! 馃檪
Bro when are you going to do another one of these for Bourbon? 馃檪
Took a beating watching this, but it was totally worth it.
I'm NOT a girl, but I love you too. n_n
Along time ago i think in one of your videos you showed a website that was called css vocabulary or something. i cant remember what it was called, do you know what i am talking about?
I would love to see a series on the "NKOTB" (New Kid on the Block – you know you loved them, we all did! ), anyways, it's materializecss.com. It's all based off of and created by "Google, Material Design" they just released recently.聽
Thanks Travis, love your channel I couldn't live without it. Or work?!?!?! You da man!
Hello Travis! Can you help me with some problem about one bootstrap theme I found. Here is my video聽http://youtu.be/ciiudMujq5I
Problem is about horizontal scroll. I don't want it.
Excuse for offtop.
Travis, I wish to start Bootstrap project. What workflow can you recommend? Jade+Sass processed by CodeKit? How I can create special folder for ftp sending onto server? I mean concatenation, minification of my development files.
Or it is better to use some yeoman generator for it?
Thank you for any advice!
1 person did not want a corndog…
Travis and watchers! How can you comment this article聽http://themeshaper.com/2014/08/19/why-bootstrap-is-a-bad-fit-for-wordpress-themes/
As I understand, Bootstrap, Foundation are not best solutions. I see a lot of professional comments and every against these frameworks.
These comments more 'bla-bla-bla' or not? Because I see that a lot of good looking sites made with bootstrap and foundation…
Do unsemantic or purecss. io
Hi,
Love your YouTube channel. 聽Lots of great content and you're a fantastic host. 聽I'm hoping what I'm about to say may lead to a larger discussion. 聽First, my background. 聽I've been a software recruiter for over 20 years. During that time I've seen a lot of technology come down the pipeline and more than my share of trends. 聽That said, one trend I've seen is the heavy reliance on frameworks and tool sets by new developers. 聽This has become increasingly prevalent in the past five years. 聽For instance, rarely do I not come across a junior front-end developer (e.g., three years or less of experience in my book) claiming to be an 'expert' at Javascript, yet has confused 聽it with jQuery, or believes they are one in the same. 聽I say this because when I send out code exercises specifically asking for a JS solution, they send it back using jQuery. 聽Then I end up explaining the differences using a few examples of my own and they think I don't know what I'm talking about. LOL. 聽 And the <div> soup today is scary. 聽For instance, when I send out HTML/CSS exercises, I frequently get the HTML back using some sort of grid system buried in a sea of <div> tags when I specifically asked for HTML5 using current semantic markup. 聽
聽I guess my question is, do you see a hazard in developers getting 'too hooked' on tools that offer a lot of shortcuts to reduce development time? 聽Is there a danger in losing the fundamentals, not learning them at all, or even properly? 聽Also, at what point in a developers career would you say is the 'right' time to pick up a development tool (e.g., Bootstrap. jQuery, etc.)?
Again, great show, and I look forward to many more videos. 聽Also, I know I may have hit a few hot buttons for some readers. 聽Please, let's keep the comments civil.聽
Regards,
K
I like to see this tutorial with Kube Framework, just because it's simple, and for quick development is perfect
Hey Travis
Thanks for making these series. All your videos are very useful. Especially I like all the handful of links that you give in between your session. Thanks a lot and keep doing it.
Btw, I am not seeing any follow button on your github page https://github.com/DevTips
Foundation if you please :P, nice work anyway!
django
Hi Travis, great video can't wait to watch the series and learn bootstrap, thanks for all of your awesome vids, keep up the amazing work. BTW I would like to see Gumby.
Please vote for Bourbon / Neat, curios聽to see how it stand up against the big dogs Bootstrap and foundation. Lightweight and easy to maintain…
Framework7 takes my vote 馃檪
Bourbon Neat would be great.
UiKit would be interesting to see aswell!
Ok… Yeah… I love you man, but… Well… I had my hopes up, but don't know the other stuff you're using- I'm a beginner. I think I could follow along a lot better if the other stuff was handled as a branch…. Fantastic concept, but It's like a lesson on finding stars when I don't know how to use the telescope…
What about susy? I'd like to see it!
YES!聽 Been looking on a good bootstrap tut
maybe聽Webplate's Grid ? looks nice, but that wink聽though!聽hahahah 馃槈
i would love to see Susy Grid : ]
I am waiting for Semantic UI 聽