69 Results

semantic

Search

About the author Eric is a Boston-based designer who helps create simple solutions that satisfy the person’s practical, physical, cognitive and emotional needs. More about Eric ↬ Image posting on the modern web is very purposeful and helps to communicate the overall purpose of a page or view. This means that almost every image you declare should have an alternate description. The img element se alt characteristic can be ‘destroyed’, that is to say the…

About The Author Nic Chan is a freelance front-end web developer and an advocate for a more inclusive web. She blogs about accessibility and other topics on her own site at … More about Nic ↬ In a new short series of posts, we highlight some of the useful tools and techniques for developers and designers. Recently we’ve covered HTML Emails and SVG Generators. This time we look into different kinds of tools to help…

Editor’s Note: This article will be updated regularly. Last updated on June 15, 2021. The Google search algorithm is a highly sophisticated system that helps millions of people around the world find the information they’re looking for in a matter of seconds. Although each search happens in an instant, there’s actually a lot going on behind the scenes. Google analyzes your search query, matches thousands of web pages that may hold relevant information, ranks them…

Enterprise search engine optimization (SEO) is pricier and requires more stakeholders compared to a smaller-scale SEO strategy. Accordingly, you’re looking at either enormous ROI potential or huge amounts of wasted money, depending on how you run your campaigns. On the bright side, 65% of enterprise marketers felt like their content marketing efforts were more successful in 2020 than in 2019. But success can be defined any way you want, so it’s not a definitive metric.…

Spoiler alert: tooltips, modals, tabs, carousels, and dropdown menus are some of the user interface components that require more than CSS. To ensure accessibility of your interface, JavaScript is a necessary addition to accomplish focus management, respond to keyboard events, and toggle ARIA attributes. As the author of ModernCSS.dev, I’m a big proponent of CSS solutions. And, I love seeing the clever ways people use CSS for really out-of-the-box designs and interactivity! However, I’ve noticed…

We don’t need to write everything from scratch every single time. With boilerplates and starter kits, we can set up our projects faster, and get to work immediately. We’ve also just recently covered CSS auditing tools, CSS generators, accessible front-end components and VS code extensions — you might find them useful, too. Today, we’re shining the spotlight on boilerplates and starter kits for all kinds of projects, from static site templates and React/Vue starter kits…

Are you dreaming of getting 1,000 organic clicks a day to your website? How about 10,000, or perhaps even more? These numbers are possible, and plenty of websites achieve it (I’ve grown my site to x visitors per day using these techniques), but if you’re going to reach these numbers, then you’re going to have to rank your blog in Google’s top 10 search results. What Does It Mean to “Rank’’ on Google? Ranking a…

Google’s Core Web Vitals initiative has taken the SEO and Web Performance worlds by storm and many sites are busy optimizing their Page Experience to maximize the ranking factor. The Cumulative Layout Shift metric is causing trouble to a lot of sites, so let’s have a look at ways of addressing any issues for that metric. Cumulative Layout Shift (CLS) attempts to measure those jarring movements of the page as new content — be it…

About The AuthorJennifer Brehm wears many hats at ilscipio which she helped found: Frontend, backend, and management. But her heart belongs to the logic puzzle that is CSS. More about Jennifer ↬Getting a good performance score from Google is hard for any website — but doing so for an online store is even harder. We achieved green scores — even several for mobile. Here is how we did it. Every front-end developer is chasing the…

About The AuthorShalabh Vyas is a Front-End Engineer with the experience of working through the entire product-development lifecycle launching rich web-based applications. … More about Shalabh ↬In this article, we will learn how to build a WYSIWYG/Rich-Text Editor that supports rich text, images, links and some nuanced features from word processing apps. We will use SlateJS to build the shell of the editor and then add a toolbar and custom configurations. The code for the…