This year has been weird but good, after suddenly becoming the most experienced frontend developer at the company I work at, Matise, I really had t...
For further actions, you may consider blocking this person and/or reporting abuse
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 ✨
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? :(
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.
I didn't know most of this, thanks!
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..
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!
So damn cool🔥
Simple and elegant, I like the way the code was written, I learnt lot of tricks from your code. Thanks for the nice article.
Thanks for the informative things. Also, the animations are pretty nice.
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
Awesome article thanks a lot, like the idea about this being enhancement based and not feature based!
Wow! I learnt a lot from these. Your codes are clean and top notch. Thanks for writing this.
Learned a lot of cool things just now. Thanks!
I didn't thought it was possible to animate using CSS only. Great examples.
Just about everything in this post is new information for me - thank you for sharing it!
Thanks for the article! Haven't seen line-clamp before so thanks for the little css knowledge upgrade:)
This really Excellent
Hola saludos desde México. Este año enfocado en PHP/HTML/CSS Y JS. gracias por compartir y felices fiestas.