This was my first year of web development. I learned a lot of WP template tags, a teensy bit of PHP, many fundamentals of JS and SCSS while also digging deep into Bootstrap documentation.
In the last quarter, I took a break from Bootstrap so I could dive into Flexbox and Grid. I'm finally feeling pretty comfortable with them! I got to this point by playing and completing every CSS game I could find (6 in case you were wondering).
thank you so much for this GREAT article and sharing all this super interesting knowledge !!! CSS power! 👍🏾 i'm a newbie aspiring frontend dev (2020!🤩) started my 100 days of code 2 weeks ago and learning to rewrite all my css with sass at the moment.
and thanks to you i just learned 5 amazing tips!! ❤️👍🏾 love your joyful energy while sharing your valuable experience ! 😉 thank you very much and happy New year in advance to you too!
mix-blend-mode - no support on Edge so far, so kind of useless for now :(
line-clamp, text-stroke - nice feature - I didn't know about it - Edge compatible - thanks!
clip-paths - this animation idea looks great but unfortunately there's again problem with Edge support :(
Great Article. I have also learnt the css but I don't know about css tricks which you have mentioned. I learned a lot from your article. I am second year undergraduate student of Software engineering. I have learnt html, css, JavaScript, bootstrap, php just basic, nodejs, expressjs,mongodb, python,rust lang. Currently i am learning numpy and pandas. After this my aim is to learn react js and flutter. I am reading articles of developers such as you to know about latest technologies.
Just a heads-up your above CodPen for the CSS vars looks like the image is missing. I love the animation though. I can't wait to see it with the image.
Ok, one tiny thing I learned recently that blew my mind is the shape-outside CSS attribute!
Thank you for your article. I have found lots of tricky and useful things here. This year was very unusual for me. I relised that 4 years in the humanitarian university was a big mistake, because I have lost all my skills as a developer. Anyway, I have improved my English (my mother tongue is Russian) and articles like yours are big reading plesure for me now.
I've learned Restful web services, little mongo db, Spring boot, spring, Java 8 salient features recently introduced, Hibernate - ORM some new functionalities available, little Docker..
Loves coding with JS, Java, exploring Python, Dart, and Flutter.
Codes with NodeJS, React, Redux, Cypress, HTML, CSS. Knows about REST API's, Testing, Docker, AWS and lot more
I was happy to notice that
line-clamp
is supported across most browsers (~95%) using the prefixed version ➡️ caniuse.com/#feat=css-line-clampThis is huge since designers seemingly always want to do this and I had to tell them this is not possible.
Thanks for doing the research✌️! It’s not bad indeed, but still rather an enhancement than a promise I think
Nice article!
This was my first year of web development. I learned a lot of WP template tags, a teensy bit of PHP, many fundamentals of JS and SCSS while also digging deep into Bootstrap documentation.
In the last quarter, I took a break from Bootstrap so I could dive into Flexbox and Grid. I'm finally feeling pretty comfortable with them! I got to this point by playing and completing every CSS game I could find (6 in case you were wondering).
You mean grid garden and stuff right? I loovvve those, I insist my interns play them in the first few weeks!
Yeah! Those are so great. These are the games I've discovered/completed so far.
thank you so much for this GREAT article and sharing all this super interesting knowledge !!! CSS power! 👍🏾 i'm a newbie aspiring frontend dev (2020!🤩) started my 100 days of code 2 weeks ago and learning to rewrite all my css with sass at the moment.
and thanks to you i just learned 5 amazing tips!! ❤️👍🏾 love your joyful energy while sharing your valuable experience ! 😉 thank you very much and happy New year in advance to you too!
mix-blend-mode - no support on Edge so far, so kind of useless for now :(
line-clamp, text-stroke - nice feature - I didn't know about it - Edge compatible - thanks!
clip-paths - this animation idea looks great but unfortunately there's again problem with Edge support :(
If you look at it as enhancements in stead of features an entire world of not edge supported coolness opens up ;)
Sure, but then the client writes - it's not working do something! :)
Enhancements are not features so you shouldn't use it on stuff that diminish the functionality of your website, that's the magic of enhancements ✨
Great Article. I have also learnt the css but I don't know about css tricks which you have mentioned. I learned a lot from your article. I am second year undergraduate student of Software engineering. I have learnt html, css, JavaScript, bootstrap, php just basic, nodejs, expressjs,mongodb, python,rust lang. Currently i am learning numpy and pandas. After this my aim is to learn react js and flutter. I am reading articles of developers such as you to know about latest technologies.
Again thanks for sharing such useful stuff.
Me too. Right now Im learning nodejs.
Very enjoyable read.
Just a heads-up your above CodPen for the CSS vars looks like the image is missing. I love the animation though. I can't wait to see it with the image.
Ok, one tiny thing I learned recently that blew my mind is the
shape-outside
CSS attribute!Very cool! You can't see the space cat in the vars codepen? :(
I didn't know most of this, thanks!
Thank you for your article. I have found lots of tricky and useful things here. This year was very unusual for me. I relised that 4 years in the humanitarian university was a big mistake, because I have lost all my skills as a developer. Anyway, I have improved my English (my mother tongue is Russian) and articles like yours are big reading plesure for me now.
Cool that you’re getting back to it. I recommend subscribing to some newsletters, like css weekly, it’s how I read about most new things.
Good luck!
I am stealing everything here. Brilliant. The only one I use regularly are filters.
With our shop finally moving past IE, I am also going dive into variables. Thanks for the reminder!
I’m so happy for you that you no longer need to support ie! I wrote another article about variables a while back, maybe you’d like to check that out!
I've learned Restful web services, little mongo db, Spring boot, spring, Java 8 salient features recently introduced, Hibernate - ORM some new functionalities available, little Docker..
Learned a lot of cool things just now. Thanks!
Awesome article thanks a lot, like the idea about this being enhancement based and not feature based!
Just about everything in this post is new information for me - thank you for sharing it!
ooh yes, I learned how to use clip-path too, it's really cool and I loved it. thanks doe for sharing things you have learned
So damn cool🔥
Thanks for the informative things. Also, the animations are pretty nice.
Simple and elegant, I like the way the code was written, I learnt lot of tricks from your code. Thanks for the nice article.
Wow! I learnt a lot from these. Your codes are clean and top notch. Thanks for writing this.
I didn't thought it was possible to animate using CSS only. Great examples.
This really Excellent
Thanks for the article! Haven't seen line-clamp before so thanks for the little css knowledge upgrade:)
Hola saludos desde México. Este año enfocado en PHP/HTML/CSS Y JS. gracias por compartir y felices fiestas.