Search

Nalezeno "web form": 2688

Web Technologies and Syntax

24.9.2020
JavaScript has a (newish) feature called optional chaining. Say I have code like: const name = Data.person.name; If person happens to not exist on Data, I’m going to get a hard, show-stopping error. With optional chaining, I can write: const name = Data.person?.name; Now if person...

UI Interactions & Animations Roundup #10

22.9.2020
Check out the latest trends in web motion design, UI interaction and animations and get inspired. The post UI Interactions & Animations Roundup #10 appeared first on Codrops

Accessible Web Animation: The WCAG on Animation Explained

22.9.2020
It’s true, web animation can be accessible! Sometimes it just takes a little extra effort to make sure that it is. There are strategic things we can do to make sure our animations have a positive impact on accessibility, like planning how they contribute to the overall UX and ease of use of...

ztext.js

22.9.2020
Super cool project from Bennett Feely! It makes any web type into 3D lettering with a mouseover effect that moves the 3D objects in space. It’s reminiscent of Zdog, but for type. It works its magic by stacking a bunch of copies of the glyphs on top of each other that are offset by some...

Thinking About Power Usage and Websites

22.9.2020
Gerry McGovern asked if I had any insight into energy consumption and websites. He has a book, after all, about the digital costs on the planet. He was wondering about the specifics of web tech, like… If you do this in HTML it will consume 3× energy but if you do it in JavaScript it will...

Vital Web Performance

21.9.2020
I hate slow websites. They are annoying to use and frustrating to work on. But what does it mean to be “slow”? It used to be waiting for document load. Then waiting for page ready. But with so many asynchronous patterns in use today, how do we even define what “slow” is? The W3C has […] The...

Enforcing performance budgets with webpack

18.9.2020
As you probably know, a single monolithic JavaScript bundle — once a best practice — is no longer the way to go for modern web applications. Research has shown that larger bundles increase memory usage and CPU costs, especially on mid-range and low-end mobile devices. webpack has a lot of features...

Optimizing CSS for faster page loads

18.9.2020
A straightforward post with some perf data from Tomas Pustelnik. It’s a good reminder that CSS is a crucial part of thinking web performance, and for a huge reason: Any time [the browser] encounters any external resource (CSS, JS, images, etc.) it will assign it a download priority...

Weaved Webs

17.9.2020
There is a bit of an irony with Jamstack. The concept is simple: you put pre-rendered, static files on web hosting (a CDN) designed to do that well. That’s it. If you need to do more, anything you do from there is done with client-side JavaScript, which is likely talking to serverless...

Lessons Learned from Sixty Days of Re-Animating Zombies with Hand-Coded CSS

16.9.2020
I’ll be linking to individual Pens as I discuss the lessons I learned, but if you’d like to get a sense of the entire project, check out 60 days of Animation on Undead Institute. I started this project to end on August 1st, 2020, coinciding with the publication of a book I wrote featuring...

Chapter 4: Search

15.9.2020
Previously in web history… After an influx of rapid browser development following the creation of the web, Mosaic becomes the popular choice. Recognizing the commercial potential of the web, a team at O’Reilly builds GNN, the first commercial website. With something to browse with,...

What is the Value of Browser Diversity?

15.9.2020
In 2018, Rachel Nabors made the point that browser diversity is similar to biological ecosystem diversity. There are literal advantages to more diversity. That article was before the Edge engines were shut, and now the big shakeups at Mozilla have the topic of browser diversity on people’s...

Form design

15.9.2020
A very digestable guide from Geri Reid on building forms. Not the code, but the design and UX principles that should guide the code. Working on a design system for a bank has taught [me] a lot about forms. I’ve watched testing in our labs. I’ve worked alongside experts from specialist...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace