Today we’re pushing the source to the Android Open Source Project (AOSP) and officially releasing the latest version of Android. Keep an eye out for Android 12 coming to a device near you starting with Pixel in the next few weeks and Samsung Galaxy, OnePlus, Oppo, Realme, Tecno, Vivo, and Xiaomi devices later this year. As always, thank you for your feedback during Android 12 Beta! More than 225,0
男女間賃金格差の縮小は高齢労働者が高給職に居座っていることが主因だった - himaginary’s diary
という趣旨のNBER論文が上がっている（H/T タイラー・コーエン、ungated(SSRN)版）。論文のタイトルは「One Cohort at a Time: A New Perspective on the Declining Gender Pay Gap」で、著者はJaime Arellano-Bover（イェール大）、Nicola Bianchi（ノースウエスタン大）、Salvatore Lattanzio（イタリア銀行）、Matteo Paradisi（エイナウディ経済金融研究所*1）。 以下はその結論部。 Our examination of the evolution of the gender pay gap over the past four decades reveals a complex story marked by both progress and weak
動き（英: Motion）は、感情を動かすことがよくあり、サイトデザインにとっては、ユーザーを魅了するのに必要なスパイスと言えます。静的なUIデザインに動的なダイナミックさを加え、魅力的に演出することができます。 この記事では、現在人気となっているWebアニメーションとモーショングラフィックスの最新トレンドをまとめて紹介しています。 動きが新感覚！Web制作で参考にしたいUIインタラクション、アニメーション36個まとめ 動きが新感覚！Web制作で参考にしたいUIインタラクション、アニメーション36個まとめ WebアニメーションはLottieがオススメ！基本の使い方完全ガイド【2020年版】 1. 背景アニメーション アニメーションでブランドストーリーを作成したり、楽しい製造工程を見せたり、カリスマ的なアニメーションヒーローをつかってチームを紹介したりすることができます。 ウェブサイトの背景
Untitled (to a man, George McGovern) 2, Dan Flavin. Dia Beacon, 2024.Dear Arc members,You’re probably wondering what happened. One day we were all-in on Arc. Then, seemingly out of nowhere, we started building something new: Dia. From the outside, this pivot might look abrupt. Arc had real momentum. People loved it. But inside, the decision was slower and more deliberate than it may seem. So I wan
Today we are excited to announce the availability of TypeScript 5.8 Beta. To get started using the beta, you can get it through npm with the following command: npm install -D typescript@beta Let’s take a look at what’s new in TypeScript 5.8! Checked Returns for Conditional and Indexed Access Types Consider an API that presents a set of options to a user: /** * @param prompt The text to show to a u
Announcing Playwright for Python: Reliable end-to-end testing for the web - Python
Dev BlogsPythonAnnouncing Playwright for Python: Reliable end-to-end testing for the web Automated end-to-end tests are a powerful tool for your team to ship faster and with more confidence. End-to-end tests automate UI interactions and can validate the functionality of your applications. To this end, we are announcing Playwright for Python in preview today. Playwright enables developers and teste
React Spectrum
React Spectrum A React implementation of Spectrum, Adobe’s design system. Get started • GitHub AccessibleReact Spectrum components are designed with accessibility top-of-mind and include full screen reader and keyboard navigation support. AdaptiveReact Spectrum components are designed to work with mouse, touch, and keyboard interactions. They’re built with responsive design principles to deliver a
Pollen is a highly configurable, responsive library of style-agnostic CSS variables for your next design system. It lets you write faster, more consistent, and more maintainable styles. Made and maintained with ❤️ by the fine people at Bokeh.
GitHub - ToolJet/ToolJet: Low-code platform for building business applications. Connect to databases, cloud storages, GraphQL, API endpoints, Airtable, Google sheets, OpenAI, etc and build apps using drag and drop application builder. Built using JavaScri
ToolJet is an open-source low-code framework to build and deploy internal tools with minimal engineering effort. ToolJet's drag-and-drop frontend builder allows you to create complex, responsive frontends within minutes. Additionally, you can integrate various data sources, including databases like PostgreSQL, MongoDB, and Elasticsearch; API endpoints with OpenAPI spec and OAuth2 support; SaaS too
It’s time to ship. For us (that’s what Innovation Weeks are all about!), and also for our developers. Shipping itself is always fun, but getting there is not always easy. Bringing something from idea to life requires many stars to align. That’s what this week is all about — helping developers, including the two million developers already building on our platform, bring their ideas to life. Buildin
See the discussion of this post on Hacker News. My wife and I decided to make an 8-bit, top-down, Zelda-like game written for the PPU466 (from CMU 15-466 Computer Game Programming course). The PPU466 is a graphics API kind of like the PICO-8 fantasy console, in the sense that it’s restricted to 8-bit graphics, 4 colors per tile, fixed backgrounds, and a low number of sprites. As a part of the game
夢で目が覚めた
style="display:block" data-ad-client="ca-pub-6416405214740568" data-ad-slot="6610627265" data-ad-format="auto" data-full-width-responsive="true">
March 2022 Update: Well the JIT is now the default way of managing Tailwind output generation, so that's cool. Unfortunately, Tailwind's purview has only grown in directions that are breathtaking in their weirdness. I remain as dubious of TW as ever, and in fact have started writing a course specifically designed to teach people how to switch away from Tailwind and use the best of today's "vanilla
a more powerful, ultra fast, user-friendly, compatible grep (that is also completely free!) ugrep release 7.1 Star ugrep installs on MacOS: brew install ugrep MacOS: port install ugrep Windows: winget install Genivia.ugrep Windows: choco install ugrep Windows: scoop install ugrep Alpine: apk add ugrep ugrep-doc Android Termux: pkg install ugrep Arch: pacman -S ugrep CentOS: dnf install ugrep Debia
やべぇ！！
自動更新のカード有効期限切れてるやん！ やっべぇ・・ まじで、やばい！ ブログの独自ドメイン停止されるやん 頑張っていままで、書いてきた記事がパーになっちゃうよぉ・・ 焦る 焦る メールチェックしてなかったのと カード更新し忘れていたのが 悪かった しまったっ！！ ヤバイ！！ 慌てて帰宅し 即 更新手続きと登録カードの更新！！ はぁ～(*´Д｀) 何とか間に合った・・・ 気付くのが後一日遅かったら 今までの苦労が水の泡でした・・・ しょうもないブログでも 今まで書いてきた苦労が・・ 良かったよぉ・・間に合って・・・ 今度からメールチェック、まめにしなきゃなぁ＾＾： style="display:block" data-ad-client="ca-pub-6416405214740568" data-ad-slot="6610627265" data-ad-format="auto" dat
Resurgence of covid-19 in Japan
News & Views Resurgence of covid-19... Resurgence of covid-19 in Japan Editorials Resurgence of covid-19 in Japan BMJ 2020; 370 doi: https://doi.org/10.1136/bmj.m3221 (Published 18 August 2020) Cite this as: BMJ 2020;370:m3221 Kazuki Shimizu, researcher1 2, George Wharton, senior lecturer in practice1, Haruka Sakamoto, project researcher3, Elias Mossialos, Brian Abel-Smith professor of health poli
2024.01.05 2024.08.04 Webデザイン 【2024年版】レスポンシブデザインのブレイクポイントまとめ！ 粟飯原匠 |プロデューサー マーケティングを得意とするホームページ制作会社PENGINの代表。教育系スタートアップで新規事業開発を経験し、独立後は上場企業やレガシー産業のホームページ制作・SEO対策・CVR改善の支援を行うPENGINを創業。「ワクワクする。ワクワクさせる。」を理念に掲げてコツコツと頑張っています。 今回はレスポンシブデザインのブレイクポイントについてまとめました。 ポイントを決める際の考え方も含めて、順を追って解説していきます。 また、単位の使い分けについてはこちらの記事でまとめていますので、よかったらご覧ください。
Googleが現地時間の2024年5月14日に開催した開発者向けイベントの「Google I/O」で、映像や音声を理解してリアルタイムで質問に答えてくれるAIエージェント「Project Astra(Astra)」を発表しました。実際に、ユーザーがスマートフォンとスマートグラスのカメラで撮影した物事について、Astraにあれこれ質問しているデモ動画も公開されています。 Google Gemini updates: Flash 1.5, Gemma 2 and Project Astra https://blog.google/technology/ai/google-gemini-update-flash-ai-assistant-io-2024/ Google strikes back at OpenAI with “Project Astra” AI agent prototype |
My First CSSWhat I Wish I Knew About CSS When Starting Out As A Frontender CSS can be hard to grasp when you're starting out. It can seem like magic wizardry and you can very easily find yourself playing whack-a-mole adjusting one property only to have something else break. It is frustrating, and that was my experience for quite a long time before things suddenly seemed to "click". Reflecting back
The evolution of scalable CSSA deep dive into the problems with scaling CSS on large projects. Understand the evolution of CSS best practices. IntroductionHow we write and think about CSS has changed significantly since the web’s beginning. We’ve come a long way from table-based layouts, to responsive web design, and now into a new era of adaptive layouts powered by modern CSS features. Managing a
オーバーレイ ファクトシート
Webアクセシビリティ オーバーレイとは何ですか？オーバーレイは、Webサイトのアクセシビリティを向上させることを目的とした技術の総称です。サードパーティのソースコード（多くはJavaScript）を読み込み、フロントエンドコードを改善します。 アクセシビリティの向上を謳うWebサイトのアドオン製品は、1990年代後半に登場したReadspeakerやBrowsealoudに遡ります。これらは、インストールされたWebサイトにテキストの読み上げ機能を追加するものでした。 その後、そのようなソフトウェアに機能を追加した類似製品が、市場に出回るようになりました。それらは、読みやすさを向上させるために、ユーザーのニーズに基づき文字サイズや色などをコントロールするものです。 最近のオーバーレイ製品のなかには、支援技術からのアクセスのしやすさを妨げる問題を修正することを目的としているものがあります。
通知UIを改善している話
Fashionably flexible responsive web design (full day workshop)
【Cocoon】レスポンシブテストが出来ない時のスマホ画面確認
WordPressの無料テーマ「Cocoon」は非常に優れたテーマです。無料ながら様々なことができるので、ブログを書く作業がとても助かります。 今回の記事は、Cocoonで下書き中の記事の「レスポンシブテスト」が出来なくなった際の対応方法について書いておこうと思います。以下の対処方法を知っていれば、問題なくスマホ画面の表示確認ができるはずです！ ※なおレスポンシブテストが出来ないのはWordPressの仕様によるものです。
Announcing Observable 2.0
Today we’re launching Observable 2.0 with a bold new vision: an open-source static site generator for building fast, beautiful data apps, dashboards, and reports. Our mission is to help teams communicate more effectively with data. Effective presentation of data is critical for deep insight, nuanced understanding, and informed decisions. Observable notebooks are great for ephemeral, ad hoc data ex
Aspect ratio is most commonly expressed as two integers and a colon in the dimensions of: width:height, or x:y. The most common aspect ratios for photography are 4:3 and 3:2, while video, and more recent consumer cameras, tend to have a 16:9 aspect ratio. Two images with the same aspect ratio. One is 634 x 951px while the other is 200 x 300px. Both have a 2:3 aspect ratio. With the advent of respo
今のレスポンシブ検索広告の仕様は本当にツラいからぜひ Google には考え直してもらいたい - ブログ - 株式会社JADE
2022年6月30日以降（※）、Google 広告 では、検索広告の広告フォーマットとしては拡張テキスト広告が作成できなくなり、レスポンシブ検索広告しか作成できなくなりました。 ※厳密には、広告アカウントごとに多少異なります 様々な検索ユーザーの行動による、複雑で多様な広告表示機会に対してどういった広告テキストを表示するか、広告システム全体の進化としての方向性としては理解できます。 しかし、このままだとものすごく不便で不都合が生じ続けます。 ですので、仕様を見直してほしいと強く願っています。 4つ以上のリンク先URLを使いたいときに困る 例えば、 次の4つの商品とそれらの商品詳細ページをあるとします コーナーソファ リクライニングソファ カウチソファ ソファーベッド 「ソファ」と検索する人にそれぞれ表示してどれが反応いいか検証したいとします 次のような構成で、1つの広告グループを作りたい、
Using localStorage in Modern Applications: A Comprehensive Guide When it comes to client-side storage in web applications, the localStorage API stands out as a simple and widely supported solution. It allows developers to store key-value pairs directly in a user's browser. In this article, we will explore the various aspects of the localStorage API, its advantages, limitations, and alternative sto
When a single-page application needs to fetch data from a remote source, it needs to do so while remaining responsive and providing feedback to the user during an often slow query. Five patterns help with this. Asynchronous State Handler wraps these queries with meta-queries for the state of the query. Parallel Data Fetching minimizes wait time. Fallback Markup specifies fallback displays in marku
ShapeDividers.com The easiest way to add vertical, responsive or animated Shape Dividers to your websites. This tool is available only from a desktop computer. We recommend that you email yourself this page and come back from your computer! While you are here, have a look at the features! Features ➔
本日、通院日
style="display:block" data-ad-client="ca-pub-6416405214740568" data-ad-slot="6610627265" data-ad-format="auto" data-full-width-responsive="true">
If you ever tried to learn guitar, chances are you are familiar with guitar tablatures. It is a simple way to visualize music for guitar, using ASCII characters to represent strings and frets as an alternative to sheet music. For instance, here are the first four measures of the song "Smoke on the Water" by Deep Purple: e|-----------------|-----------------|-----------------|-----------------| B|-
GitHub - slint-ui/slint: Slint is a declarative GUI toolkit to build native user interfaces for Rust, C++, or JavaScript apps.
Slint is a declarative GUI toolkit to build native user interfaces for embedded, desktop, and mobile applications written in Rust, C++, JavaScript, or Python. The name Slint is derived from our design goals: Scalable: Slint should support responsive UI design, allow cross-platform usage across operating systems and processor architectures and support multiple programming languages. Lightweight: Sl
郵便物が送られてくるたびビクビクする毎日
style="display:block" data-ad-client="ca-pub-6416405214740568" data-ad-slot="6610627265" data-ad-format="auto" data-full-width-responsive="true">
Responsive Design Today Today, when using the term: "responsive design", you are most likely thinking about using media queries to change layout when resizing a design from mobile size, to tablet size, through to desktop size. But soon, this perception of responsive design may be considered as outdated as using tables for page layout. Viewport-based media queries give you some powerful tools, but
【Google 広告】RSAのアセット毎データをLooker Studioで自動化する方法を見つけたので共有申し上げます【改訂版】 - ブログ - 株式会社JADE
※2023年8月10日追記 この記事の手順通りにレポートを作成して「データセットの設定エラー」になることがあるという連絡を何件かいただきました。 エラーになるケースとならないケースがあるようですが、弊社では再現できていなく、公式の情報も見当たらなく原因はわかっておりません。 推測としてはデータソースを作成するときの条件や、広告アカウントごとにデータソースの仕様が異なることなどが考えられますが、詳細は不明です。 何か判明し次第本記事あるいはSNSなどでお知らせします。 「JADEのブログを見て作った”レスポンシブ検索広告のアセット毎のデータのレポート”が使えなくなってしまった」と困っていらっしゃった方、お待たせいたしました。 改めまして、JADEで広告運用を中心にしている畑田です！ 2023年2月に公開した「RSAのアセット毎データを見るためのレポートの作成方法」ですが、2023年6月時点で
17 Navigation Menus Made With Only CSS (No JavaScript) - 1WD
We’ve been on a kick lately here at 1WD, looking at ways to code things in pure CSS without utilizing JavaScript, not because we don’t like JavaScript, but when you can avoid using it and still accomplish what you set out to do, why not? So today we’ve gathered 17 examples of navigation menus coded this way. Have a gander and see if there are any you can use in your future projects. Your Web Desig
Welcome to WWDC25! We’ve got lots of exciting announcements about web technology to share with you this week. Don’t miss our seven sessions, including What’s new in Safari and WebKit. Today brings the beta of Safari 26, with 67 new features and 107 improvements. We’ll take a tour of them all in this article. But first — Safari 26? Where is Safari 19? You might have seen today during the WWDC25 Key
Designing a Dataflow Editor With TypeScript and React | Protocol Labs Research
This is a design report – a story about the tradeoffs and challenges that we encountered while building a medium-complexity React component in TypeScript. These include state modeling (“making illegal states unrepresentable”) basic type-level programming in TypeScript DX patterns for generically typed React components DX patterns for reusable controlled components using a Redux-like action/dispatc
Beyond Media Queries: Using Newer HTML & CSS Features for Responsive Designs | CSS-Tricks
Beyond Media Queries: Using Newer HTML & CSS Features for Responsive Designs Beyond using media queries and modern CSS layouts, like flexbox and grid, to create responsive websites, there are certain overlooked things we can do well to make responsive sites. In this article, we’ll dig into a number tools (revolving around HTML and CSS) we have at the ready, from responsive images to relatively new
こんにちは。旅行プラットフォーム部エンジニアの東川です。 フォルシアではフロントエンドフレームワークとして Next.js を使用していますが、2020年は Next.js にとって激動の年であったといえます。 この 1 年間でバージョンは 9.1 から 10.0 に上がり、SSG(Static Site Generation), ISG(Incremental Static Generation)などの新機能が次々に追加されました。 10 月 27 日に Next.js のカンファレンス Next.js Conf の開催と同時に Next.js バージョン 10.0 が発表されました。 国際化に対応したルーティング、Next.js Analytics, Next.js Commerce, React17 対応など数多くの新機能とバージョンアップが発表されましたが、next/image は
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Android 12 is live in AOSP!
2020-2021年に注目！Webサイトアニメーションの人気トレンド7個まとめ
Letter to Arc members 2025
Announcing TypeScript 5.8 Beta - TypeScript
Introducing Pollen | Pollen
Welcome to Developer Week 2024
A* Tricks for Videogame Path Finding | Tim Mastny
Why Tailwind Isn't for Me
The ugrep file pattern searcher
【2024年版】レスポンシブデザインのブレイクポイントまとめ！ - 株式会社PENGIN
Googleが映像と音声を理解して質問に答えるGPT-4oっぽいAIエージェント「Project Astra」を発表
MY FIRST CSS | Kablamo Engineering Blog
The evolution of scalable CSS
The CSS aspect-ratio property | Articles | web.dev
Using localStorage in Modern Applications - A Comprehensive Guide | RxDB - JavaScript Database
Data Fetching Patterns in Single-Page Applications
SVG Shape Dividers Generator Tool
Playing guitar tablatures in Rust
The new responsive: Web design in a component-driven world | Articles | web.dev
News from WWDC25: WebKit in Safari 26 beta
Next.js 10 の新機能 next/image のオプション全部触ってみる