Search

Nalezeno "articles": 816

Radio Buttons Are Like Selects; Checkboxes Are Like Multiple Selects


I was reading Anna Kaley’s “Listboxes vs. Dropdown Lists” post the other day. It’s a fairly straightforward comparison between different UI implementations of selecting options. There is lots of good advice there. Classics like that you should use radio buttons (single...

Playing With (Fake) Container Queries With watched-box & resizeasaurus


Heydon’s <watched-box> is a damn fantastic tool. It’s a custom element that essentially does container queries by way of class names that get added to the box based on size breakpoints that are calculated with ResizeObserver. It’s like a cleaner version of what Philip...

5 Psychological Tricks to Use in Email Newsletter


Email marketing plays a big part in developing the brand. Whether you run an ordinary blog or hold the reins of a multinational estore, it is one of those... The post 5 Psychological Tricks to Use in Email Newsletter appeared first on Onextrapixel

Rethinking Twitter as a Serverless App


In a previous article, we showed how to build a GraphQL API with FaunaDB. We’ve also written a series of articles [1, 2, 3, 4] explaining how traditional databases built for global scalability have to adopt eventual (vs. strong) consistency, and/or make compromises on relations and indexing...

Free Market Think Tank FEE Now Accepts Bitcoin Cash Donations


The oldest free market think tank in the United States, the Foundation for Economic Education (FEE) has announced the 501(c)3 educational foundation now accepts bitcoin cash (BCH) for donations. The libertarian organization promotes sound economic theory, publishes books and articles regularly...

Consistent Backends and UX: How Do New Algorithms Help?


Article Series Why should you care? What can go wrong? What are the barriers to adoption? How do new algorithms help? In previous articles, we explained what consistency is, the difference between "strong" and "eventual" consistency, and why this distinction is more important than ever to modern...

Performance Links


I've had a number of browser tabs open to articles all related to web performance and gosh darn it if blogging them is a way for me get some closure. They are all good! Manuel Matuzovic, Why 543 KB keep me up at night: Yes, I know, it depends. 543 KB aren't always bad, but on that specific page...

Flexible Repeating SVG Masks


Tyler Gaw reminds us that mask-image can repeat, resize, and move just like background-image does, which is fun to combine and play with. I could see it being a fun option for an <hr, like Sara is doing. CodePen Embed Fallback Direct Link to Article — Permalink… Read article...

Client-Side Image Editing on Mobile


Michael Scharnagl: Ever wanted to easily convert an image to a grayscale image on your phone? I do sometimes, and that's why I build a demo using the Web Share Target API to achieve exactly that. For this I used the Service Worker way to handle the data. Once the data is received on the client,...

How to Build a Time-Saving Appointment and Event Booking Website


Want to build an appointment and event booking website that gives your clients more time to do business than handle the logistics of it? The Amelia WordPress booking plugin is the answer. How to Build a Time-Saving Appointment and Event Booking Website was written by Bogdan Sandu and published...

How to Make a Line Chart With CSS


Line,  bar, and pie charts are the bread and butter of dashboards and are the basic components of any data visualization toolkit. Sure, you can use SVG or a JavaScript chart library like Chart.js or a complex tool like D3 to create those charts, but what if you don't want to load yet another...

A Follow-Up to PHP Templating


Not long ago, I posted about PHP templating in just PHP (which is basically HEREDOC syntax). I'm literally using that technique for some super basic templating I needed to do on this very WordPress site. The main pushback was that this kind of thing can be an XSS vulnerability. In my case, it's...

10+ Examples of Responsive Websites That Got It Right


How do you make sure your website will look good on every browser and device? Take a look at these responsive web designs and you’ll discover how. 10+ Examples of Responsive Websites That Got It Right was written by Bogdan Sandu and published on Codrops

Gutenberging


It's been over a year since the big WordPress launch of Gutenberg, the new editor. It seems to me most of the controversy around it has died down. There has been enough time that the UX and accessibility of it have improved, and people are seeing the potential a lot more clearly. There ain't...

Building an accessible autocomplete control


Here’s a great in-depth post from Adam Silver about his journey to create an autocomplete field that’s as accessible as possible. There are so many edge cases to consider! There are old browsers and their peculiar quirks, there are accessibility best practices for screen readers, and not to mention...

Smaller HTML Payloads with Service Workers


Short story: Philip Walton has a clever idea for using service workers to cache the top and bottom of HTML files, reducing a lot of network weight. Longer thoughts: When you're building a really simple website, you can get away with literally writing raw HTML. It doesn't take long to need a...

Case Study: itsnotviolent.com


A case study that explores the motivation, design and implementation behind the itsnotviolent.com awareness campaign website made by Locomotive. Case Study: itsnotviolent.com was written by Marie-Christine Dion and published on Codrops

Timeless Web Dev Articles


Pavithra Kodmad asked people for recommendations on what they thought were some of the most timeless articles about web development that have changed their perspective in some way. Fun! I'm gonna scour the thread and link up my favorites (that are actually articles, although not all of them...

The Deal with the Section Element


Two articles published the exact same day: Bruce Lawson on Smashing Magazine: Why You Should Choose HTML5 <article> Over <section> Adam Laki on Pine: The Difference Between <section> and <div> Element They are comparing slightly different things, but they both...

Things you can do with a browser in 2020


I edit a good amount of technical articles about the web, and there is a tendency for authors to be super broad in their opening sentence, like "What we're able to do on the web has expanded greatly over the years." I tend to remove stuff like that because it usually doesn't serve the article well...

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