The Humble `img` Element And Core Web Vitals

Addy Osmani on images in HTML:

The humble <img> element has gained some superpowers over the years. Given how central it is to image optimization on the web, let’s catch up on what it can do and how it can help improve user experience and the Core Web Vitals.

Addy does a good job of translating stuff like this into Instagram posts, so I’ll embed that here:

I’d say this stuff is required knowledge for any HTML developer1. Images affect a site’s performance. Images affect a site’s accessibility. Images affect a site’s UX. Images effect a site’s SEO. That’s not stuff you can sluff off. There is a lot of stuff to know, but that’s the job.

I’m still really curious about this decoding="async" stuff. I’ve read some things that suggest it’s best to have this on all images (though Addy doesn’t suggest this, but doesn’t provide guidance either). I don’t yet understand how best to use this attribute, but if it does turn out that it’s “all the time,” I think we should push browsers to make that behavior the default so we don’t have to bother with the attribute.

I also see Addy suggests loading the hero image as early as possible, but no further trickery. I’m curious if this trick we covered about just not loading the hero at all (until interaction) in an effort to trick CWV into higher numbers will end up being a good practice, or bad.


  1. I don’t hear the term “HTML developer” thrown around much, but I like it. For example, people regularly use “React developer” to describe those who do React development. If you write code that ends up as the DOM, you’re an HTML developer. You’re responsible for the experience that HTML delivers.

Direct Link to ArticlePermalink


The post The Humble `img` Element And Core Web Vitals appeared first on CSS-Tricks.

You can support CSS-Tricks by being an MVP Supporter.

Deploying an Apache Kafka mock service with Microcks

Developers are working with new applications every day using Apache Kafka as the backbone to implement an event-driven architecture (EDA) to support distributed systems. However, this adds new challenges when sharing across teams, even within the same organization. What endpoints are available? What is the structure of the message? That’s why payload examples became critical to speed up development. For this reason, having a reliable and enterprise-grade service to mock Apache Kafka should be an item in your EDA checklist. This post will do a quick review of the Microcks General Availability (GA) version and their support to Kafka.

What is Microcks?


Best Virtual Conference Platforms

Whether or not you think remote work is here to stay, the reality is that if you’re running a team today, you’re likely to need a reliable virtual conference platform.

Gone are the days when every member of your team needed to be present in the same room to reach goals, work on projects, and move the business forward. Now, with the slew of interactive online tools and video platforms at your disposal, it’s possible to rally a team together or stay in touch with your customers no matter where they are.

The problem is, you might not know which virtual conference platform will help you get the job done best. Thankfully, that’s where I come in. In this guide, I walk you through the top video conference platforms and who they’re best for by reviewing features like price, ease of use, and strong points. Let’s dive in.

The Top 5 Best Virtual Conference Platforms

  1. Hopin – Best all-in-one event platform
  2. BigMarker – Best for hosting summits
  3. GoToMeeting – Best for remote work video conferencing
  4. RingCentral Video – Best for video conferencing and calling solutions
  5. Zoom – Best free virtual conference platform

Next, we look at the features, pricing, and engagement tools for each virtual conference platform worth considering.

#1 – Hopin — Best All-In-One Event Platform

  • Set your event up in minutes
  • Integrates w/ conferencing tools
  • Automated data capture
  • Starts at $99/month
Sign up today

Hopin might be newer to the scene. But this doesn’t mean they aren’t bringing a much-needed fresh perspective to the video conferencing world. With its hybrid angle, you can create virtual events with a variety of conferencing tools and customize them to your needs.

Within a matter of minutes, Hopin enables you to set up your entire event from setting up a virtual venue to inviting your attendees. With its advanced tools, you can measure and record data that informs your entire conferencing process for better outcomes.

Hopin is a robust solution for:

  • Conferences and summits
  • Expos and tradeshows
  • Recruiting and career fairs
  • Training and workshops
  • Social gatherings
  • Agencies
  • Hybrid events

There are four pricing levels for Hopin, with each one allowing for longer events, more registrations, and more organizers:

  • Starter – $99/month
  • Growth – $799/month
  • Business – Contact the sales team
  • Enterprise – Contact the sales team

If you’re ready to build just about any type of online video conference with confidence, try Hopin here.

#2 – BigMarker — Best For Hosting Summits

  • Connect with leads before, during, & after your event
  • Includes landing pages
  • Stream to Facebook & YouTube
  • Starts at $79/month
Try free for 7 days

Does your business need to create and execute successful summits? Consider BigMarker as the tool to get the job done from start to finish. BigMarker helps you start beyond the summit itself by equipping you to attract and nurture leads.

With BigMarker, you can create webinars, interactive videos, web series, and live streams in a way that builds relationships with your audience and moves the conversation forward. Not only that, it comes with a slew of audience engagement tools to boot.

While hosting your summits, you’ll have access to Q and A tools, polls, special offer pop-ups, and embedded surveys. BigMarker’s end-to-end summit solution also allows you to stream on Facebook and YouTube live.

Not only that, but they also provide the landing pages, automation, and email messaging your audience will get pre-summit. In short, if summits are your area of expertise, BigMarker can be a worthy investment worth making.

BigMarker has four packages that scale up for allowing more attendees, from up to 100 at the lowest level all the way up to 10,000.

  • Starter – $79/month
  • Elite – $159/month
  • Premier – $299/month
  • White Label – Contact for pricing

Ready to get started? Try out BigMarker here.

#3 – GoToMeeting — Best For Remote Work Video Conferencing

  • Unify your team on one dashboard
  • Collect meeting notes automatically
  • Commuter mode for easy remote work
  • Starts at $12/month
Try free for 2 weeks

Two words can pretty much describe what using GoToMeeting for video conferencing is like: fast and easy. If your team is already juggling a lot and it’s looking for a reliable solution to be able to come together as it works apart, GoToMeeting proves to be a great solution for remote work.

Its intuitive interface quickly connects you to your team on an easy-to-navigate dashboard. Once your meeting is up and running, its Smart Meeting Assistant helps you collect meeting highlights, notes, and action items for higher productivity post-meeting.

GoToMeeting makes it easy to share your screen or join a video conference through your phone. Need to point out something on your shared screen? You can use its built-in drawing tool to make your point clear.

Its new Commuter Mode tool helps your team members seamlessly attend virtual meetings while they’re on the go. Not only that, you can ensure to get rid of any distractions by adding custom backgrounds to your screen.

Moreover, if you’re concerned about how you’ll look on your webcam setup, you can use its Webcam Preview feature to preview what your screen is sharing. Maybe one of the best reasons to use GoToMeeting is how affordable its plans are.

One of the best things to do before going all-in on a video conferencing solution is to try it out for 14 days before committing to a paid plan. That way you’ll ensure you’re investing in the right tool you can use long term.

Once you’re ready, there are three plan options:

  • Professional – $12 per organizer/month billed annually
  • Business – $16 per organizer/month billed annually
  • Enterprise – Get a quote

GoToMeeting’s Professional plan starts at just $12 a month per participant and has a limit of up to 150 attendants per meeting. However, it does allow you to meet for an unlimited amount of time— which free conferencing tools like Zoom don’t quite offer.

You’ll also get access to messaging, HD video, and screen sharing tools. The deciding factor in terms of plans for GoToMeeting comes down to the number of participants in your virtual meetings. Its second-highest tier, at $16 a user a month, comes with a 250 participant limit.

Get started with GoToMeeting today.

#4 – RingCentral Video — Best For Video Conferencing And Calling Solutions

  • Video and VoIP together
  • Audio-only mode available
  • Virtual whiteboard collaboration
  • Starts at $19.99/month
Get started today

You might know RingCentral as one of the top VoIP providers out there. Luckily they also offer a reliable video conferencing solution worth looking into if you want to bundle it in with robust calling features as well.

RingCentral Video brings your video conferencing, calling, and messaging needs together in one app. This is great if you don’t want to be bothered with installing extra apps and figuring out the ins and outs of making it all work.

Its virtual whiteboard solution creates a space for teams to collaborate with file sharing. Professionals on the go can opt for the audio-only solution if they aren’t at a place where they can access its video feature.

The best part is it’s easy to set up and use. And you can make it work on any device you have on hand, whether that’s a tablet, a smartphone, a desktop, or a laptop.

There are four tiers of pricing for RingCentral Video:

  • Essentials – $19.99/user per month
  • Standard – $24.99/user per month
  • Premium – $34.99/user per month
  • Ultimate – $49.99/user per month

Access to its most popular Premium tier will run you $34.99 a user a month. This grants you access to some of its best tools including automatic call recording, 200 participant video meetings, custom analytics, and advanced call handling tools.

Now, if you’re eyeing its Essentials plan, it only allows you to video conference with up to 20 users at a time. In that case, you might be better off going with a video conferencing solution like Zoom.

Get started with RingCentral Video here. 

#5 – Zoom — Best Free Virtual Conference Platform

  • Record locally or on the cloud
  • Audio-only mode available
  • Password protection
  • Up to 100 callers free
Try it for free

You might’ve already heard of Zoom. And for good reason. In the past year, it’s been one of the most used tools for virtual meetings by teams and businesses of all shapes and sizes. In short, it’s one of the best free video conferencing tools out there if you’re looking for a more affordable option.

On its free plan, you can host up to 100 attendees for up to 40 minutes at a time. If you’re going for a more personal meeting in a one-on-one setup you can meet for an unlimited amount of time.

With Zoom you can:

  • Use it on any device you want
  • Get access to plenty of integrations
  • Calendar syncing
  • Ensure the security of your virtual meetings
  • Easily share files
  • Record meetings locally or on the cloud

Integrated chat, virtual waiting rooms, video webinar solutions, and HD video and audio make it a dynamic and cost-effective solution for both business and personal use.

As mentioned before, its free plan can go a long way for personal use or SMBs. Once your needs start to grow, you can start looking at its yearly license fees for more options.

  • Basic – Free
  • Pro – $149.90 for a yearly license
  • Business – $199.90 for a yearly license
  • Zoom United Business – $300 for a yearly license

All things considered, a $199.90 fee for up to 300 participants, recording transcripts, company branding, and all the features in the Pro plan isn’t a bad deal at all.

Ready to get started? Sign up with Zoom here.

How to Find The Best Virtual Conference Platform For You

Admittedly, it can be overwhelming to find the right virtual conference platform because there can be a number of variables to take into account. Any good virtual conferencing platform will do one thing well: connect you to the right people via video whenever you need it.

However, there are different features and functions that can enhance your video conferencing experience, whether it be a team meeting, a sales webinar, or a live virtual event.

Engagement tools

Different types of virtual engagement tools can enhance your virtual conference experience. For starters, you have to get familiar with what’s out there first. This is especially true if you’re new to video conferencing. Tools like:

  • Call recording and transcription
  • Analytics
  • Scheduling
  • Moderation tools
  • Survey and polling tools
  • Chat features
  • Integrations with other software
  • Easy screen sharing capabilities

Can help make your video meetings easier if it’s something you’re going to be doing constantly. It’s a great idea to make a list of must-haves vs. wants.

Analytics

Do you need analytics for your virtual meetings? In-depth video conferencing analytics bode well if you’re planning on hosting summits, webinars, or sizable virtual conferences online.

With the way the world has changed in such a short period of time. Hosting online conferences with hundreds or even thousands of people is the new normal. With that comes the need for in-depth analytics you can count on to make pivotal decisions on the performance of your online conferences.

Consider this feature as a strong selling point if you’ll be using your video conferencing software to constantly interact with an audience.

Event type

A video conferencing solution can be made to serve more than one type of virtual meeting. This should be taken into consideration when you’re choosing the best tool for your team. While some video conferencing software lends itself well to work meetings, they might not be the greatest fit for hosting hybrid events.

The more multifunctional you’ll need a tool to be, the more your monthly fee will be. At this point, you’ll also want to consider your budget constraints.

Summary

Finding the best virtual conference platform largely depends on what your video conferencing goals are. Not every tool is created equal or to cater to a general audience. Many of them make it a point to go niche in the tools it offers to enable you to serve your audience better.

Still not sure which tool will work for you? Here’s a quick recap of every tool I recommend and reviewed here:

For a seamless all-in-one tool that can do it all, from conferences to summits and even career fairs or workshops, go with a tool like Hopin. If you’re exclusively interested in working with a video conferencing tool that’s specifically designed to help you handle virtual summits, BigMarker can be your go-to solution.

A quick and easy video conferencing solution for teams on the go that want an easy and accessible tool for remote collaboration, GoToMeeting is more than capable of meeting your expectations. For a two-in-one calling solution that includes video conferencing and calling solutions look no further than RingCentral Video.

And to close, Zoom is the best free video conferencing option for businesses on a budget that want to host smaller virtual meetings. If you’re still on the fence about which platform you should go with, make sure to take advantage of the demos and free trials for each tool you’re interested in to ensure you’re making the best choice in virtual conference platforms.

Anariel Design Launches Naledi, a Block-Based WordPress Theme

Screenshot of the Naledi theme homepage with a large Cover header and three info boxes below.
Naledi theme homepage.

Over the weekend, Anariel Design co-founder Ana Segota tweeted that she was nearly ready to submit the company’s first block theme into the WordPress directory. There are only five such experimental themes available for download in the repo right now, and I have been patiently awaiting more.

The Naledi theme is in the review queue, but those who want to give it a spin can grab a copy of the ZIP file from its ticket. Or, just peruse the theme’s demo.

Block, block-based, or FSE themes are built entirely out of blocks, not just the post content. This includes the header, footer, and everything else in between — literally, everything is a block. Such themes are the future of WordPress and need more user testing.

Like most block themes at the moment, Naledi is not meant for use on a production site. The goal is to build upon the site editor and templating systems in the Gutenberg plugin. The earliest that stable iterations of these FSE sub-components could land in WordPress would be in version 5.9 later this year, but there is no guarantee of that yet.

The WordPress.org Themes Team allows block themes in the directory. However, a team lead must grant permission using the “special case” system in place. There is still a six-month-old ticket awaiting closure before anyone can upload block themes without special access.

On the whole, Naledi is a well-rounded theme given the limitations of block templating right now. It has plenty of personality and is a good representation of how themers should be building on top of the system. There are miles to go, but the Gutenberg development team is driving fast.

One of the most revealing items was how little CSS Naledi needed (roughly 20 kb). It is almost entirely built upon the theme.json style system. Most of the code is merely modifications for custom block styles and adjustments to the core blocks.

The theme currently has nine block styles. Most of the concepts are around adding borders. Eventually, these border-related styles may be unnecessary. Border settings are coming to more and more blocks out of the box. Users will be able to directly make border changes on nearly anything, and theme designers can package their old styles as custom patterns instead.

Of the theme’s block styles, my favorite is the framed image. I have been on a bit of a frame kick as of late, so I like seeing what others are doing with the idea.

Framed image with black border in the WordPress block editor.
Frame style on the Image block.

Naledi also bundles eight-block patterns. Most include the Columns block, but others incorporate the Media & Text and Cover blocks, such as a full-width page header.

The Testimonials pattern uses the theme’s Overlap style for the Columns block. It shifts the left column to the right and the right column in the opposite direction, creating an overlap.

Overlapping columns of two testimonials with avatars in the WordPress block editor.
Testimonials block pattern.

There is a similar pattern named Overlapping Images that uses the same technique.

Overlapping images within columns shown in the WordPress block editor.
Overlapping Images block pattern.

What Naledi does that I have not seen with many block themes yet is add several custom page templates. It technically registers only two of them via its theme.json configuration. However, six exist in total, and the Gutenberg plugin automatically picks them all up on a per-page level — not sure if that is a bug or a feature.

  • About
  • Home
  • News
  • Sidebar
  • Testimonials
  • Tours

Because Naledi is a block theme, users can make direct changes to any of the templates, putting their own coat of paint over the default or overhauling them entirely.

Editing the News template in the WordPress site editor from the Naledi theme.
Naledi theme in the site editor.

As always, it is a welcome sight to see another block theme headed for the official directory. It is by no means perfect — working in an imperfect system. However, experiments like Naledi give me more hope that we are heading in the right direction.

React vs. Angular: Who Wins the Competition?

Choosing the Best Option for Front-End Development

React.js vs. Angular. They are equally good at building web-based applications. Some of the world's projects are built with React.js, others of the same size, with Angular.

These examples emphasizing both React.js and Angular are suited for making large and scalable platforms, handling massive requests per moment.

IoT Solutions Are Helping the Elderly Stay Safe and Be More Independent

Introduction

It’s often the case that vulnerable groups are the first to benefit from new technological advances, and that has held true for the evolution of IoT devices. Many of the solutions available in the market today can be practical for the general consumer, but they truly shine when used to help senior citizens and other vulnerable groups live safer and more independent lives.

To give you a sense of how this translates into the real world, let’s go over some IoT applications that are very useful for seniors, and the caregiving-focused products that make use of them.

7 Test Frameworks To Follow in 2021 for Java/Fullstack Developers

It is time to learn new test frameworks to improve your code quality and decrease the time of your testing phase. I have selected six testing frameworks that sound promising. Some have existed for quite a long time but I have not heard about them before.

At the end of the article, please tell me what you think about them and what your favorite ones are.

Robot Framework

Robot Framework is a generic open-source automation framework. It can be used for test automation and robotic process automation (RPA).

Sending SMS With Scala

As you probably guessed from the title above, sending an SMS is the main topic of today's article. I started the articles with a few words about SMS service providers, then I explained what you may take into consideration while choosing the one for you, why I choose the Vonage, and added some more details about this platform. I also provided a simple step-by-step implementation of SMS sender service in Scala. 

Before we start — a quick disclaimer
Here you can find only the most interesting code samples. The full source code is available in my GitHub repository. The link is provided in the end of the article. 


Notify.Events Ultimate WordPress Notifications

Notify.Events Ultimate WordPress NotificationsHow do can you monitor visitor activity and events on your website in real-time? That’s simple; you use real-time notifications. If you had no idea, you can receive notifications from your website via SMS, push notifications, Facebook Messenger, Telegram, and everything in between. And it’s all very easy to set up with the right WordPress […]

The post Notify.Events Ultimate WordPress Notifications appeared first on WPExplorer.

Register Now for WordSesh: May 24-28, 2021

WordSesh 2021, a free virtual event targeted at WordPress professionals, is less than one week away. Sessions will be broadcast May 24-28, followed by hands-on workshops May 27 – June 4. The event is hosted by Brian Richards, creator of the WordPress video training website WPSessions. It features an impressive lineup of curated speakers whose presentations will be recorded and published to WPSessions after the live event has ended.

WordSesh’s creators pioneered virtual events years ago, when nearly every WordPress conference was still a live, in-person event. Last year WordSesh was broken up into three regional events, but this year it has transitioned back into one global conference that will run at all hours over several time zones. Over the years its production and quality have become more refined. Speakers are compensated for their time and have personal coaching available to them. This year’s event will feature a combination of pre-recorded and live content, accompanied by live captioning.

“I designed the schedule to still support viewers from all around the world,” Richards said. “Day 1 (May 24/25) is scheduled for 1-4pm AEST to support the Asia/Pacific region. Day 2 (May 26) runs from 1-4pm CEST for Europe, Middle East, and Africa. Day 3 (May 27) runs from 1-5pm EDT for folks across the Americas.”

Richards has sought out experts in each of the topics on the schedule. The standard sessions will run for 20 minutes, followed by 5-10 minutes of live Q&A. Presenters will be covering block development, headless WordPress, security, accessibility, client services, and other topics of interest to WordPress professionals.

Workshops will begin May 27 and will offer hands-on practice, activities, discussion, and the creation of a finished product. This year’s lineup includes six, 3-hour workshops, held over the span of several days:

  • Let’s Hack! (Stephen Rees-Carter)
  • Speed Up Your WordPress Site with These 3 Advanced Techniques
    (Luke Cavanagh and Mendel Kurland)
  • Build your own Block Based Theme (Daisy Olsen)
  • Building Accessible Navigation (Natalie MacLees)
  • My First Headless WordPress Site (Kellen Mace and Jason Bahl)
  • Nail Your Client Onboarding Process (Jennifer Bourn)

If you have been wanting to learn how to create your own block-based themes or headless WordPress sites, or improve your processes on any of the above topics, these free workshops will be a valuable investment of your time.

One new thing this year is that attendees will be invited to chat via Slack to bring more conversation during and after the live broadcast.

“Rather than participating in a single-threaded event chat, which disappears when the broadcast has ended, the Slack channels should allow for more robust conversations,” Richards said. “We’re also going to run the speaker Q&A through chat, rather than on screen, for the same reasons. I believe this will give attendees an opportunity to ask better questions and for speakers to provide more detailed answers – rather than both groups rushing to ask and answer as quickly as the live Q&A slots allow.”

Richards anticipates WordSesh attendance to be 1,500-3,500 people. Attendees will receive a digital swag bag with special discounts from multiple companies in the WordPress space. Registration is free and after signing up attendees will get an email reminder with the viewing link one hour before each day of the event.

Can you please help me with this program?

: Mining Temperature Data
The highs and lows of the 3 first weeks of 2020 temperature data are available on a piece paper and we have decided to store
them in a three-dimensional array in which the first index represents the 3 first weeks of the year, and take the value from 0 to
2; the second index is numbered 0 through 6 and represents the days of the week, and the last index which is numbered 0 and
1, represents the days high and low temperatures, respectively.
(2.1) Write a C program that enables you to capture the 3 first weeks of 2020 temperature data, from the keyboard, and store
them in the array described above. You must check the validity of any data entered.
(2.2) Write functions to request the following:
(a) Any days high and low temperature
(b) Average high and low temperature for given week
(c) Week and day with the highest temperature
(d) Week and day with the lowest temperature
(2.3) Write a driver program to test your functions defined in (2.1) and (2.2).

A Love Letter to HTML & CSS

Ashley Kolodziej — May 2021

Dear HTML & CSS

I see you.

In the back there, behind JavaScript and React and PHP and all those “real” programming languages, I see you. And I appreciate you.

I’ve seen the YouTube videos. You’ve been condensed down to a sixty-second blip on the path to bigger and better things, a one-trick div pony at the back of the race. You’re a support character. Everyone knows HTML these days. Even if that’s not the case, it’s not hard to learn, they say.

I know it’s not true.

You are the foundation of the Internet. You are the bridge between humans and information. When we say HTML isn’t an expertise in and of itself, when we take you for granted, we leave behind the people and systems who access that information using web crawlers and accessibility technology.

They say you’re not a real programming language like the others, that you’re just markup, and technically speaking, I suppose that’s right. Technically speaking, JavaScript and PHP are scripting languages. I remember when it wasn’t cool to know JavaScript, when it wasn’t a “real” language too. Sometimes, I feel like these distinctions are meaningless, like we built a vocabulary to hold you (and by extension, ourselves as developers) back. You, as a markup language, have your own unique value and strengths. Knowing how to work with you best is a true expertise, one that is too often overlooked.

Markup requires systematic thinking. What structure is the best match for this content? How can we make this content easier to discover and parse in the right order? What tags do we need to ensure a screen reader will parse your information correctly? I want you to know I know how important you are, and I still ask these questions.

I think of you every time I test a website in VoiceOver and discover it is completely unusable, with my keyboard’s focus jumping away to places I can’t actually interact with and no clear sectioning and headings to help navigate.

And to my longtime friend, CSS. I want you to know I understand you are so much more than just a pretty face. Sure, your main job is to, well, style markup. But why should that be any less celebrated than the other languages? You are the visual translation of information. What good is all the information in the world if we can’t easily understand it? You hold the keys to hierarchy and contrast and layout, the keys to visual communication.

Your language is an art. I recognize your importance, the balance of performance in rendering and specificity and predicting when and where other systems or designers might want to override something. Sure, you style, and you style well. But what the world forgets sometimes is you are, at heart, a planner: the cascading part of Cascading Style Sheets. Oh, to be JavaScript where you can do whatever you want, whenever you want, and change markup and styles on the fly. Don’t they know inline styles are some of the most specific styles around?

I know, and I respect that. There is a time and place for specificity, and I cherish your ability to manage that. I love your system of overrides, of thinking ahead to what should and shouldn’t be modifiable by another developer easily. I find the appreciation of specificity and !important and contrast and all the beautiful little things you do well increasingly lost in the pursuit of the newest and shiniest frameworks.

But I am still here for you, HTML and CSS. And I will continue to show everyone I can how much you both have to offer. Because without that foundational care and expertise, we wouldn’t be able to communicate this information at all. You are the languages at the core of equitable information distribution, and I want you to know that even if you aren’t in the spotlight right now, I remember that.

Even if it sometimes feels I’m the only person out there who still does.

With love, Ashley Kolodziej

The post A Love Letter to HTML & CSS appeared first on CSS-Tricks.

You can support CSS-Tricks by being an MVP Supporter.

Euismod

An interactive tool for learning grid syntax from Etesam Ansari. In the Learn section, it teaches you some concepts (involving multiple bits of the grid syntax) then gives you a task to complete by filling out the right syntax. I’m sharing because I think this sort of thing really clicks with people — I know Flexbox Froggy did. Once you know the possibility, there is no shame in memorizing all the details, that’s what our guides are for: we have them for flexbox and grid. Generators can be awfully helpful too, like Sarah’s Grid Generator.

Aside: I wonder what Euismod means. Google suggests it is Latin for Performance.

Direct Link to ArticlePermalink


The post Euismod appeared first on CSS-Tricks.

You can support CSS-Tricks by being an MVP Supporter.