Smashing Magazine

MARCH 19, 2021

So, here’s your monthly Smashing update. After we’ve published Adam Silver’s piece on why floating labels are a bad idea , we’ve seen a huge discussion on Twitter and in the comments about them. So we’ve removed the floating labels and redesigned input fields, placing the labels above the input field, just like Adam has suggested.

Mobile 140

Mobile Design Cache Code 140

Smashing Magazine

JUNE 28, 2021

Smashing Podcast Episode 40 With Mike Cavaliere: What Is Chakra UI For React? Smashing Podcast Episode 40 With Mike Cavaliere: What Is Chakra UI For React? In this episode, we’re talking about Chakra UI. What is it and how can it help with your React projects? I’m talking about Chakra UI, of course.

Website 62

Website Design Open Source Software 62

CSS - Tricks

MAY 24, 2021

Everything we know about Core Web Vitals and SEO — Simon Hearne covers why everyone is so obsessed with CWV right now: SEO. Simon says something I’ve heard a couple of times: The Page Experience Update is more of a carrot approach than stick — there is no direct penalty for failing to meet Google’s goals.

Performance 78

Performance Website Cache Internet 78

Alex Russell

JANUARY 30, 2024

What's changed since last year? Until and unless teams have better data about their performance, the global baseline budget should be enforced. JavaScript-Heavy # Since at least 2015, building JavaScript-first websites has been a predictably terrible idea, yet most of the sites I trace on a daily basis remain mired in script. [1]

Performance 90

Performance Network Mobile Speed 90

Enprowess

SEPTEMBER 28, 2021

React JS is one of the most common web app frameworks favoured by many developers due to its easy learning curve and reusability. React JS is used to develop single-page applications (SPAs). The presence of virtual DOM and SPA are the key influencing USPS of React JS. Why do Developers look for Alternatives to React JS?

Open Source 52

Open Source Mobile Entertainment Virtualization 52

Enprowess

JANUARY 11, 2022

Read till the end to gain a deeper insight about why and why not should you choose a particular frontend framework. What front end frameworks are currently trending? The big guns, React, Angular and Vue have seen a spike in their usage. React is amongst the widely utilized and popular open-source web development frameworks.

Virtualization 64

Virtualization Website Speed Mobile 64

Smashing Magazine

APRIL 1, 2020

Building A Web App With Headless CMS And React. Building A Web App With Headless CMS And React. In this tutorial, you’ll learn what Headless CMS is, and the pros and cons of Headless CMS. After that, you can go ahead and build any web app of your choice using a headless CMS and React. Blessing Krofegha.

Open Source 103

Open Source Website Mobile Code 103

Smashing Magazine

MAY 17, 2021

I founded Instant Domain Search in 2005 and kept it as a side-hustle while I worked on a Y Combinator company (Snipshot, W06), before working as a software engineer at Facebook. Our current front-end stack is React served with Next.js lets us build our pages and components in React and TypeScript. Large preview ).

Google 93

Google Analytics Serverless Metrics 93

Edge Perspectives

FEBRUARY 4, 2019

I find that a lot of people have grabbed on to this message to justify incremental actions with limited funding, while holding out the expectation that they will potentially lead to big results. But let me also say that I am deeply skeptical about incrementalism and lots of small moves.

Government 77

Government Programming Systems Performance 77

Smashing Magazine

JANUARY 11, 2021

How do we actually know where we stand in terms of performance, and what exactly our performance bottlenecks are? So, if we created an overview of all the things we have to keep in mind when improving performance — from the very start of the project until the final release of the website — what would that look like?

Performance 145

Performance Cache Media Metrics 145

J. Paul Reed

APRIL 11, 2019

As many of you know, Mary Thengvall and I produced and co-chaired REdeploy last year, a conference on the intersection of resilient technology, organizations, and people. We would learn this lesson a few times throughout the experience. Relatedly, Mary and I produced this conference ourselves. How Many Zeroes?! ?—?Relatedly,

Logistics 40

Logistics Google Website Tuning 40

Smashing Magazine

SEPTEMBER 27, 2019

To make things straightforward, reduce uncertainties, unknowns, and unnecessary guessing, for the practical example of migration, I decided to demonstrate the practice on a simple to-do application. In general, I assume that you have a good understanding of how a generic to-do application works. It’s time to put the theory to the test.

Storage 66

Storage Testing Processing Code 66

CSS - Tricks

MAY 24, 2021

Everything we know about Core Web Vitals and SEO — Simon Hearne covers why everyone is so obsessed with CWV right now: SEO. Simon says something I’ve heard a couple of times: The Page Experience Update is more of a carrot approach than stick — there is no direct penalty for failing to meet Google’s goals.

Performance 40

Performance Website Cache Internet 40

Tasktop

NOVEMBER 9, 2020

09This time last year, in November 2019, and a year after the official publication of Project to Product , the best-selling book by Tasktop founder & CEO, Dr. Mik Kersten, internal conversations began within Tasktop about launching a new podcast featuring Mik and industry leaders. Listen now. Mik + Carlota Perez. Mik + Carlota Perez.

Innovation 52

Innovation Strategy Metrics Technology 52

Tim Kadlec

SEPTEMBER 30, 2015

The other day I tweeted about my excitement about some of these new standards. Looks like I have some research to do! Some have blamed it on increasing complexity but I don’t really buy that. If I were just getting started today that same setup would work just as well. The list goes on and on.

Technology 53

Technology Technology Latency Design 53

Smashing Magazine

JANUARY 6, 2020

How do we actually know where we stand in terms of performance, and what our performance bottlenecks exactly are? So, if we created an overview of all the things we have to keep in mind when improving performance — from the very start of the process until the final release of the website — what would that list look like?

Performance 145

Performance Cache Network Metrics 145

Brendan Gregg

DECEMBER 31, 2018

Perhaps you'd like a new year's resolution: learn eBPF! In this post I'll cover learning eBPF for tracing, grouped into content for beginner, intermediate, and advanced users. What is eBPF, bcc, bpftrace, and iovisor? eBPF** does to Linux what JavaScript does to HTML. What is an example of eBPF tracing?

C++ 52

C++ Virtualization Programming Code 52

Smashing Magazine

JANUARY 7, 2019

How do we actually know where we stand in terms of performance, and what our performance bottlenecks exactly are? So, if we created an overview of all the things we have to keep in mind when improving performance — from the very start of the process until the final release of the website — what would that list look like?

Performance 103

Performance Cache Metrics Network 103

Smashing Magazine

APRIL 29, 2021

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. While great for looking at opportunities to improve your user experience, always try to consult real-world data for a complete picture of what actual users are seeing.

Media 145

Media Network Metrics Mobile 145

Smashing Magazine

JULY 16, 2021

Three Insights I Gained While Researching Vue.js Three Insights I Gained While Researching Vue.js JavaScript frameworks like React, Angular and Vue have a very bad reputation when it comes to web accessibility. I think not. What makes headlines providing a structure is not only their mere existence. Accessibility.

Strategy 140

Strategy Virtualization Government Education 140

Smashing Magazine

NOVEMBER 4, 2021

Smashing Podcast Episode 43 With Matthew Phillips: What Is Astro? Smashing Podcast Episode 43 With Matthew Phillips: What Is Astro? In this episode, we’re talking about Astro. So we know he knows all about Astro, but did you know he can fit 18 whole lemons in his mouth? So I jumped aboard, very interested.

Media 87

Media Website Architecture Servers 87

The Agile Manager

JULY 30, 2013

Early on, it was driven by what the technical wizards came up with. They adopted a "just tell us what you want us to do" attitude about the products. This made them jittery about revenue: they spent more time in internal meetings discussing how not to lose revenue than they did meeting with clients to find ways to generate more.

Design 65

Design Innovation Mobile Software 65

Smashing Magazine

NOVEMBER 30, 2021

3D CSS Flippy Snaps With React And GreenSock written by Jhey Tompkins. We last talked to him in July 2020 , where we asked if modern best practices about for the web. So we know he’s still an expert in Vanilla JS, but did you know he’s solely responsible for New Zealand being missing from 50% of world maps? Transcript.

Technology 94

Technology Technology Servers Code 94

Smashing Magazine

OCTOBER 20, 2021

I don’t know about you, but I’ve been overwhelmed by all the web development tools we have these days. Whether you like Markdown, plain HTML, React, Vue, Svelte, Pug templates, Handlebars, Vibranium — you can probably mix it up with some CMS data and get a nice static site cocktail. Key benefits: Shallow learning curve.

Website 93

Website Servers Code Programming 93

Smashing Magazine

DECEMBER 27, 2021

Gatsby is an open-source framework built on top of React. As someone with a strong background in WordPress, I find the concept of Gatsby themes particularly appealing. I used to design and develop WordPress themes. In this article, I would like to share some concepts that I have learned from this transition.

Website 127

Website Open Source Code Availability 127

Smashing Magazine

OCTOBER 9, 2021

In this article, you will learn how to use the AnimXYZ toolkit to create unique, interactive, and visually engaging animations in Vue.js By the end of this article, you will have learned how adding a few CSS classes to elements in Vue.js What Is AnimXYZ? The nice thing about AnymXYZ is its declarative approach.

Media 120

Media Code Efficiency Tuning 120

Smashing Magazine

OCTOBER 22, 2021

As the pandemic lingered, the suddenly-remote team I work with became increasingly foosball -deprived. I thought about how to play foosball in a remote setting, but it was clear that simply reconstructing the rules of foosball on a screen would not be a lot of fun. I was also a bit concerned by the bundle size the Phaser.js

Games 94

Games Servers Database Virtualization 94