Search

Nalezeno "Link": 1995

Get Moving (or not) with CSS Motion Path


We just linked up the idea that offset-path can be cleverly used to set type on a path. Don't miss Michelle Barker's experimentation either, with drawing paths or animating text along a path. Dan Wilson has also been following this tech for quite a while and points out why the sudden surge...

Full Stack Panic


A new podcast from Sean Fioritto inspired by Joel Califa's term "Full Stack Anxiety". ... the little voice in your head says ... “I should know all of this. Do I even know what I'm doing?” Why do web developers the world over feel like this? There is an episode with Joel talking about it as well...

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

Lightning-Fast Web Performance


If you're interested in leveling up your knowledge and skill of web performance, you can't do better than learning directly from Scott Jehl. Direct Link to Article — Permalink… Read article The post Lightning-Fast Web Performance appeared first on CSS-Tricks

“resize: none;” on textareas is bad UX


Catalin Rosu: Sometimes you need to type a long reply that consists of many paragraphs and wrapping that text within a tiny textarea box makes it hard to understand and to follow as you type. There were many times when I had to write that text within Notepad++ for example and then just paste...

Free Website Builder + Free CRM + Free Live Chat = Bitrix24


(This is a sponsored post.) You may know Bitrix24 as the world’s most popular free CRM and sales management system, used by over 6 million businesses. But the free website builder available inside Bitrix24 is worthy of your attention, too. Why do I need another free website/landing...

Apollo GraphQL without JavaScript


It's cool to see progressive enhancement being done even while using the fanciest of the fancy front-end technologies. This is a button in a JSX React component that has a click handler applied directly to it that fires a data mutation Ajax request through Apollo GraphQL. That is about the least...

aviationstack


(This is a sponsored post.) I wonder how many startup ideas have something to do with air travel? 🤔 It's such a big industry with so many pain points its no wonder that it inspires ideas for building new products. Here's the thing about a lot of startup ideas: you need data. Chances...

Woodworking SVG (and Other Real Life Encounters)


Eric Meyer does his woodworking math in SVG. I’ve been hand-coding SVG schematics to figure out how thing should go together, and as a by-product, guide me in both material buying and wood cutting. This might sound hugely bespoke and artisanally overdone, but they’re not that complicated, and...

Simple Image Placeholders with SVG


A little open-source utility from Tyler Sticka that returns a data URL of an SVG to use as an image placeholder as needed. I like the idea of self-running utilities like that, rather than depending on some third-party service, like placekitten or whatever. Not that I'd advocate for feature...

“Browser Functions”


Serverless functions are fairly straightforward. Put a bit of back-end language code, like Node, in the cloud and communicate with it via URL. But what if that URL didn't run a back-end language, it ran an actual browser? Richard Young: We can now do full stack development using just Web APIs....

Playwright


So Microsoft launches a Node-based browser automation project called Playwright. It allows you to spin up a headless version of a browser and control it. Go here! Click something! Take a screenshot! That kind of stuff. Particularly useful for testing. It's just like Google's Puppeteer, only...

Bundling JavaScript for Performance: Best Practices


Performance advice from David Calhoun on how many scripts to load on a page for best performance: [...] some of your vendor dependencies probably change slower than others. react and react-dom probably change the slowest, and their versions are always paired together, so they...

Min and Max Width/Height in CSS


Here's a nice deep dive into min-width / min-height / max-width / max-height from Ahmad Shadeed. I like how Ahmad applies the properties to real-world design situations in addition to explaining how it works. In the very first demo, for example, he shows a button where min-width is used as a method...

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