#DevDiscuss Archive


Tuesday January 22, 2019
9:00 PM EST

  • ThePracticalDev Jan 22 @ 9:05 PM EST
    Time for #DevDiscuss Tonight's topic is *Modern CSS* Let's get the conversation started - What is the latest and greatest in CSS? - What's the most interesting thing you've seen done in CSS lately? - Where does true CSS stand in relation to other forms of web styling?
  • ThePracticalDev Jan 22 @ 9:05 PM EST
    Be kind, use the #DevDiscuss hashtag. ❤️
  • kylegalbraith Jan 22 @ 9:06 PM EST
    CSS is the topic tonight huh? I'll be honest, compared to others, I'm downright terrible at it. #DevDiscuss
  • Maxwell_Dev Jan 22 @ 9:07 PM EST
    The best thing I've found in CSS is still Atomic CSS. As the only front-end focused dev in a team, it's been the best methodology for managing a style guide's codebase, limiting (sketchy) custom CSS, and being compatible with JS frameworks #DevDiscuss https://t.co/DzbTFEAGi6
    • ThePracticalDev Jan 22 @ 9:05 PM EST
      Time for #DevDiscuss Tonight's topic is *Modern CSS* Let's get the conversation started - What is the latest and greatest in CSS? - What's the most interesting thing you've seen done in CSS lately? - Where does true CSS stand in relation to other forms of web styling?
  • kvlly Jan 22 @ 9:08 PM EST
    This is a great opportunity to check out @EmmaWedekind's latest article on CSS specificity: https://t.co/QzgZJcGX2r #DevDiscuss
  • kylegalbraith Jan 22 @ 9:09 PM EST
    I think pre-processors make life so much easier for a variety of different reasons. I also think utility css is becoming a favorite of mine, check out @tailwindcss in that department if you haven't yet. #DevDiscuss
  • littlekope0903 Jan 22 @ 9:09 PM EST
    I love CSS. I love adding subtle animations to things like hover and focus states. It adds a nice touch. My favorite thing I've done recently was create custom keyboard accessible checkboxes! #DevDiscuss https://t.co/wWLMtfSuNn
  • littlekope0903 Jan 22 @ 9:10 PM EST
    Admittedly, I know very little about all the CSS frameworks. So I am here to learn even though I love SCSS and CSS. #DevDiscuss
  • Maxwell_Dev Jan 22 @ 9:10 PM EST
    Ooh Tailwind is such a great framework, it's become my fallback CSS framework. For preprocessors, do you think tools like custom properties or PostCSS will replace them at some point? #DevDiscuss
    • kylegalbraith Jan 22 @ 9:09 PM EST
      I think pre-processors make life so much easier for a variety of different reasons. I also think utility css is becoming a favorite of mine, check out @tailwindcss in that department if you haven't yet. #DevDiscuss
  • molly_struve Jan 22 @ 9:11 PM EST
    CSS to me means opening the inspector in your browser and increasing or decreasing 1px at a time until you get it to look just right. #DevDiscuss
  • jmdembe Jan 22 @ 9:11 PM EST
    I know enough to be dangerous with CSS on a day-to-day basis. My work has me in Material though. I like the look, but it can be tricky to customize. #devdiscuss.
  • Maxwell_Dev Jan 22 @ 9:12 PM EST
    Honestly it's more important to know the basics and methodologies than the frameworks. Especially since if a project uses a CSS framework long enough, 80% of the time later on you'll want to remove it. And maybe hurt it. #DevDiscuss
    • littlekope0903 Jan 22 @ 9:10 PM EST
      Admittedly, I know very little about all the CSS frameworks. So I am here to learn even though I love SCSS and CSS. #DevDiscuss
  • bendhalpern Jan 22 @ 9:12 PM EST
    I feel like I'm okay at writing CSS in general, but I have a hard time making use of the latest and greatest. I'm constantly coming across things I had no idea existed. #DevDiscuss
  • kylegalbraith Jan 22 @ 9:12 PM EST
    Animations in CSS have really gotten my attention lately. There are some very cool ones out there. Anybody seen the login one that watches as you type? #DevDiscuss
  • littlekope0903 Jan 22 @ 9:13 PM EST
    I need to learn more about Tailwind, I have never even looked into it. I just always do SCSS/CSS #DevDiscuss
    In reply to @Maxwell_Dev
  • jmdembe Jan 22 @ 9:13 PM EST
    I learned a lot about CSS today by putting different color boxes around things and hoping for the best. You have to start somewhere! #DevDiscuss
  • Maxwell_Dev Jan 22 @ 9:13 PM EST
    My only stresses with CSS are balancing wanting to use the latest and greatest things (like Flexbox and Grid), and my current job's need to support older browsers like IE11. I still have nightmares over flexbox layout bugs...#DevDiscuss
  • littlekope0903 Jan 22 @ 9:13 PM EST
    I think my favorite ones are fun hovers. I really like the underlines that are borders and "underline" from the center. #DevDiscuss
    In reply to @kylegalbraith
  • kylegalbraith Jan 22 @ 9:14 PM EST
    This is a great question. I could see PostCSS doing that but I guess time will tell. I think CSS frameworks like Tailwind make my life so much easier that I'm ok not using LESS or SASS. #DevDiscuss
    In reply to @Maxwell_Dev
  • jnschrag Jan 22 @ 9:14 PM EST
    I still can’t get over how great grid is. It has saved me days of work and really made our layouts much cleaner & easier to maintain. I’m forever grateful to @jensimmons & @rachelandrew for their extensive tutorials, blogs, resources, etc. on grid adoption. #DevDiscuss
    • ThePracticalDev Jan 22 @ 9:05 PM EST
      Time for #DevDiscuss Tonight's topic is *Modern CSS* Let's get the conversation started - What is the latest and greatest in CSS? - What's the most interesting thing you've seen done in CSS lately? - Where does true CSS stand in relation to other forms of web styling?
  • jmdembe Jan 22 @ 9:14 PM EST
    I had never heard of tailwind until right this second. #DevDiscuss
    In reply to @littlekope0903, @Maxwell_Dev
  • molly_struve Jan 22 @ 9:14 PM EST
    Those who can style a page from scratch with CSS, you are the true magicians! #DevDiscuss
  • kvlly Jan 22 @ 9:14 PM EST
    CSS is one of those things you'll always be learning. That's half the fun! #DevDiscuss
    • bendhalpern Jan 22 @ 9:12 PM EST
      I feel like I'm okay at writing CSS in general, but I have a hard time making use of the latest and greatest. I'm constantly coming across things I had no idea existed. #DevDiscuss
  • Maxwell_Dev Jan 22 @ 9:15 PM EST
    I actually use Tailwind for my personal site haha. Just be sure to trim down the config, otherwise your compiled stylesheet is way overbloated. #DevDiscuss
    In reply to @littlekope0903
  • littlekope0903 Jan 22 @ 9:15 PM EST
    I'm going to start calling myself a magician #DevDiscuss
  • Maxwell_Dev Jan 22 @ 9:16 PM EST
    Yeah, I think preprocessors are at risk of being outplaced, but it'll be a while. From what I know about them right now though, it's real unlikely. #DevDiscuss
    In reply to @kylegalbraith
  • ajw1970 Jan 22 @ 9:16 PM EST
    Me too. #DevDiscuss
    In reply to @littlekope0903, @Maxwell_Dev
  • ChiSenires Jan 22 @ 9:16 PM EST
    oooh cool topic! @samrosecruz you might be interested? :)) #DevDiscuss
    • ThePracticalDev Jan 22 @ 9:05 PM EST
      Time for #DevDiscuss Tonight's topic is *Modern CSS* Let's get the conversation started - What is the latest and greatest in CSS? - What's the most interesting thing you've seen done in CSS lately? - Where does true CSS stand in relation to other forms of web styling?
  • littlekope0903 Jan 22 @ 9:16 PM EST
    A few weeks ago, I learned about the :focus-within pseudo class. Never knew about it! #DevDiscuss
    In reply to @kvlly
  • molly_struve Jan 22 @ 9:16 PM EST
    I have not seen that login one but I have been noticing the animations as well. Would love to learn more about how to create those #DevDiscuss
    In reply to @kylegalbraith
  • Maxwell_Dev Jan 22 @ 9:17 PM EST
    I'm glad to be spreading word of @tailwindcss in this #DevDiscuss, especially if it gets more people into Atomic CSS. Of all the CSS methodologies, it's been the most efficient and usable.
  • rossta Jan 22 @ 9:17 PM EST
    Want to know how to make yourself invaluable to your dev team? Love CSS. #DevDiscuss
  • thecurlycoder Jan 22 @ 9:17 PM EST
    I used to think CSS was just styling of websites, but I'm now so in awe with animations and their capabilities. Whenever I'm trying to show someone how versatile and powerful CSS is, I show them this pen: https://t.co/gotIKKylVi #DevDiscuss
  • kylegalbraith Jan 22 @ 9:17 PM EST
    Pretty much everything of mine is using Tailwind. - https://t.co/n6U6fnD1vQ - https://t.co/SgSkhuUQjU - https://t.co/8HBXfPNqkK Also if you want to learn it quickly, I have a quick intro on https://t.co/151NoqPqk4. https://t.co/BJimiGqfeQ #DevDiscuss
    In reply to @littlekope0903, @Maxwell_Dev
  • Maxwell_Dev Jan 22 @ 9:17 PM EST
    Or those who make crazy illustrations with pure CSS. One time someone made a dog wagging it's tail with pure CSS! #DevDiscuss
  • ChiSenires Jan 22 @ 9:17 PM EST
    I've just recently learned about utility-first CSS, and found out that it's related to atomic CSS. Still not sure if I'll use a framework for it in a project ot practice or make my own though... But if I do make it on my own, not sure if I'll do it correctly 😆 #DevDiscuss
    • ThePracticalDev Jan 22 @ 9:05 PM EST
      Time for #DevDiscuss Tonight's topic is *Modern CSS* Let's get the conversation started - What is the latest and greatest in CSS? - What's the most interesting thing you've seen done in CSS lately? - Where does true CSS stand in relation to other forms of web styling?
  • bendhalpern Jan 22 @ 9:18 PM EST
    One very new CSS goody worth being aware of: https://t.co/Fmu5hR5PYB #DevDiscuss
  • nickytonline Jan 22 @ 9:18 PM EST
    It's an older article, but a nice list of specificity hacks that don't require `!important` https://t.co/eSlLB1ygqE #DevDiscuss
    In reply to @kvlly, @EmmaWedekind
  • jnschrag Jan 22 @ 9:18 PM EST
    One of my favorite newsletters to get is CSS Animation Weekly by @cssanimation The sheer creativity is inspirational. I hope to get better at my animations and transitions in 2019. #DevDiscuss
  • ajw1970 Jan 22 @ 9:18 PM EST
    They use it in the @codingcoach_io project. That's where I saw it first. #DevDiscuss
    In reply to @littlekope0903, @Maxwell_Dev, @codingcoach_io
  • IgnoreIntuition Jan 22 @ 9:18 PM EST
    I don’t know much about CSS but I know enough to respect those people who know it well. Be it SASS, LESS, grid layout, whatever the new hotness is. Much love to those people who are masters of the craft. #Devdiscuss
    • ThePracticalDev Jan 22 @ 9:05 PM EST
      Time for #DevDiscuss Tonight's topic is *Modern CSS* Let's get the conversation started - What is the latest and greatest in CSS? - What's the most interesting thing you've seen done in CSS lately? - Where does true CSS stand in relation to other forms of web styling?
  • rossta Jan 22 @ 9:19 PM EST
    Back when I started in web development, I knew very little about backend development compared to my teammates, but I was willing to do the stuff no one else wanted to do: CSS. It opened doors for me later on. #DevDiscuss
  • kylegalbraith Jan 22 @ 9:19 PM EST
    I think animations are the next thing on my list to get a handle on. They can really add a bit of life to web apps. #DevDiscuss
  • Maxwell_Dev Jan 22 @ 9:19 PM EST
    Tailwind is especially great when paired with PurgeCSS, which removes unused classes. You can a great site with just a few kilobytes of CSS in the end. #DevDiscuss
    In reply to @kylegalbraith, @littlekope0903
  • kylegalbraith Jan 22 @ 9:19 PM EST
    Awesome resource, thanks for sharing! #DevDiscuss
    In reply to @jnschrag, @cssanimation
  • molly_struve Jan 22 @ 9:20 PM EST
    A #DevDiscuss topic I am less familiar with means a lot of Googling and learning ahead 😃
    • ThePracticalDev Jan 22 @ 9:05 PM EST
      Time for #DevDiscuss Tonight's topic is *Modern CSS* Let's get the conversation started - What is the latest and greatest in CSS? - What's the most interesting thing you've seen done in CSS lately? - Where does true CSS stand in relation to other forms of web styling?
  • ChiSenires Jan 22 @ 9:20 PM EST
    I've also learned how to use preprocessors for other past projects... but I find myself going back to just writing all the CSS on my own 🙈 I think I need to learn how to incorporate using preprocessors when making web projects for the sake of efficiency. 😅 #DevDiscuss
  • littlekope0903 Jan 22 @ 9:20 PM EST
    Max with the 🔥 tips! #DevDiscuss
    • Maxwell_Dev Jan 22 @ 9:19 PM EST
      Tailwind is especially great when paired with PurgeCSS, which removes unused classes. You can a great site with just a few kilobytes of CSS in the end. #DevDiscuss
      In reply to @kylegalbraith, @littlekope0903
  • Maxwell_Dev Jan 22 @ 9:20 PM EST
    Exact same way I initially found my place on the team in my current job. #DevDiscuss
    • rossta Jan 22 @ 9:19 PM EST
      Back when I started in web development, I knew very little about backend development compared to my teammates, but I was willing to do the stuff no one else wanted to do: CSS. It opened doors for me later on. #DevDiscuss
  • jnschrag Jan 22 @ 9:20 PM EST
    It’s an accurate description. Especially if you learned in the “old” days of layouts built on floats and margin hacks. #CSSMagicians #DevDiscuss
    In reply to @littlekope0903
  • kylegalbraith Jan 22 @ 9:21 PM EST
    I think this is the login. https://t.co/vuDiOyL8wI #DevDiscuss
    In reply to @molly_struve
  • Maxwell_Dev Jan 22 @ 9:22 PM EST
    One of my earliest @thepracticaldev posts was actually looking at several big problems I solved in making my own Atomic CSS framework with SASS - https://t.co/rvCoSOGygR #DevDiscuss
  • molly_struve Jan 22 @ 9:22 PM EST
    It is amazing how taking ownership of something can really help you find your niche in the coding world and make you invaluable to a team! #DevDiscuss
    In reply to @rossta
  • littlekope0903 Jan 22 @ 9:22 PM EST
    You should take a look at all the pseudo classes and selectors if you haven't. There's ones we have seen like ::before and :hover, but you might surprised to find some cool newer ones. #DevDiscuss
  • Maxwell_Dev Jan 22 @ 9:23 PM EST
    It's well worth learning. Sass is the preprocessor that continually blows my coworkers mind with the power of CSS #DevDiscuss
    • ChiSenires Jan 22 @ 9:20 PM EST
      I've also learned how to use preprocessors for other past projects... but I find myself going back to just writing all the CSS on my own 🙈 I think I need to learn how to incorporate using preprocessors when making web projects for the sake of efficiency. 😅 #DevDiscuss
  • littlekope0903 Jan 22 @ 9:23 PM EST
    Just don't forget to check support on https://t.co/f8EQy2y401!! #DevDiscuss
    • littlekope0903 Jan 22 @ 9:22 PM EST
      You should take a look at all the pseudo classes and selectors if you haven't. There's ones we have seen like ::before and :hover, but you might surprised to find some cool newer ones. #DevDiscuss
  • TallBlondeGuy Jan 22 @ 9:23 PM EST
    #DevDiscuss Currently reevaluating everything I know about CSS while switching to component-based design in Angular. The local scoping of styles challenges a lot of assumptions that my old stylesheets made.
  • ChiSenires Jan 22 @ 9:23 PM EST
    Same here. I'm only learning how to incorporate /actual/ animations when building web pages now. I currently have an unfinished class under @cssanimation on animating hero banners... Need to get back to that soon! 😅#DevDiscuss
    • kylegalbraith Jan 22 @ 9:19 PM EST
      I think animations are the next thing on my list to get a handle on. They can really add a bit of life to web apps. #DevDiscuss
  • wolfhoundjesse Jan 22 @ 9:24 PM EST
    I remember the first time I tried FlexBox. I thought it was magic. Then I took a free CSS Grid course and thought, "The web should have worked this way in the first place!" #DevDiscuss
  • nickytonline Jan 22 @ 9:24 PM EST
    I'm not using Tailwind, but I'm using the gatsby-plugin-purgecss plugin in my @gatsbyjs powered site. For those interested, check out https://t.co/TltMC40qqx #DevDiscuss
    In reply to @littlekope0903, @gatsbyjs
  • Maxwell_Dev Jan 22 @ 9:24 PM EST
    Now that we have Flexbox and Grid though, doing layouts with floats seems more like "black magic" now #DevDiscuss
    In reply to @jnschrag, @littlekope0903
  • molly_struve Jan 22 @ 9:24 PM EST
    Whoa, @cssanimation is pretty neat! #DevDiscuss
    In reply to @jnschrag, @cssanimation, @cssanimation
  • ChiSenires Jan 22 @ 9:25 PM EST
    Agree with this! Something I recently learned to style is ::placeholder 😆 I've yet to learn what other pseudo classes and selectors are there just hiding in the open :)) #DevDiscuss
    • littlekope0903 Jan 22 @ 9:22 PM EST
      You should take a look at all the pseudo classes and selectors if you haven't. There's ones we have seen like ::before and :hover, but you might surprised to find some cool newer ones. #DevDiscuss
  • jnschrag Jan 22 @ 9:25 PM EST
    My recommendation is starting slow, and only using their capabilities as it makes sense. Otherwise it can be really overwhelming. Mixins in SASS are a game changer. #DevDiscuss
    In reply to @ChiSenires
  • Maxwell_Dev Jan 22 @ 9:26 PM EST
    If you don't know CSS animations, at least know transitions. It was enough to convince my CSS-illiterate coworkers that I had animation powers, and it helps with so many UI interactions #DevDiscuss
  • littlekope0903 Jan 22 @ 9:26 PM EST
    Whoops, it helps when I don't forget to link it! https://t.co/VqnES827ll #DevDiscuss
    In reply to @ChiSenires
  • molly_struve Jan 22 @ 9:26 PM EST
    😍 Yep, thats pretty fantastic! #DevDiscuss
    In reply to @kylegalbraith
  • nickytonline Jan 22 @ 9:26 PM EST
    I really like the grid-template-areas property. It allowed me to avoid unnecessarily using an element as an empty "cell" in a flexbox layout and opt for a more simpler layout with CSS Grid. https://t.co/IBAVNm8xS0 #DevDiscuss
    In reply to @jnschrag, @jensimmons, @rachelandrew
  • wolfhoundjesse Jan 22 @ 9:26 PM EST
    Also, how modern are we talking? I thought vh and vw were relatively new units, but I've seen them in articles as far back as 2014. #DevDiscuss
  • ChiSenires Jan 22 @ 9:27 PM EST
    Yeah, first time I went in learning SASS for a past project intimidated me... maybe the reason why I haven't gotten back to it yet hahaha but I see the magic of mixins in lots of articles I find online! #DevDiscuss
    In reply to @jnschrag
  • karaluton Jan 22 @ 9:27 PM EST
    I’ve been messing around with CSS Grid a lot for the past few months and can really see it changing the game with how we think about layouts. It’s made me think a lot about writing more semantic HTML and not filling an app with random divs #DevDiscuss
    In reply to @ThePracticalDev
  • ChiSenires Jan 22 @ 9:28 PM EST
    Anyone here also use CSS variables a lot? Ever since I found out about them, I've been using them for all web projects I'm working on. 😃 #DevDiscuss
  • jmdembe Jan 22 @ 9:28 PM EST
    Nothing got me away from the use of
    faster than not being able to style them because they are all over the place. #devdiscuss
  • Maxwell_Dev Jan 22 @ 9:28 PM EST
    I think we in #DevDiscuss deserve credit for discussing the different ways we've found CSS awesome, not the stresses of dealing with people who claim CSS isn't a real coding language. For the record, it is. Enough people have done horrible things for it to be a real language.
  • jmdembe Jan 22 @ 9:29 PM EST
    Yes. For me, it bridges me back from using SASS, but that is because I love well-organized style sheets. #DevDiscuss
    In reply to @ChiSenires
  • littlekope0903 Jan 22 @ 9:29 PM EST
    I've been using them a lot more in items that I am not using SCSS. I haven't really combined concepts yet! I've heard it's really neat with JS though, thanks to @wesbos ! #DevDiscuss
    In reply to @ChiSenires, @wesbos
  • Maxwell_Dev Jan 22 @ 9:29 PM EST
    That's a very good sign, since that's the main reason it was made. Especially great is how display and element order can be made totally separate #DevDiscuss
    • karaluton Jan 22 @ 9:27 PM EST
      I’ve been messing around with CSS Grid a lot for the past few months and can really see it changing the game with how we think about layouts. It’s made me think a lot about writing more semantic HTML and not filling an app with random divs #DevDiscuss
      In reply to @ThePracticalDev
  • sunnysinghio Jan 22 @ 9:30 PM EST
    Modern styling methods such as CSS-in-JS are not excuses for not learning CSS to its fullest extent. The better you are at vanilla CSS, the easier it will be to architect and maintain a project. Take advantage of the cascade. It's your friend for reusability. #DevDiscuss
    • ThePracticalDev Jan 22 @ 9:05 PM EST
      Time for #DevDiscuss Tonight's topic is *Modern CSS* Let's get the conversation started - What is the latest and greatest in CSS? - What's the most interesting thing you've seen done in CSS lately? - Where does true CSS stand in relation to other forms of web styling?
  • Maxwell_Dev Jan 22 @ 9:30 PM EST
    A good thing about Sass is you can use it to any measure you want. Sass can be written as close to regular CSS as you want, so it's easy to lean into more. #DevDiscuss
    • ChiSenires Jan 22 @ 9:27 PM EST
      Yeah, first time I went in learning SASS for a past project intimidated me... maybe the reason why I haven't gotten back to it yet hahaha but I see the magic of mixins in lots of articles I find online! #DevDiscuss
      In reply to @jnschrag
  • ChiSenires Jan 22 @ 9:30 PM EST
    ooh, that's interesting! 😮 I'll check that out soon and see the magic that can be done with those two 😆#DevDiscuss
    In reply to @littlekope0903, @wesbos
  • jnschrag Jan 22 @ 9:31 PM EST
    Yes, 100%! My team has a standard transition we apply to most hover effects and I always am reminding our jr devs to include them proactively. It makes such a huge difference when colors, backgrounds, etc. smoothly transition. #DevDiscuss
    In reply to @Maxwell_Dev
  • thecurlycoder Jan 22 @ 9:31 PM EST
    Yes, once I discovered the inspector, my CSS game was UPPED! I've started doing whole sections in there just to get it how I want! #DevDiscuss
    In reply to @molly_struve
  • Maxwell_Dev Jan 22 @ 9:32 PM EST
    A simple transition can be all the difference between an annoyed user and a satisfied one, after all :D #DevDiscuss
    In reply to @jnschrag
  • nickytonline Jan 22 @ 9:33 PM EST
    This is more of a modern CSS tooling than modern CSS, but I went with CSS modules in my site upgrade. I was using styled-components at my previous work and really enjoyed it, but thought it would be fun to take CSS modules for a spin again. https://t.co/XaTTmOccX4 #DevDiscuss
    • jaffathecake Jan 14 @ 6:58 AM EST
      I feel like CSS modules are overlooked in the whole CSS vs JS debate. ➡️ You write .css files ➡️ Can use preprocessors like Sass ➡️ Encourages flatter CSS (like BEM and similar conventions) ➡️ But you can still use the cascade ➡️ Unique class names ➡️ Tree-shaking ➡️ .css output
  • littlekope0903 Jan 22 @ 9:33 PM EST
    I think it's my favorite thing to do to add a little "je ne sais quoi" #DevDiscuss
    In reply to @Maxwell_Dev, @jnschrag
  • jnschrag Jan 22 @ 9:33 PM EST
    I use them in combo with SCSS variables. My favorite trick is saving my current breakpoint in a CSS variable and then accessing it from JS. Now I can set my breakpoints in one place and forget about it, while making them accessible project wide. #DevDiscuss
    In reply to @ChiSenires, @littlekope0903, @wesbos
  • thecurlycoder Jan 22 @ 9:34 PM EST
    Yes! Both are such CSS badasses! #DevDiscuss
    In reply to @jnschrag, @jensimmons, @rachelandrew
  • kylegalbraith Jan 22 @ 9:35 PM EST
    This. CSS is another beast and those who master it deserve a ton of credit. #DevDiscuss
    • Maxwell_Dev Jan 22 @ 9:28 PM EST
      I think we in #DevDiscuss deserve credit for discussing the different ways we've found CSS awesome, not the stresses of dealing with people who claim CSS isn't a real coding language. For the record, it is. Enough people have done horrible things for it to be a real language.
  • Maxwell_Dev Jan 22 @ 9:35 PM EST
    Don't forget about @Una, she's done lots of "Dev Doodles" which have helped explain lots of useful new CSS concepts to me #DevDiscuss
    In reply to @thecurlycoder, @jnschrag, @jensimmons, @rachelandrew, @Una
  • littlekope0903 Jan 22 @ 9:36 PM EST
    This isn't a modern CSS thing. However, as an accessibility person, I want to remind #DevDiscuss to check your contrasts! You don't want to alienate your colorblind or visually impaired users with gray on gray! https://t.co/7mkQsMtl9L
  • thecurlycoder Jan 22 @ 9:36 PM EST
    Whoa now 😍 I need to get educated on THIS; it feels like a big gamechanger. #DevDiscuss
    In reply to @jnschrag, @ChiSenires, @littlekope0903, @wesbos
  • evi1pilotfish Jan 22 @ 9:36 PM EST
    CSS Grid and Flexbox are just so dang useful and fun! Both have taken a lot of the headaches around responsive layouts that I used to run into with floats and positioning. @jensimmons Layout Land video series is super helpful: https://t.co/7nsk2ZtBcS #devdiscuss
    • ThePracticalDev Jan 22 @ 9:05 PM EST
      Time for #DevDiscuss Tonight's topic is *Modern CSS* Let's get the conversation started - What is the latest and greatest in CSS? - What's the most interesting thing you've seen done in CSS lately? - Where does true CSS stand in relation to other forms of web styling?
  • sunnysinghio Jan 22 @ 9:37 PM EST
    Speaking of CSS-in-JS (queue the Twitter debates), I absolutely love styled-components. It feels natural as you're still writing plain CSS, supports media queries and animations, and integrates perfectly in React by exporting components. #DevDiscuss https://t.co/AwjuLy4Xo4
  • Maxwell_Dev Jan 22 @ 9:38 PM EST
    Oh man, I have to remind my coworkers about contrast so much! It was to the point where I used Sass to make helper classes that would automatically set background colors and text colors that had enough contrast for #a11y standards #DevDiscuss
    In reply to @littlekope0903
  • molly_struve Jan 22 @ 9:38 PM EST
    I think this is why I have so much respect for those who write CSS and work on the front end. Every little detail is SO important! #DevDiscuss
    In reply to @Maxwell_Dev, @jnschrag
  • thecurlycoder Jan 22 @ 9:38 PM EST
    I still have yet to learn this lesson; I'll let you know when that reality finally hits 🙈 #DevDiscuss
    In reply to @jmdembe
  • Maxwell_Dev Jan 22 @ 9:39 PM EST
    Yeah, my big worry is that CSS in those projects aren't given the attention they deserve. Neglected, rushed CSS comes back to bite so many projects years later it's not even funny. Well, I personally find it funny sometimes. #DevDiscuss
    In reply to @fleurdelys10034, @ThePracticalDev
  • pandyzhao Jan 22 @ 9:40 PM EST
    One thing I've realized is that as someone who learned Bootstrap as the first way of styling the web, things like CSS grid and flexbox make a lot more sense to me than traditional layouts. #DevDiscuss
    • ThePracticalDev Jan 22 @ 9:05 PM EST
      Time for #DevDiscuss Tonight's topic is *Modern CSS* Let's get the conversation started - What is the latest and greatest in CSS? - What's the most interesting thing you've seen done in CSS lately? - Where does true CSS stand in relation to other forms of web styling?
  • Maxwell_Dev Jan 22 @ 9:40 PM EST
    Especially when you have a designer who'll block your PR from being merged so you can move an item just three more pixels to the left #DevDiscuss
    In reply to @molly_struve, @jnschrag
  • sunnysinghio Jan 22 @ 9:41 PM EST
    CSS Modules is great for the low buy-in cost. You don't have to invest in a different syntax, JS framework, etc. It's just scoped CSS. #DevDiscuss
    In reply to @nickytonline, @ThePracticalDev
  • fcorradini Jan 22 @ 9:42 PM EST
    My favorite new things in CSS are grid, conical gradients, background-blend-mode, and shape-outside. Finally starting to break that boxy, "all websites look the same" feeling #DevDiscuss
    • ThePracticalDev Jan 22 @ 9:05 PM EST
      Time for #DevDiscuss Tonight's topic is *Modern CSS* Let's get the conversation started - What is the latest and greatest in CSS? - What's the most interesting thing you've seen done in CSS lately? - Where does true CSS stand in relation to other forms of web styling?
  • MunaMohamed94 Jan 22 @ 9:43 PM EST
    I love how versatile CSS allows you to be. You can use it for styling, animating, making art and so much more! This pen by Julia Muzafarova is the one of coolest pure CSS animations I've seen https://t.co/EXcvDIBv1O #DevDiscuss
    • ThePracticalDev Jan 22 @ 9:05 PM EST
      Time for #DevDiscuss Tonight's topic is *Modern CSS* Let's get the conversation started - What is the latest and greatest in CSS? - What's the most interesting thing you've seen done in CSS lately? - Where does true CSS stand in relation to other forms of web styling?
  • jmdembe Jan 22 @ 9:43 PM EST
    I am also very appreciative that we are finding ways to do animations and transitions in CSS rather than in JS. Performance-wise, it is pretty neat. #DevDiscuss
  • thatzacdavis Jan 22 @ 9:43 PM EST
    We just started using styled-components in a new widget framework at work. I'm loving it so far. #DevDiscuss
    In reply to @sunnysinghio
  • Programazing Jan 22 @ 9:45 PM EST
    Check out my website/blog at https://t.co/4DAQVTUa1s #DevDiscuss
  • jnschrag Jan 22 @ 9:46 PM EST
    To set the size to be referenced later, I just apply it to the :root selector. So it looks something like this :root { @each $size in $sizes { @include breakpoint($size) { —breakpoint: #{$size} } } } $sizes is an array (‘small’, ‘medium’, etc) #DevDiscuss
    In reply to @ChiSenires, @littlekope0903, @wesbos, @Media, @each, @include
  • molly_struve Jan 22 @ 9:48 PM EST
    As a backend Site Reliability Engineer I have never even thought of the performance implications of CSS vs JS animations. TIL! https://t.co/sxwD9UYSxT #DevDiscuss
    In reply to @jmdembe
  • Maxwell_Dev Jan 22 @ 9:48 PM EST
    Where I am, the initial CSS was first written by a designer for "proof of concept," but it wound up being the main CSS base. It still gives programmers, including me, nightmares to this day #DevDiscuss
    In reply to @fleurdelys10034, @ThePracticalDev
  • nickytonline Jan 22 @ 9:48 PM EST
    If you're looking to learn CSS Grid, @wesbos has a great free course, https://t.co/973fhJ130L. Shoutout to @firefox for sponsoring it. #DevDiscuss
  • ChiSenires Jan 22 @ 9:48 PM EST
    Guh I suddenly have a meeting to prepare for so I can't continue with #DevDiscuss right now @-) Love this topic though! ❤️
  • jnschrag Jan 22 @ 9:49 PM EST
    I like that it also helps keep code organized. If I can accomplish a transition or animation by using JS to modify a class, it keeps all of the appearance stuff separated in the CSS. So much better than trying to remember where it was set. #DevDiscuss
    In reply to @jmdembe
  • Maxwell_Dev Jan 22 @ 9:49 PM EST
    A good question I think as the CSS #DevDiscuss is winding down: what advice would you give to people starting to learn CSS, or more advanced CSS tools/powers like Sass or Grid?
  • sunnysinghio Jan 22 @ 9:49 PM EST
    Unpopular Opinion: CSS is the hardest. Debugging JS? Cool, look at the stack trace in the console. Your site looks weird? Ugh, good luck mixing and matching thousands of properties together and then finding out that the one solution isn't cross-browser ¯\_(ツ)_/¯ #DevDiscuss
  • DanFellini Jan 22 @ 9:50 PM EST
    CSS is wonderful, necessary and flexible. I can't quite understand why it's my least favorite tech to deal with when coding... #devdiscuss
  • nickytonline Jan 22 @ 9:52 PM EST
    Layout Land, a YouTube channel by @jensimmons, https://t.co/fyIIAIcS4u . I've only seen one video so far as there's so many learning resources to view/read/listen to, but I'm definitely going to watch some more of this channel in 2019. #DevDiscuss
    In reply to @jensimmons
  • Maxwell_Dev Jan 22 @ 9:53 PM EST
    Mine is don't let either the tricky stuff or the naysayers get you down. CSS packs lots of power once you learn it, and can do as much good (or bad) for a site as any other language. Always know good CSS can be the backbone of any site #DevDiscuss
    • Maxwell_Dev Jan 22 @ 9:49 PM EST
      A good question I think as the CSS #DevDiscuss is winding down: what advice would you give to people starting to learn CSS, or more advanced CSS tools/powers like Sass or Grid?
  • littlekope0903 Jan 22 @ 9:54 PM EST
    Learn about inheritance and specificity. Don't let people tell you CSS is easy. It's not and I think this myth is what generates so much hate for it. The more you simplify your CSS the more your future self and other devs will thank you! #DevDiscuss
    • Maxwell_Dev Jan 22 @ 9:49 PM EST
      A good question I think as the CSS #DevDiscuss is winding down: what advice would you give to people starting to learn CSS, or more advanced CSS tools/powers like Sass or Grid?
  • SDHowell3 Jan 22 @ 9:54 PM EST
    I got out of front-end development for devops but have been building a site for a friend and I love getting backinto CSS. It might be the best part of building a site #DevDiscuss
    In reply to @ThePracticalDev
  • wolfhoundjesse Jan 22 @ 9:55 PM EST
    I have an unrelated confession: I never used tweetdeck before tonight, and it has really changed the #DevDiscuss experience for me. I'll have to write about it this week. Goodnight, coders!
  • hananezlitni Jan 22 @ 9:55 PM EST
    I really love CSS! I was working with CSS Grid and it still amazes me how powerful it is! The same thing for Flexbox and animations. These guides by @css were super helpful to me: https://t.co/6nduZGCL6s https://t.co/eU7XUOCpLd #DevDiscuss https://t.co/hRFl3nyq0c
    • ThePracticalDev Jan 22 @ 9:05 PM EST
      Time for #DevDiscuss Tonight's topic is *Modern CSS* Let's get the conversation started - What is the latest and greatest in CSS? - What's the most interesting thing you've seen done in CSS lately? - Where does true CSS stand in relation to other forms of web styling?
  • jmdembe Jan 22 @ 9:55 PM EST
    1) Learn basics 1a) Please, and I mean PLEASE do not get in the habit of using !important 2) Experiment in something as non-consequential as CodePen 3) Sass is a tool. Learn the why behind it. #devdiscuss
    In reply to @Maxwell_Dev
  • bendhalpern Jan 22 @ 9:56 PM EST
    If you're new to CSS altogether (or coding in general), don't automatically copy experienced folks and treat it as best practice. I think CSS is notorious for older dogs not learning new tricks. Experience is great, but you can skip the some of yesterday's hacks. #DevDiscuss
    • Maxwell_Dev Jan 22 @ 9:49 PM EST
      A good question I think as the CSS #DevDiscuss is winding down: what advice would you give to people starting to learn CSS, or more advanced CSS tools/powers like Sass or Grid?
  • jnschrag Jan 22 @ 9:56 PM EST
    Some last #DevDiscuss thoughts. CSS is hard, but rewarding. It gives you immediate visual feedback on what you’re doing. It’s a great feeling literally watching a mock-up or idea in your mind come to life on the screen.
  • jmdembe Jan 22 @ 9:56 PM EST
    I don't think I can stress this enough, please do not get in the habit of using !important. #DevDiscuss With that, I'm going to bed to make sure that this headache goes away.
  • ThePracticalDev Jan 22 @ 9:57 PM EST
    In the last few minutes of #DevDiscuss, does anybody have any news to share, like a project or a personal win, or any other announcement?
  • sunnysinghio Jan 22 @ 9:57 PM EST
    I can't believe that we've gotten to a point where Flexbox is the default and CSS Grid is the hot new thing. What a time to be alive. #DevDiscuss
    In reply to @evi1pilotfish, @jensimmons
  • littlekope0903 Jan 22 @ 9:57 PM EST
    I posted a manual accessibility testing checklist (kinda)! #DevDiscuss https://t.co/LdxrpE08k5
    • ThePracticalDev Jan 22 @ 9:57 PM EST
      In the last few minutes of #DevDiscuss, does anybody have any news to share, like a project or a personal win, or any other announcement?
  • kylegalbraith Jan 22 @ 9:58 PM EST
    Learn the basics of inheritance in CSS as well as how rules are evaluated. Outside of that, I think folks should look at how they can organize CSS well using whichever method they prefer. #DevDiscuss
    • Maxwell_Dev Jan 22 @ 9:49 PM EST
      A good question I think as the CSS #DevDiscuss is winding down: what advice would you give to people starting to learn CSS, or more advanced CSS tools/powers like Sass or Grid?
  • molly_struve Jan 22 @ 9:59 PM EST
    I love that I am not the only one that passes out immediately after 😉#DevDiscuss
    In reply to @jmdembe
  • kylegalbraith Jan 22 @ 9:59 PM EST
    Shout out to all of the awesome CSS folks out there, keep being awesome! Also, check out my weekly Learn By Doing newsletter (built with Tailwind) and sign up to get it in your inbox each week. https://t.co/dGe4l4P31H #DevDiscuss
  • nickytonline Jan 22 @ 9:59 PM EST
    I've been using Gatsby for a while now for my blog, but I'm happy with the recent addition of netlify-cms and also recently migrating it to TypeScript. https://t.co/zEp1wIFwx0 #DevDiscuss
    In reply to @ThePracticalDev
  • jmdembe Jan 22 @ 9:59 PM EST
    It is upsetting to me and I want people to do better lol #DevDiscuss
    In reply to @molly_struve