There’s a lot of chatter in the media that software developers will soon lose their jobs to AI. I don’t buy it. It is not the end of programming. It is the end of programming as we know it today. That is not new. The first programmers connected physical circuits to perform each calculation. They were succeeded by programmers writing machine instructions as binary code to be input one bit at a time
ホームページを制作するときに、何度も繰り返し利用するコードは、スニペットとして整理しておくのがオススメです。 スニペットとは「切れ端」「断片」という意味で、コピペで簡単に再利用できるテンプレートのようなもの。 この記事では、コピペで使える便利な最新HTML／CSSスニペットをまとめてご紹介します。 ブラウザ上でHTMLやCSSのコードを編集しながら、リアルタイムでプレビューを確認できるのもポイント。 画面右下にある「Return」キーをクリックすることで、再読み込みでプレビューできます。 コピペできる、保存しておくと便利なHTMLスニペットまとめ 水平方向に無限スクロールするアニメーション 左右どちらへもスクロールするCSSアニメーションで、両サイドはグラデーションでフェードアウトしています。 See the Pen Infinite Scroll Animation by Yoav Ka
Patterns for Reactivity with Modern Vanilla JavaScript – Frontend Masters Blog
“Reactivity” is how systems react to changes in data. There are many types of reactivity, but for this article, reactivity is when data changes, you do things. Reactivity Patterns are Core to Web Development We handle a lot with JavaScript in websites and web apps since the browser is an entirely asynchronous environment. We must respond to user inputs, communicate with servers, log, perform, etc.
CUPID: for joyful coding
What started as lighthearted iconoclasm, poking at the bear of SOLID, has developed into something more concrete and tangible. If I do not think the SOLID principles are useful these days, then what would I replace them with? Can any set of principles hold for all software? What do we even mean by principles? I believe that there are properties or characteristics of software that make it a joy to
How does the old Winston Churchill quote go? Those who fail to learn from history are doomed to repeat it Although a more ironic addendum might add. Those who study history are doomed to stand by while everyone else repeats it. In the past few weeks, we've seen the culmination of a build of excitement around the revival of fine-grained reactivity, being referred to as Signals, across the front-end
The Great CSS Expansion
Pick a reasonably featured web app and audit its nodemodules. Somewhere in there you will find Floating UI or Popper keeping a tooltip anchored to a button. A Radix or Headless UI package managing a modal's focus trap. GSAP ScrollTrigger wiring scroll position to an animation. React Select rebuilding a element was unstyable, every design system built its own from scratch: a hidden native select fo
Over the last couple of years, we’ve seen significant growth of the e18e community and a rise in performance focused contributions because of it. A large part of this is the “cleanup” initiative, where the community has been pruning packages which are redundant, outdated, or unmaintained. One of the most common topics that comes up as part of this is “dependency bloat” - the idea that npm dependen
JSer.info #559 - Web Componentsを扱うライブラリであるLit 2がリリースされました。 Announcing Lit 2 stable release – Lit Lit 2.0 Release Livestream - YouTube Lit 2は今までLitElement 2.xとlit-html 1.xという別々のパッケージになったものを統合していて、litという新しいパッケージ担っています。 classベースのDirectives API、非同期Directives、Reactive Controllersの追加されています。 要素全体に対して影響を与えられるElement expressions、タグ名などに変数を使えるStatic expressionsなども追加されています。 また、実験的にSSRのサポートなども追加されています。 LitElem
Is There a WordPress Replacement in 2026? I Went Looking | Jean Galea
After spending over two decades in the WordPress ecosystem — building sites and plugins, running WP Mayor, and watching the platform evolve — I recently found myself asking a question I never thought I’d ask: is it time to look elsewhere? The question came from an unexpected place. My seven-year-old son wants to build his first website. He’s got ideas — a blog about football, RC cars, retro gaming
The modern guide to React state patterns - LogRocket Blog
When it comes to React applications, state is an integral part of what makes the application dynamic and interactive. Without state, applications would be static and unresponsive to user input. State management is the process of handling the state of an application optimally. It is a crucial part of the development process. In this article, we will take a look at the different state management opt
Published: May 11, 2021 Today, we'll cover new tooling features in Lighthouse, PageSpeed and DevTools to help identify how your site can improve on the Web Vitals. As a refresher on the tools, Lighthouse is an open-source, automated tool for improving the quality of web pages. You can find it in the Chrome DevTools suite of debugging tools and run it against any web page, public or requiring authe
はじめに修正や追加等はコメントまたはGitHubで編集リクエストをお待ちしております。 この記事は、以下のモダンCSSに関する記事のHTML版です。 https://zenn.dev/gmomedia/articles/6ed3718b4c6bc1 せっかくならHTMLもちゃんと学んでみようと思い、最近のHTMLの新機能を改めて学び直したので、アウトプットついでにこの記事を書いています。 HTML Living Standardの時代へ2019年5月28日、W3CとWHATWGは、HTMLとDOM標準の開発をWHATWGが主導することで合意しました。これにより、HTMLは「HTML5」のようなバージョン番号を持つ仕様から、継続的に更新される「HTML Living Standard」へと移行しました。 この変化は単なる管理体制の変更ではなく、HTMLの進化の方向性を示しています。この記事で
Design: #noFramework
Do you need the framework layer?Trendy ones used to be Angular, then React, now Vue.js… others like Ember, Backbone or Knockout have nearly disappeared. Standard ones like Web Components are seldom used, “yet another framework” seem to ship every year, like Svelte, Aurelia, Quik or Fresh and each one is now featuring its server side counterpart (NestJS+Angular Universal, NextJS or Nuxt for the fir
Automated tests are important. Without them, programmers waste a huge amount of time manually checking and fixing their code. Unfortunately, many automated tests also waste a huge amount of time. The easy, obvious way to write tests is to make broad tests that are automated versions of manual tests. But they’re flaky and slow. Folks in the know use mocks and spies (I say “mocks” for short in this
Blinded By the Light DOM
For a while now, Web Components (which I’m not going to capitalize again, you’re welcome) have been one of those things that pop up in the general web conversation, seem intriguing, and then fade into the background again. I freely admit a lot of this experience is due to me, who is not all that thrilled with the Shadow DOM in general and all the shenanigans required to cross from the Light Side t
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The End of Programming as We Know It
コピペできる、保存しておくと便利なHTMLスニペットまとめ
React vs Signals: 10 Years Later
The Three Pillars of JavaScript Bloat
2021-09-28のJS: Lit 2、Gatsby 4 beta、Partytown(Third-Party Script into Worker)
Optimizing Web Vitals using Lighthouse | Articles | web.dev
最近のHTMLを改めてちゃんと学んでみた｜Amemiya Riya
James Shore: Testing Without Mocks: A Pattern Language