Search

Nalezeno "read": 2382

Creating an Editable Site with Google Sheets and Eleventy


Remember Tabletop.js? We just covered it a little bit ago in this same exact context: building editable websites. It’s a tool that turns a Google Sheet into an API, that you as a developer can hit for data when building a website. In that last article, we used that API on the client side, meaning...

Maintaining Performance


Real talk from Dave: I, Dave Rupert, a person who cares about web performance, a person who reads web performance blogs, a person who spends lots of hours trying to keep up on best practices, a person who co-hosts a weekly podcast about making websites and speak with web performance professionals…...

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...

Get Static


In this piece, Eric Meyer argues that performance is more important than ever right now — especially for websites that contain critical information for the public: If you are in charge of a web site that provides even slightly important information, or important services, it’s time to...

How to Repeat Text as a Background Image in CSS Using element()


There’s a design trend I’ve seen popping up all over the place. Maybe you’ve seen it too. It’s this sort of thing where text is repeated over and over. A good example is the price comparison website, GoCompare, who used it in a major multi-channel advertising campaign. Nike has used it as well...

Add Beautiful Images with the Unsplash API


Perhaps you know Unsplash? I'd wager it's the most popular stock photography site out there for two big reasons: Every photo on there is pretty darn nice Every photo is entirely free even for commercial use. You don't have to ask permission or even credit it (although that's appreciated). Here's...

China Is Drafting Laws for the Circulation of National Digital Currency


Amid the coronavirus pandemic, China’s central bank has reportedly completed the basic development of the nation’s central bank digital currency. The central bank is now drafting legislation for its circulation, according to local media. A number of patents have revealed what...

How to Animate Text with SVG and CSS


The other day I was helping my pal Jez work Dept. of Enthusiasm, the site for his newsletter, and I had a thought. What if we made the word “enthusiasm” in the title animate a little bit? Like, what if each of the letters in the word bopped up and down enthusiastically? Like this: CodePen Embed...

CSS Viewport Units


Deep dive from Ahmad. I like the coverage of vmin and vmax, which I think I don't reach for as often as I should. I'm thinking that if you are doing something highly directional (e.g. a full bleed trick), then directly using vw is necessary. On the other hand, if you're doing a calculation where...

World’s Largest Banks Losing Stock Value During Weeks Marked by Pandemic


The spreading coronavirus infection is taking a toll on the global economy and traditional financial institutions are already hurting. The world’s largest banks have seen their stocks losing value over the past weeks and months while facing cash withdrawal pressure and preparing to deal with...

An Introduction to MDXJS


Markdown has traditionally been a favorite format for programmers to write documentation. It’s simple enough for almost everyone to learn and adapt to while making it easy to format and style content. It was so popular that commands from Markdown have been used in chat applications like Slack...

Auto-Growing Inputs & Textareas


By default, <input> and <textarea> elements don't change size based on the content they contain. In fact, there isn't any simple HTML or CSS way to make them do that. Kinda funny, as that seems like a reasonable use-case. But of course, there are ways, my friend. There are always...

Privacy Browser Brave Integrates Cryptocurrency Trading Through Binance


Privacy-oriented Brave has launched cryptocurrency trading within its browser. The company announced on Tuesday that over 12 million active monthly users of the privacy browser can now buy and sell cryptocurrencies, view their crypto balances, and obtain deposit addresses without leaving...

Did You Know the Ordered List Element Has Start and Reversed Attributes?


I sure didn't! Tomek Sułkowsi shows how we can reverse the numbering of ordered lists with a simple HTML attribute: <ol reversed<liApple</li<liBanana</li<liPear</li</ol CodePen Embed Fallback And the start attribute can be added to begin the list at a number other...

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