Frontstack Event Recap — Media on the Web

Ire Aderinokun
Frontstack Blog
Published in
4 min readJan 27, 2020
Frontstack 2020 Attendees

On Saturday 25th January 2020, we held the fourth ever Frontstack event in Lagos, Nigeria! Frontstack is a conference organised by myself, Ire Aderinokun, with the mission to grow the developer ecosystem by creating exposure to frontend technologies.

Each conference, we have a particular topic around which the talks and codelabs are based on. Our prior events were about Responsive Web Design, How to use APIs, and Writing Modern CSS. The topic of this conference was Media on the Web!

What happened?

In this event we had seven sessions.

Serving Responsive Images in HTML

The first talk of the day was Serving Responsive Images in HTML led by Linda Ikechukwu. She covered how to use the HTML picture element, srcset and size attributes combined with the power of cloudinary, and showed how to render images that are adaptable to any viewing medium.

https://docs.google.com/presentation/d/174D8Q_I1XEAKdxGzQugh2j9xkj4qYU6zT1LWyNAz8_w/edit?usp=sharing

Media Formats 101

The second session featured a lightning talk on Media formats by Linda Ojo. She covered support of image file types across the major web browsers, as well as providing basic information about each type.

https://docs.google.com/presentation/d/1W679pNtjlR21lqU1QXqBB-K4Weclsl0XlKU_9kG_2VE/edit?usp=sharing

Web Gone VisuA11Y

The third talk was on Web Gone VisuA11Y led by Obinna Ekwuno. He broke down the meaning of media accessibility, and discussed the methods applied to care for users that have some visual impairments and have to navigate the web applications we build and also the best ways to accommodate these users.

Hosting on Cloudinary

Next, we had on workshop on Hosting on Cloudinary, held by myself. I covered the magic of the Cloudinary URL API and all the different image transformations that can be done on the fly.

Connecting the Dots: From Git to live

The next workshop, held by Rachael Iwelunmor was on how to host website assets yourself. She broke down hosting using Amazon’s Simple Storage Service, using Amazon CloudFront for content delivery, and automating the deployment process.

https://docs.google.com/presentation/d/1QV5AZzM0PqACzHv7BJsTalyJaviARQoMq0-FKMn7KBc/edit?usp=sharing

The Pain of Multimedia in HTML Emails

The penultimate session of the day was a lightning session by Etinosa Obaseki on how we can take advantage of media in HTML emails.

https://docs.google.com/presentation/d/1PEe4Oc3nFN19VYro3yMYYWHpQvFZJZE3nUFt0sA_wMA/edit?usp=sharing

Lazy Loading Images Progressively and Bundle Analyzing

The final talk of the day was by Shodipo Ayomide, and covered Lazy Loading Images Progressively and Bundle Analyzing. He covered modern best practices for lazy loding images, and hosting on Cloudinary.

https://docs.google.com/presentation/d/1wODFePwYIsuQr5uSOijeXnkEyr9qJ6RgYEv_dZISGTU/edit?usp=sharing

Who attended?

Roughly 100 people attended the conference, about 30% women.

Attendee feedback

Some feedback from our attendees

Thank you sponsors, speakers, and volunteers! 💖

This event won’t have been possible without the amazing speakers — Linda Ikechukwu, Linda Ojo , Obinna Ekwuno, Rachael Iwelunmor, Etinosa Obaseki, and Shodipo Ayomide. I’d also like to say a special thanks to Asamaige Ogaga for capturing the event (see all the pictures from the event 📸).

Finally, a huge thank you to our sponsors, Google and Cloudinary for making the event a reality.

--

--