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
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.
Container queries land in stable browsers Stay organized with collections Save and categorize content based on your preferences. This Valentine's day, we're celebrating size container queries and container query units landing in all stable browsers. Container query love is in the air! This Valentine’s day, size container queries and container query units are stable in all modern browsers. With con
Design for the iPadOS pointer - WWDC20 - Videos - Apple Developer
Streaming is available in most browsers, and in the WWDC app. Bring the power of the pointer to your iPad app: We'll show you how Apple's design team approached designing the iPadOS pointer to complement touch input, and how you can customize and refine pointer interactions in your app to make workflows more efficient and gratifying. Discover how the pointer's adaptive precision enables people to
GitHub - wstaeblein/texthighlighter: Vanilla JS class to highlight search results in a textarea while maintaining the area's functionality
No dependencies. No configuration. Just instantiate the class and call a method. Can be used in as many textareas as needed, just instantiate for each one. Responsive. The markings will adjust to screen size, textarea size and scroll. Keeps the original background from the textarea. Can be properly destroyed. Will remove all events and structure. Can choose between case sensitive and insensitive s
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
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, I wanted our monsters to chase the player. So
夢で目が覚めた
style="display:block" data-ad-client="ca-pub-6416405214740568" data-ad-slot="6610627265" data-ad-format="auto" data-full-width-responsive="true">
Interaction to Next Paint (INP) Stay organized with collections Save and categorize content based on your preferences. Interaction to Next Paint (INP) is a stable Core Web Vital metric that assesses page responsiveness using data from the Event Timing API. INP observes the latency of all click, tap, and keyboard interactions with a page throughout its lifespan, and reports the longest duration, ig
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
【Google Adsense】令和元年8月（12か月目）の収益をプレミアムな方法で発表します - greenの日記
こんにちは、greenです。平成30年9月26日からアドセンスの運用を開始し、令和4回目（平成も含むと12回目）の8月収益発表になります。1年も報告していると飽きてきました。そう、読者の方も飽きてきた思いますので、今までありがとうございました。 (人''▽｀) 若干話しは変わりますが、8月28日にアドセンスさんから「増収につながる最適化案をご確認ください」という件名でメールが来ました。 ｷﾀ――(ﾟ∀ﾟ)――!!Google Adsenseの選ばれし者に開放される 関連コンテンツユニットかと思い、 ドキドキしながらメールを開き、 ヒントを確認しました。 すると、 現在、最適化案はありません 最適化案がないのに、思わせぶりなメール😢 本題に戻り、2019年9月のアドセンス収益発表も、栄一さん、梅子さん、三郎さんではなく、今までと同じく諭吉さん、一葉さん、英世さんでもなく、前回と同じくプレミ
In the ever-evolving world of cloud software, Deno aims to radically simplify. Leveraging public cloud infrastructure has traditionally demanded sifting through layers of boilerplate code and intricate configurations, often monopolizing a significant chunk of the developer’s time and energy. Our goal is to distill these intricacies into user-friendly primitives, enabling developers to design, refi
a more powerful, ultra fast, user-friendly, compatible grep (that is also completely free!) ugrep release 5.1 ugrep installs on MacOS: brew 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 Debian: apt-get install ugrep Fedora
やべぇ！！
自動更新のカード有効期限切れてるやん！ やっべぇ・・ まじで、やばい！ ブログの独自ドメイン停止されるやん 頑張っていままで、書いてきた記事がパーになっちゃうよぉ・・ 焦る 焦る メールチェックしてなかったのと カード更新し忘れていたのが 悪かった しまったっ！！ ヤバイ！！ 慌てて帰宅し 即 更新手続きと登録カードの更新！！ はぁ～(*´Д｀) 何とか間に合った・・・ 気付くのが後一日遅かったら 今までの苦労が水の泡でした・・・ しょうもないブログでも 今まで書いてきた苦労が・・ 良かったよぉ・・間に合って・・・ 今度からメールチェック、まめにしなきゃなぁ＾＾： 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
Responsive Viewer
Show multiple screens once, Responsive design tester A Chrome extension to show multiple screens in one view. the extension will help front-end developers to test multiple screens while developing responsive websites/applications. icon by Dima Hamayunau (https://dribbble.com/abybe). Clarification on privacy: The extension does not track or collect any of your data, it's even not connected to any s
The organization of space is key to every great design. Spatial systems, grids, and layouts provide rules that give your designs a consistent rhythm, constrain decision making, and help teams stay aligned. This foundational scaffolding is a requirement for all design systems. In this guide, we’ll walk through the basics of defining spatial base units, creating relationship rules with grids, and br
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
お父さんの寿命は50年: 貧乏暇なし金もなし
style="display:block" data-ad-client="ca-pub-6416405214740568" data-ad-slot="4613116638" data-ad-format="auto" data-full-width-responsive="true">
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
【Cocoon】レスポンシブテストが出来ない時のスマホ画面確認
WordPressの無料テーマ「Cocoon」は非常に優れたテーマです。無料ながら様々なことができるので、ブログを書く作業がとても助かります。 今回の記事は、Cocoonで下書き中の記事の「レスポンシブテスト」が出来なくなった際の対応方法について書いておこうと思います。以下の対処方法を知っていれば、問題なくスマホ画面の表示確認ができるはずです！ ※なおレスポンシブテストが出来ないのはWordPressの仕様によるものです。
Announcing Playwright for Python: Reliable end-to-end testing for the web - Python
Announcing 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 testers to write rel
Have you ever been frustrated from interacting with a website that was slow to respond to your clicks or had jerky scrolling? Performance flaws like these can lead to the following: Rage clicking Increased bounce rates and decreased conversion rates Lower search engine ranking For more than three years, Wikipedia's mobile site suffered from a piece of JavaScript that could take over 600ms to execu
Useful DevTools Tips and Tricks — Smashing Magazine
You might think you know all the tricks when it comes to browser DevTools, but did you know that there are dozens of panels and hundreds of features waiting to supercharge your debugging workflow? Whatever your debugging use case is, there’s probably a tool that’s right for the job. Let’s discover the most popular DevTools tips that can boost your productivity. When it comes to browser DevTools, w
動き（英: Motion）は、感情を動かすことがよくあり、サイトデザインにとっては、ユーザーを魅了するのに必要なスパイスと言えます。静的なUIデザインに動的なダイナミックさを加え、魅力的に演出することができます。 この記事では、現在人気となっているWebアニメーションとモーショングラフィックスの最新トレンドをまとめて紹介しています。 動きが新感覚！Web制作で参考にしたいUIインタラクション、アニメーション36個まとめ 動きが新感覚！Web制作で参考にしたいUIインタラクション、アニメーション36個まとめ WebアニメーションはLottieがオススメ！基本の使い方完全ガイド【2020年版】 1. 背景アニメーション アニメーションでブランドストーリーを作成したり、楽しい製造工程を見せたり、カリスマ的なアニメーションヒーローをつかってチームを紹介したりすることができます。 ウェブサイトの背景
The microphone in Windows can be a security concern. Manage your privacy by muting the microphone or disabling it when not in use. Today, surveillance techniques exist that can remotely activate your webcam or microphone without your knowledge. That makes any interface device like a microphone a big privacy concern. If you want to stay on the safe side, you might prefer to disable the microphone o
The Firefox UI is now built with Web Components - Brian Grinstead
A couple of weeks ago, we landed a commit that took years of effort at Mozilla. It removed “XBL”, which means we’ve completed the process of migrating the Firefox UI to Web Components. It wasn’t easy - but I’ll get to that later. The Firefox UI can be thought of as a very large single page app. It was built with DOM and JS from the start, which was a bold technology choice for a native application
Aspect ratio 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 ad
People have been talking about the best way to sort your utility classes in Tailwind projects for at least four years. Today we’re excited to announce that you can finally stop worrying about it with the release of our official Prettier plugin for Tailwind CSS. This plugin scans your templates for class attributes containing Tailwind CSS classes, and then sorts those classes automatically followin
今のレスポンシブ検索広告の仕様は本当にツラいからぜひ Google には考え直してもらいたい - ブログ - 株式会社JADE
2022年6月30日以降（※）、Google 広告 では、検索広告の広告フォーマットとしては拡張テキスト広告が作成できなくなり、レスポンシブ検索広告しか作成できなくなりました。 ※厳密には、広告アカウントごとに多少異なります 様々な検索ユーザーの行動による、複雑で多様な広告表示機会に対してどういった広告テキストを表示するか、広告システム全体の進化としての方向性としては理解できます。 しかし、このままだとものすごく不便で不都合が生じ続けます。 ですので、仕様を見直してほしいと強く願っています。 4つ以上のリンク先URLを使いたいときに困る 例えば、 次の4つの商品とそれらの商品詳細ページをあるとします コーナーソファ リクライニングソファ カウチソファ ソファーベッド 「ソファ」と検索する人にそれぞれ表示してどれが反応いいか検証したいとします 次のような構成で、1つの広告グループを作りたい、
ProductA better logs experience with GitHub ActionsIt’s now even easier to review logs from your GitHub Actions workflow runs. We’ve introduced several improvements to make the experience more performant, precise, and pleasing to use. Why these… It’s now even easier to review logs from your GitHub Actions workflow runs. We’ve introduced several improvements to make the experience more performant,
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
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 ➔
ProductCopilot in GitHub Support is now available!Experience AI-powered assistance for queries related to GitHub topics. We’re excited to announce the general availability of a powerful new AI tool designed to help you find answers to your GitHub-specific questions in a fast, self-directed way. Copilot in GitHub Support is trained on the official GitHub documentation and offers a responsive conver
EnterpriseProductGitHub Enterprise Server 2.22 is hereGitHub Enterprise Server 2.22 is now here with GitHub Actions, Packages and Advanced Security Code Scanning available for the very first time. Today, we’re releasing our biggest ever update to GitHub Enterprise Server! In this release, we’ve brought GitHub Actions and Packages to Enterprise Server for the very first time. That means you can now
本日、通院日
style="display:block" data-ad-client="ca-pub-6416405214740568" data-ad-slot="6610627265" data-ad-format="auto" data-full-width-responsive="true">
作成したWebサイトやアプリのデザインをスマートフォンの画面にはめたり、ロゴをパッケージに追加したり、よりリアルなイメージで伝えることができるモックアップ。 この記事では、2019年上半期公開のPhotoshop無料モックアップ素材を厳選し、カテゴリ別にまとめています。ありとあらゆるデザインバラエティがが増えており、フォトショップのスマートオブジェクト機能を利用した、数クリックのみのラクラク編集も魅力です。 モックアップ素材の詳しい使い方は以下のエントリーを参考にどうぞ。 モックアップでデザイン力を上げる！手軽で無料のPSDファイル50選 コンテンツ目次 1. 飲料ボトル系モックアップ 2. パッケージ系モックアップ 3. ポスター系モックアップ 4. アパレル系モックアップ 5. シーンクリエイター 6. ステーショナリー系モックアップ 7. 紙系モックアップ 8. 広告系モックアップ
Fashionably flexible responsive web design (full day workshop)
Utopia
Elegantly scale type and space without breakpoints Instead of tightening our grip by loading up on breakpoints, we can let go, embracing the ebb and flow with a more fluid and systematic approach to our design foundations Define type and space scales for a small screen Define type and space scales for a large screen Tell the browser to interpolate between the two scales, based on the current viewp
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Introducing Pollen | Pollen
Container queries land in stable browsers | Blog | web.dev
A* Tricks for Videogame Path Finding | Tim Mastny
Interaction to Next Paint (INP) | Articles | web.dev
Why Tailwind Isn't for Me
Announcing Deno Queues
The ugrep file pattern searcher
Spacing, grids, and layouts
Googleが映像と音声を理解して質問に答えるGPT-4oっぽいAIエージェント「Project Astra」を発表
MY FIRST CSS | Kablamo Engineering Blog
The evolution of scalable CSS
300ms Faster: Reducing Wikipedia's Total Blocking Time
2020-2021年に注目！Webサイトアニメーションの人気トレンド7個まとめ
How to Mute or Turn Off the Microphone in Windows 10
New aspect-ratio CSS property supported in Chromium, Safari Technology Preview, and Firefox Nightly | Articles | web.dev
Automatic Class Sorting with Prettier - Tailwind CSS
A better logs experience with GitHub Actions
Using localStorage in Modern Applications - A Comprehensive Guide | RxDB - JavaScript Database
SVG Shape Dividers Generator Tool
Copilot in GitHub Support is now available!
GitHub Enterprise Server 2.22 is here!
2019年上半期ベスト“無料モックアップ”は？Photoshopで使えるPSDデザイン素材106個まとめ
perl_in_2023spring.pdf