Jen is an unique speaker. She does not only explain very technical stuff very simply, but she also brings her own ideas and experiences from a more creative standpoint to inspire others. I think I'm in love with her.
@raygordonteacheschess5501
Жыл бұрын
Thanks for clarifying it's not her looks (the way she looks I hope not).
@edwassermann8368
Жыл бұрын
@@raygordonteacheschess5501 you had to be that guy, huh? Well, newsflash, it's you who isn't much of a looker Ray! Had to rinse my eyes after looking briefly at your vids man.
@rl6382
Жыл бұрын
Yeah there’s something really attractive about her. She’s not the best for looks I mean she’s a bit older but she’s still cute and has a really nice personality
@devKazuto
5 жыл бұрын
I use Grid even with IE not supporting it. I just don't support IE xD
@bialcus69
5 жыл бұрын
Nobody should.
@justinharrell327
5 жыл бұрын
Yes. Stop supporting stupidity.
@skater15153
5 жыл бұрын
Actually IE 11 supports grid, it was the first browser to support it. It's just a different flavor of it and you can do a lot in it. It's a bit of extra work but it's very possible.
@vincentnonnenmacher9352
4 жыл бұрын
You did lean IE 0x0b
@P4INKiller
4 жыл бұрын
It does support it though. Thankfully we're starting to come to a point where clueless people are using Edge by default, and that is bearable at least.
@kingscrusher
4 жыл бұрын
You are brilliant. I am now a follower of this channel. Thank you so much. You have great artistry, experimentation, and insights. Thanks so much.
@jrgenbrix5838
5 жыл бұрын
"Please don't use a framework - do some vanilla css yourself" - that settles it, I officially love you! :-)
@fuzzypumpkin7743
5 жыл бұрын
Seriously, I feel like I spend more time fighting with a framework than the time it might save me on a few aspects!
@PixDev_01
3 жыл бұрын
fucking hate css it's so annoying
@natashagonzales3300
5 жыл бұрын
I just wanted to take a moment to thank you. I originally got into graphic design, but fell in love with code so decided to pursue web design. But website designs have seemed really... stuck for awhile. A box here another box there and for someone who loved the artistic side of design, it started to get really discouraging. Everyone would go on about how this is just the way the web should work, and I had a hard time feeling excited about designing websites and imagining my place in the industry. Finding your videos, hearing someone who's done this for so long and is so prolific in the community talk about building beautiful websites, challenging us to really push ourselves, it's truly reinvigorated me. Thank you.
@xmlthegreat
6 жыл бұрын
If Jen could do a Full Stack video series, that would be nice. Her teaching style is energetic instead of dull and flat.
@shaun_rambaran
5 жыл бұрын
There are other nice ones on KZitem, I find. I like the teaching style of Derek Banas, which fields warm, caring, and friendly. I find Traversy Media is very clear and thorough in his explanations too. There's also a guy named 'Bobby' who teaches about Wordpress; I really like him too, but I can't remember his channel name. Jen Simmons certainly is my absolute favourite CSS and design teacher though. Yeah, the way she describes things makes you feel the same passion for the design and technologies that she does. It's great!
@raymondmichael4987
6 жыл бұрын
I like how confident, knowledgeable she's.
@digigoliath
5 жыл бұрын
Great video! I am no designer and a complete newbie to CSS (mere weeks old). But wow, I love it when we can get into a master designer's head where the discussion is not so much about the tech and all about innovative ideas humanly imaginable. More videos please!! The presentation is wonderful too! 9:16 is GOLD!
@JamesKing-jc8uy
4 жыл бұрын
I love the fact that you talk to us today about bloody everything! I'm sure you're rocking' the big times in our field - art/dev/leadership. But I wouldn't have learned CSS and Flex without your sympathetic and really cool wise help. Thanks a million Jen. You also have a really soothing voice, perfect teacher, thank you!
@TorBruheim
5 жыл бұрын
You are the best. Thank you. Never stop making these videos. You saved us from an huge amount of extra work.
@emartin1990
5 жыл бұрын
she explains things like were both stupid. I love it!
@crooker2
6 жыл бұрын
One of the reasons I like using a framework like BS4 is for the Javascript components. I would still prefer to use CSS Grid for the layout, and use BS4 for the javascript. Much easier than building everything from scratch.
@keithpurtell1213
3 жыл бұрын
Another perfect tut from Jen. Not a stiff lecture. It's like sitting in a comfortable room listening to a really interesting sr dev who wants you to succeed.
@ianmoore9753
6 жыл бұрын
I am so thrilled and grateful for these videos. Thank you.This is such a breath of fresh air for design on the web.
@YannickL
6 жыл бұрын
Very refreshing thanks! Specially the no new framework section :) ... you are a grow up, write your own lay out is gonna be my new motto :)
@lalaithan
6 жыл бұрын
Mine too!
@TaberIV
6 жыл бұрын
I'm graduating with a computer science degree this year, and I'm a solid programmer, but always found CSS frustrating. This channel helped make all of it make so much more sense and I'm managing to make webpages that don't _just_ work, but also look nice!
@RedEyedJedi
4 жыл бұрын
Use floats when you want the text to float around an image the way it does in print. That's what it was designed for and it does that well.
@pdsnpsnldlqnop3330
6 жыл бұрын
Frameworks that co-opt CSS Grid are really bad news. I did a project with Foundation and that now has absorbed CSS Grid. It obfuscates the underlying CSS Grid and hides the key functionality, making it not obvious that layout can differ from document structure. Plus there is a whole shedload of Foundation stuff to learn, this has to be unlearned when moving to CSS Grid proper. They don't even have the decency to explain that they have just co-opted CSS Grid.
@codecobber1107
4 жыл бұрын
Simply put . . . You are a legend. I tried CSS Grid back in 2017 but decided to leave it until the browsers caught up. Now in 2020, I'm jumping back in. Your advice in invaluable, your comments insightful. Thank you for the videos.
@PCHelpNews
5 жыл бұрын
As a beginner and hobbyist dabbling,, Jen inspires me to learn CSS Grid. I can't stop watching your videos and only hope I will be able to design with Grid.
@leea4839
6 жыл бұрын
Wow, super knowledgable. I subscribed :D Thanks for this video and am looking forward to digging into the the rest of your videos
@scottonanski4173
3 жыл бұрын
I'm always blown away by how she crystalizes everything. "There's no reason to choose between them. They're both part of CSS".
@GIGvalley_tech
2 жыл бұрын
She is Amazingly exceptional
@mathws1
6 жыл бұрын
I completely agree with Jen, front-end frameworks are a great starting point but sometimes you just get to a point where you don't need them anymore. Writing your own style guide that is tailored to your app makes so much more sense.
@DanielGamage
6 жыл бұрын
using posters as a source of inspiration is such a good idea! there are so many great examples of *wild* layouts-rotated, nested, distorted-in traditional design that are super rewarding to code into a webpage, especially if it can adapt to different device sizes
@BeckyAlter
2 жыл бұрын
You are the BOMB!! I love that you’re encouraging artistry and flow. So insightful and inspiring! Thank you!
@dimitridehouck9506
6 жыл бұрын
9:19 made me laugh 😁 your video's are so amazing. You explain it so well and clear. I am binge watching them all. They are pure gold! Keep em coming.
@LayoutLand
6 жыл бұрын
Thanks!
@kandysman86
5 жыл бұрын
I've been learning Html , CSS and javascript my own for 2 months now, and i have no idea how I've missed your content. You are a lifesaver. This channel is what I've needed most.
@CyrusPieris
3 жыл бұрын
Thank you. I hope you keep evangalising CSS Grid and layouts. As a trainee front end developer I am learning so much from these videos.
@visulliv7601
2 жыл бұрын
YES! love the 'replacement mentality' explanation.
@melvinhoyk
6 жыл бұрын
Love your opening tone where it smacks people face and listens up.
@TytusDubel
4 жыл бұрын
wow..Madamme, you're really straight and clean: i'm a newbie [is it correct??] in the css world and generally speaking, web. I'm a graphic designer, yes, this i can say, as i'm used to be ready to print out the things, but the web, it's such a hard piece of cake..when i saw grid it was like wow, but obviously, not knowing things, makes it complicated. You made me more calm, i see that the path of css is like adding a new possibility to what was been already done: ok, we had Flex, now, a Grid, for some reason. So, as i understand, we don't throw in the bin the other, but simply, aggregate a new "technique" to our system of working. So to say, in my lab [i just make an out loud reasoning of my own process] we have vectors and rasters: they both exist, we can't say one is better than the other. They ARE. :- D Happy to understand more new things, and definitely i'll follow your thoughts, as you instantly gave me the impression of a Wise Person, not only about the tecnica topic, but, further than that, overall.. [ hope it make sense in english]. Thank You for the video, i really appreciated it! Tytus.
@IgorThompsonMusic
5 жыл бұрын
A very intensive beginning! )))) I wasn't ready for this... ))))
@drmryan
6 жыл бұрын
Flex & grid were a wonder when I discovered them. Thanks Jen, subscribed.
@aprsecond
6 жыл бұрын
"We don't need every website to look like the same anymore" 🤣
@joeldcanfield_spinhead
5 жыл бұрын
The face she made. Yeehaw.
@laurenc180
5 жыл бұрын
So much shade
@stevendx6601
4 жыл бұрын
Unless comparison shopping. Major use by the way. Reading the news, one paragraph after another. Not rocket science. Go into film making if web sites are so annoying? Lol.
@laurenc180
4 жыл бұрын
Steven Dx what? I think you misunderstood.
@jonragnarsson
4 жыл бұрын
Hi, I am from the future. Nothing has changed.
@EMonzon
6 жыл бұрын
I like you very much! You allow yourself to free thinking and experimenting. Thanks for sharing your brightness with us!😚
@logiconabstractions6596
3 жыл бұрын
About the 12 columns thing - I kinda of agree, but then at the same time, I feel that for me conceptually it is the best default. Even setting aside any math/calculations, it's easier for me to grasp my layout this. way. Having nice quarters, thirds & half is great. There is a reason why many of the older (.e.g. imperial) measuring systems have a lot of 12-based units. It's intuitive.
@DigitalForklift
6 жыл бұрын
Why are there down votes on this?!? Great job again Jen!!!
@jakemetz1742
Жыл бұрын
How good is Jen tho 👏. Thank you for the extra effort you put into organizing the description along with linking to further content.
@svivian
6 жыл бұрын
Excellent video, just wanted to pick up on one thing. Using 12 columns is not “a legacy from technical constraints”, there were no constraints in the past that made us use 12 columns. In fact the opposite - we used columns of whatever sizes we wanted. 12 column grids became the norm because it created consistency across a website, which is still a valid design approach with CSS Grid. Of course there will be times when we want to do something different, but I think having 6 or 12 columns as a “default” will continue to be most common.
@simonkalu
5 жыл бұрын
Thanks, Simmons. You have said it all. You're well grounded in CSS
@asishraz6173
3 жыл бұрын
Loved the video. Very informative and nicely told. Thank you. 🤝🤝
@tangytech7641
6 жыл бұрын
Great playlist! I really live your inspiration and drive when explaining CSS grid, as well as the history and reasons behind it
@bms6021
6 жыл бұрын
Totally inspiring. Love that there’s no intro. Huge thanks. :-)
@nasseransari4378
4 жыл бұрын
This is the first video I saw from you and I can safely say you're the best :D I don't wanna hear anyone else teaching me things anymore :))
@taariqq
6 жыл бұрын
Refreshing. A beginner would say 'this is what I was missing!'
@ThierryReneSantosMatos
6 жыл бұрын
oh my god, this channel and it's videos are awesome! so many thanks!
@PatrickSamphire
6 жыл бұрын
Hi Jen. I've been really enjoying your videos and I've found your ideas of what we can do with CSS grid incredibly inspiring. Where I'm really hitting a barrier, though, is trying to figure out how to properly incorporate responsive images with CSS grid (or Flexbox, for that matter). Obviously, in terms of performance, I would love to be able to deliver the correct size image to each browser rather than just shrinking down massive images. For example, in older layouts down with breakpoints, floats and percentages, I could set it up so that an image in a column was full-width when the column was small, half-width when it was larger, and third-width at very large, and serve the correct sized image in each case. I can't figure out how I could do that with grid, because I don't know how large a column or cell will be and so I can't use srcset and sizes to specify the correct image file to use. Am I missing something incredibly obvious here? Is there a way to serve proper responsive images in a case like this? I wonder if you might consider addressing this in a video? Thanks!
@LayoutLand
6 жыл бұрын
This is a very good question…
@SeanMarsh
6 жыл бұрын
I've been using divs with CSS background images, set to cover and tweaked a little if needed. That way my images always fit well :-)
@karlgoldstraw
6 жыл бұрын
Sean Marsh not ideal for accessibility though. And also you’re still only serving a single image?
@moy2010
5 жыл бұрын
9 mistakes, 9 times I couldn't agree more with you! All of them are so true.
@TheElkster
6 жыл бұрын
Great video - it's reinvigorated my desire to get stuck back in to going over the basics and to play around with Grid. I will definitely watch all the other recommended videos, especially the ones that talk about how and when to use both Flex, Grid and Float - unfortunately I'm not a graphic designer and not very creative and so I need to see many examples of it in use in order to spark ideas of my own. The other one I'll be paying particular attention to is the 7 part series and how to make CSS resilient in all browsers... knowing how and when to use 'fall backs' is something that has eluded me for some time!
@leea4839
6 жыл бұрын
Dont fall into the i'm not a designer or creative trap, design can be learnt, dig into design books and find what is visually appealing to you!
@kenbee85
5 жыл бұрын
Ohhh why just I only discover this Channel. Thank you so much. 😍❤️❤️
@fofivsl8139
5 жыл бұрын
As a new frontend-dev who is struggling to find her way in this chaotic world of web development, I only have two words to say to you. With all my heart, THANK YOU!
@grossolee
5 жыл бұрын
Jen Simmons: the teacher I've always wanted.
@feelmehish8506
3 жыл бұрын
You explain really quite well.
@MartijndeValk
6 жыл бұрын
Thank you for all the great content on this channel, you are a great teacher!!
@danielsarsi
6 жыл бұрын
She's a awesome teacher.
@claushellsing
4 жыл бұрын
I wish I could take all your knowledge and experience and put it in my head
@jimifriis4507
6 жыл бұрын
Great as always :) Thank you Jen! Takeaway, be a true developer and master your skills, mastery requires playing and experimenting. Don't forget : Use the tools as pen and paper, clay and water - go out and get inspired from nature and other industries - create awesome crafts like a real craftsman.
@vi9126
4 жыл бұрын
KZitem recommended me this video when I was working on making my personal layout with grid, flexbox, variables and light dark mode. No, it won't be a framework because I mostly dislike them(Bootstrap is becoming a Frankenstein at this point XD), but rather a blueprint to start projects. Anyways I loved your video and the way you explained your thoughts, subscribing ;)
@UrraSergio
5 жыл бұрын
"Thinking CSS Grid is Everything." - Really? Well, there are also those who only buy cross slot screwdrivers. "Always Using 12 Columns." - When I realized that there were people using 12 column grids I was amazed. Grids offer us the keys of freedom and we close the door from inside. Curious human behavior. "Reaching for a Framework." - Well, it's hard to tear down paradigms, even the worst ones. Huge point. "Waiting for IE11 to Die." - It's so easy to make a functional grid for IE 11 that it's hard to believe that people are not doing it. It's like buying only furniture build with cross slot screws only because that's the only screwdriver you have. "Hesitating Instead of Playing." Hesitating instead of enjoying the excitement of playing. Another huge point. And another curious human behavior. My first visit to this channel. Pretty good experience. Thanks. .
@BenRangel
4 жыл бұрын
#1 for me would be: not testing in older versions of Firefox! For instance: ff 60 requires that grid-rows have a specified size, otherwise they will get infinite height newer versions which can handle auto sizing. I once built an audioplayer in cssgrid, tested it in all my local browsers - later got a user saying they couldn’t see the player controls. Turns out they ended upp outside of the player container cause their grid row had infinite height Visual bugs can happen in any css concept but they are unusually bad when it comes to grid since it ruins the layout not just some border radius
@techtipsuk
6 жыл бұрын
Best I’ve seen, comparing Grid to Bootstrap from people who should know better.
@spookystoryz
6 жыл бұрын
Very glad I stumbled upon this, Thank you!
@meljones2922
5 жыл бұрын
Awesome, thanks for the tips! You've inspired me to dive deeper into grid. I'm going to start with some experimental play and then try to put together my own vanilla style guide. Thank youuuuu :)
@joaogarrano4116
6 жыл бұрын
Awesome and "lightweight" teaching style. Kudos
@josema-boy7610
6 жыл бұрын
Thank you very much for sharing, this definitely helps.
@jonathasscott4484
6 жыл бұрын
I love your videos.. tanks a lot for taking the time and creating them.
@mortkebab2849
4 жыл бұрын
The opposite of using media query all the time is trying to never use it. Grid and flex can't solve some things, or is overly complicated to do, such as making a title centered when it wraps due to a narrow screen but left-aligned when it can fit on one line.
@eklavyasharma
4 жыл бұрын
She speaks like she is talking to a real person in front of her like giving an interview to a TV reporter. Unfortunately, interviewer part has been edited out. Loved the info. :)
@cammatthewhayes
6 жыл бұрын
Always awesome and insightful, Jen!
@serafinipablo
6 жыл бұрын
Great video, thank you so much, using grid in my next project!
@edoyak09
5 жыл бұрын
Watching this is therapeutic
@shaun_rambaran
5 жыл бұрын
Man, point seven reminded me of the 'good old days' of webdev. They maybe weren't all that good in terms of technologies-I'm talking about back when CSS 1.0 first appeared and we were still arguing with IE5.5-but website designs were so much more varied and creative back then! Lots of broken sites too, for sure; Lots of webpages of animated gifs and 'sparkles', certainly; But so much variety! Well, Layout Land, I'm certainly hoping that you're right and the next stage of webdev and webdesign sees creativity and variety return to the crazy field we work in. (I don't believe I'm only in my thirties but already have 'back in my day' stories.)
@skater15153
5 жыл бұрын
I'm going to send this to all my colleagues who keep making these mistakes haha perfectly sums up what I keep seeing.
@MaxWeir
6 жыл бұрын
This is great, really good coverage of all things!
@RomanFilenko
6 жыл бұрын
Inspiring as always, thank you for spreading ideas
@ahsath
6 жыл бұрын
🤔 it's really weird, i was thinking in all of this long before this video came out then i realized that those are really the common mistakes that many of us make not because we want but because there is so much noise and opinions that sometimes are not the appropiate ones. I really appreciate this video it was like a true answer. By the way besides the number line mistake i ran in one while understanding spam, it start to count from where you currently are 😂
@pax4698
6 жыл бұрын
Looove your videos. Thank you for sharing all of this knowledge goodness. I vote you make a comprehensive Udemy class.
@asishraz6173
3 жыл бұрын
"People searching high and low for a new framework to replace their old framework, where the new framework just happens to be built in CSS Grid." 😂😂🔥🔥🔥 savage.
@kadersuper
4 жыл бұрын
i like your idea of framework.. thank you.
@gothamfury
4 жыл бұрын
#7 - Love this! Thanks for sharing!
@cekuhnen
Жыл бұрын
Well done !
@StreetWorkout-n6i
5 жыл бұрын
Thanks for video. ! I adore your lessons !
@amarcanth
5 жыл бұрын
I very much love the idea of not creating a new framework. I belive that we don't need to complicate things more. However, I started researching about how to adapt a css grid layout to a Drupal or WordPress site... well, it seems that they don't help much and many modules or plugins are based on famous frameworks. So, a responsive slideshow, for example, would have to be done by hand. Sometimes, using those frameworks and those plugins that depend on them are time saving. But I very much like the idea of making things easier. Thank you very much for this video!
@faicalfaical
5 жыл бұрын
Thanks for the simple and so easy explanation :-)
@xmlthegreat
6 жыл бұрын
Dammit, I made the #1 mistake. I'm trying to use Grid and Flexbox for the FreeCodeCamp Responsive web design challenges, and my current project has a bunch of nested grids. It's a mess and it's making me cry.
@ojsojs6004
5 жыл бұрын
So you think you should also use floats?
@GIGvalley_tech
2 жыл бұрын
You are Amazing...I was Really Austoundly blessed after watching your LinkedIn platform Video...God Bless You... Samson Oriola Ibitayo from Nigeria...Ma You are a Blessing to our Generation...
@ThePookaHarvey
4 жыл бұрын
A note on CSS Frameworks (and the hate they are getting in the comments). CSS Frameworks are often a lot more than a grid system. Grid doesn't replace all their functionality, it just makes the layout bit unnecessary because it is now trivial to use CSS Grid to do the 12 column grid thing. Bootstrap for example is way more than a 12 column grid. It's a prebuilt comprehensive design system which gives you a whole bunch of good looking components with a neutral aesthetic. It can be a great tool for a specific job, e.g. Rapid prototyping or websites on a budget. Frameworks certainly come with drawbacks but understanding what they are can help minimise them (e.g. Use SASS version of Bootstrap so you can selectively load only relevant modules) and help you make an informed choice about whether they are appropriate for a particular task. Also, I agree its a shame that frameworks and the 12 column grid have held back creativity on the web but on the other hand many people just need to get the job done. Pushing boundaries and innovating is really a luxury that many website creators doing client work don't have. Frankly I think the 12 column grid has been a fantastic layout pattern that is super easy and quick to use for creating clean functional layouts. The web is largely much better off and more useable for it. Yes things are a bit samey at the moment and I'm really pleased that we get new tools to help be more creative but lets not get carried away thinking creativity is the only important thing.
@phobyux1349
6 жыл бұрын
GREAT video ! love your way of explaining ;) keep it up
@danielsimionescu298
5 жыл бұрын
I just want to be vulnerable for a bit: why do I feel overwhelmed every single time a new feature is added in a language like CSS? From my point of view, it demands new decisions when creating a layout. Just as you said: sometimes, a little float does the job. But, at the same time, I have this feeling of inferiority every time I use floats. My approach to coding is the the simplest design choice possible and to go from there if it’s not enough. I think there are many like me who would try CSS Grid out and if it doesn’t work immediately, we would fall back to Flexbox/floats. But just like any skill, this demands trial and error which many feel constraint to invest. Anyways, thanks for the video 😆
@runnersreign
4 жыл бұрын
Great video, especially for one who has made those mistakes before. Any chance you could provide any suggested material for growing one's understanding of number 6? I have been battling using flex solve this and maybe css grid may fit better. . .
@lomaxxbr
6 жыл бұрын
Why is this channel so underrated?
@jamestormey4904
6 жыл бұрын
Great stuff. Thanks Jen!
@DavidRymell
6 жыл бұрын
That's a fantastic video, Jen! Thank you, very much :-)
@TheJacklwilliams
2 жыл бұрын
Laughing, please no! Agreed, wholeheartedly... When I get my site/portfolio built I'm sending it your way first for review. The goal will be to be original, as possible, and innovative in layout and presentation.
@robdorn420
6 жыл бұрын
But a framework is most of the time so much more than a layout solution; it provides components like modals, lists, etc that are in a production env, where speed is a major issue, very important; certainly when it comes to web-apps. Maybe a suggestion for a video on using the grid for complex form layouts Jen?
@ErwinHeiser
6 жыл бұрын
This. No harm in cherry-picking the best parts from existing frameworks AND do your layouts using grid and flexbox.
@oufcena5092
5 жыл бұрын
1- Sorry Flexbox, but you've been replaced. 2- Dynamic Responsive size so, use repeat(autofit, minmax(px, (%, auto & fr))); 3- CSS @media query break point combined with the power of global variables makes a Website even more flexible & responsive. 4- Grid numbers refer to Grid lines not cells. So, 3x3 Grid layout contains 3 columns & 3 rows, but it's got 4 lines, tricky isn't it?! 5- Remember Grid items are NOT every single HTML element, but they are divisions like navbar, header, content, aside and footer
@bobbysilver272
6 жыл бұрын
Thank you for the videos you make.
@agarcilazomx
6 жыл бұрын
Thanks a lot for share your knoledwege, i'm waiting your next one :)
Пікірлер: 261