View this email in your browser

Hi folks, after some delay we've made it - here is Frontend RheinMain News #1. We're happy to have you on board and hope you like what we came up with. Each newsletter will focus on one frontend topic, mostly related to what has been talked about in a previous meetup. The content format is not set in stone, so expect some agile adaptions over the time :)

And most importantly: It’s for YOU, so please send us your ideas and comments!

Enjoy!

Your organisation team
Jan, Katarzyna, Josue

A hell of an icon 🔥

Hendrik wants to show you the different techniques of integrating hel(l)pful icons by building a themeable button for a Super Mario-inspired website. Alongside an animated SVG-based Yoshi icon, there will also be information on usability aspects and why icon fonts sometimes do not behave as expected.

Speaker

Hendrik Degener is a certified software architect working at Cofinpro AG.
Having always been fascinated by human-machine interaction, he constantly aims to create the best possible user experience.

Sponsor

Goodie: Free meal and raffle

Our meetup sponsor Cofinpro stands a round of meal & drinks: so in case you live in a Lieferando delivery area, you can join us for a virtual bar gettogether after the event, sit with us, have a drink and enjoy some food delivered directly to your doorstep. And additionally we'll raffle a surprise :)

How about a talk from you?

Our community-hub is the ideal platform for YOU to talk about your frontend passion. Wanna learn to speak in front of a crowd or improve your speaking skills? We support you!

Which topics do you wanna hear?

We would love to know what kind of topic we could prepare for you next time. What are you passionate about? What do you want to learn? Tell us and we will take care of cool speakers for you. Thanks!

"Pros and Cons Of Utility First CSS"

For our 1st livestream we invited Juan Herrera to give us a quite differentiated view on the pros and cons of "utility first" CSS:

We also asked him a few questions ...

1. Which tech topic are you currently passionate about?
   TypeScript. Just like RxJS, I think it has a lot of value, but one has to dig deeper to reap the benefits.
   

2. Being an Google Developer Expert on Angular, which resources would you recommend for Angular beginners?
   I'm glad to say that angular.io is the best source to learn about Angular. They've done a great job with it.
   

3. What is your favourite food in Austria? :)
   Schnitzel, but mostly because it reminds my mom cooking it in Colombia, we call it Chuleta Valluna
   

4. Words to our community?
   Thanks everyone in this really nice community, I hope to meet you all in person one day. I visit Germany from time to time, so I won't miss the opportunity to hang out with you all!

Thanks again for your contribution, Juan!

clickbar. fullstack talks #1 on Tailwind CSS

Please also watch the meetup video from the clickbar folks, where Alexander von Studnitz gave an introduction of Tailwind CSS with a handful of live-coding to demonstrate the concepts:

• Video

• Slides

Here could be your company promotion space

To further expand our community activities we need sponsoring partners. There are many company options - like this prominent space in the newsletter … and we have more plans.

Utility First CSS / Tailwind

• Why I Love Tailwind tackles how you can resolve some downsides of atomic CSS concept with an library which "blends the magic of Tailwind with the flexibility of css-in-js at build time"

• "Why I changed my mind on Tailwind CSS, and why I now consider it the Goldilocks Styling Solution"

• What I Love & Hate About Tailwind CSS: "Even if you are an old school web developer who names your classes semantically, I’d recommend giving Tailwind a shot. I held out from the pressure from the rest of the Front-End Development team as long as I could, but I finally gave in and see the value in using it."

• Why Tailwind Isn't for Me: "But after over a year of experience with Tailwind and weighing the pros and cons against other approaches to HTML, styling, and component-based web development in general, I'm thoroughly convinced that Tailwind does not represent the direction I wish to see the web head in as a whole"

• Tailwind versus BEM

• The missing browser devtools for Tailwind CSS

• Ready-to-use Tailwind CSS blocks

• CSS to Tailwind Converter

• A free repository for community components using TailwindCSS

• Tailwind Cheatsheet

• Beautiful TailwindCSS components that support RTL languages

• TailwindCSS Hidden Gems

Mixed

• Deep Dive Into Modern Web Development: “This course serves as an introduction to modern web application development with JavaScript. The main focus is on building single page applications with ReactJS that use REST APIs built with Node.js. The course also contains a section on GraphQL, a modern alternative to REST APIs.”

• Thinking like a Frontend-Developer mainly is not only about “making it an exact match of the design, but also to ask and think about edge cases”

• Learn how to identify and fix layout shifts

• ECMAScript 2021, the final feature set: “ES2021 candidate was released, with the final feature set of that version. If approved by the Ecma General Assembly in June 2021, it officially becomes a standard. This blog post describes what’s new.”

• Javascript and the next decade of data programming

• Awesome Web Security: Curated list of Web Security materials and resources

• Beyond Console.log() – Level up Your Debugging Skills

• The Kilobytes Gambit: Can you beat 1024 bytes of JS?

• State Of GDPR In 2021: Cookie Consent For Designers And Developers

If you sometimes feel lonely with your remote frontend work in those strange times, check out this session Jessica from Grafana Labs did almost one year ago for us:

How about an update from her? :-D

Frontend RheinMain is a community-hub for frontend devs and friends in RheinMain. Started in 2014, our misson is to push knowledge transfer and connect webworkers by running meetups and livestreams and supporting related initiatives. We enable developers connect with other webworkers, to learn new stuff and get inspired by latest developments in the frontend field.