React Native 0.76 with the New Architecture by default is now available on npm! In the 0.76 release blog post, we shared a list of significant changes included in this version. In this post, we provide an overview of the New Architecture and how it shapes the future of React Native. The New Architecture adds full support for modern React features, including Suspense, Transitions, automatic batchin
出るのは金とため息ばかり・・・
style="display:block" data-ad-client="ca-pub-6416405214740568" data-ad-slot="6610627265" data-ad-format="auto" data-full-width-responsive="true">
Joy Shaheb Posted on Mar 4, 2021 • Edited on Jun 11, 2021 • Originally published at freecodecamp.org Today we're gonna learn CSS Grid properties so that you can make your own responsive sites. I'll explain how each of Grid's properties work along with a CheatSheet that covers everything you can do with Grid. Let's Go 🎖️ Table of Contents : Grid Architecture Parent Properties grid-template-columns
Hey! We're getting really close to releasing React + Vue support for Tailwind UI, so I thought it would be interesting to share some of the behind-the-scenes efforts that have gone into even making it possible. Grab some popcorn... The Backstory From the day we started working on Tailwind UI somewhere in mid-2019 I knew that ultimately it would be 10x more valuable to people if they could grab ful
WebKit Features in Safari 18.4
Safari 18.4 is here! It includes 84 new features, including a completely new declarative mechanism for sending Web Push notifications, lots of CSS including a brand-new shape() function, P3 & translucency for the HTML color picker, media formats with more robust support for recording, new Web APIs including modern popover manipulation, new JavaScript features like Iterators, a faster way to jump t
【即戦力!!】すぐに使いこなせる 4つのおすすめChrome拡張機能 【Google Chrome】 | AndHA Blog
【即戦力!!】すぐに使いこなせる 4つのおすすめChrome拡張機能 【Google Chrome】 公開日 : 2022.02.16 最終更新日 : 2022.05.30 ディレクション 調べ物や競合調査、検証など業務時間の大半をGoogle Chromeと過ごしている僕ですが、今回はWeb制作に関わる際に非常に役立つ拡張機能を皆さんに共有したいと思います。 WhatFontWhatFont このプラグインはアクティブにすることで、使用されているフォントの種類やサイズ・スタイルなどをわかりやすく教えてくれる拡張機能です！ テストアップされたサイトのフォントバランスや文字サイズが適正かどうかのチェックなど、かなりの頻度で使用しています。 Responsive ViewerResponsive Viewer こちらは、各デバイスやウィンドウサイズでの見え方を一覧で表示してくれる拡張機能です。
WordPress 5.8 をチェックしています
WordPress5.8 Beta が 公開されました。 WordPress5.8 は 2021年7月20日に リリースされる予定なので いろいろチェックをしています。 その中の WordPress5.8 で気がついたところを取り上げていきます。 これから追加・変更があるかもですので、説明や画像等がリリース時と違う場合もありますが随時チェックしていく予定です。 リリースまでのスケジュールは WordPress 5.8 Development Cycle に載っています。 WordPress 5.8 Beta1 https://wordpress.org/news/2021/06/wordpress-5-8-beta-1/ WordPress 5.8 Beta2 https://wordpress.org/news/2021/06/wordpress-5-8-beta-2/ WordPres
At long last, I've finally released my newest creation: Sudo Haiku! It's meant to be a successor to Hatena Haiku, Hatena's mini-blog service that was closed several years ago, and is my second service acting as a revival of a closed Hatena service, a tradition which I may continue. Before I go any further, I'd like to make a mention of something that I find important. I've made the choice to not a
You Don't Need Rails to Start Using Hotwire Although Hotwire is closely tied to Ruby on Rails, you might be surprised to know that you don't really need Rails to learn, play, and experiment with Hotwire. In this article, we'll build a simple static site that uses Turbo Drive + Frames to make it responsive and use Streams to make it dynamic. Update: I originally published this post few months ago,
25th May 2025 Anthropic publish most of the system prompts for their chat models as part of their release notes. They recently shared the new prompts for both Claude Opus 4 and Claude Sonnet 4. I enjoyed digging through the prompts, since they act as a sort of unofficial manual for how best to use these tools. Here are my highlights, including a dive into the leaked tool prompts that Anthropic did
Test generator | Playwright
Introduction Playwright comes with the ability to generate tests for you as you perform actions in the browser and is a great way to quickly get started with testing. Playwright will look at your page and figure out the best locator, prioritizing role, text and test id locators. If the generator finds multiple elements matching the locator, it will improve the locator to make it resilient that un
The Art of Design Spec'ing
Let's learn more about design specs, how to create them, and how they smooth out the hand-off process between design and engineering. What are design specs? Design specs (short for specifications) are the instructions attached with a design file to help the front-end engineers with the implementation of the UI of a web or a mobile app. A bit of history In the past, these instructions needed to cov
Better JS scheduling with isInputPending() | Capabilities | Chrome for Developers
Loading fast is hard. Sites that leverage JS to render their content currently have to make a trade-off between load performance and input responsiveness: either perform all the work needed for display all at once (better load performance, worse input responsiveness), or chunk the work into smaller tasks in order to remain responsive to input and paint (worse load performance, better input respons
終わりました、全統小。 睡眠もしっかりとり、朝食もお腹いっぱい食べ、今朝少し復習をして臨みました。 約1時間の拘束時間ですが、テスト自体の時間は30分程度でした。前回同様に先生が問題を読み上げます。読み上げ→解答を繰り返すやり方で、読んでいる間は鉛筆を持ってはいけません。新一年講座と同じ校舎で受けましたが、教室はいつもの場所とは違い、先生も担任とは別の方でした。受けている周りの子どもも8割知らない子だったと息子が言っていました。ですので、ある程度緊張感をもって臨めたようです。後日受験の方もいらっしゃいますので、詳細はまた別の機会にします。 全部解き終わり感想を聞いてみると 「簡単だった！難しい問題は2、3問あった。でも100点だと思う」とのこと。 data-full-width-responsive="false" 解答をその場でもらえたので、「早く答え合わせしたい！」と言われたので近くの
Mantine UI
Mantine UI 123 responsive components built with MantineBuild your next website even faster with premade responsive components designed and built by Mantine maintainers and community. All components are free forever for everyone.
Move over JavaScript: Back-end languages are coming to the front-end
Move over JavaScript: Back-end languages are coming to the front-end A new crop of server-side tools is making it possible to build web UIs without JavaScript. Klint Finley // February 8, 2022 In the early days of networked computing, mainframes did all the heavy lifting: users connected to massive machines with video terminals that could do little more than send and receive text. Then in the 1970
Update: As of Tailwind CSS v2.1, the new Just-in-Time engine is included right in Tailwind CSS itself, so you don't need the @tailwindcss/jit package anymore. Learn more in the documentation. One of the hardest constraints we've had to deal with as we've improved Tailwind CSS over the years is the generated file size in development. With enough customizations to your config file, the generated CSS
シャノン・マターン『都市はコンピュータではない』で考えるスマートシティ的発想の限界と都市の多様性 - YAMDAS現更新履歴
voicy.jp 佐々木俊尚さんの「毎朝の思考」で面白そうな本を知った。 ニュースクール大学の人類学の教授である Shannon Mattern の新刊『A City Is Not a Computer（都市はコンピュータではない）』である。 A City Is Not a Computer: Other Urban Intelligences (Places Books) 作者:Mattern, ShannonPrinceton Univ PrAmazon A City Is Not a Computer: Other Urban Intelligences (Places Books Book 2) (English Edition) 作者:Mattern, ShannonPrinceton University PressAmazon placesjournal.org この本は、彼
2022 is shaping up to be a pretty great year for CSS, with a plethora of new features on the horizon. Some are already starting to land in browsers, others are likely to gain widespread browser support in 2022, while for one or two the process may be a little longer. In this article we’ll take a look at a few of them. Container queries enable us to style an element depending on the size of its par
Rethinking Text Resizing on Web
Airbnb has made significant strides in improving web accessibility for Hosts and guests who require larger text sizes. This post takes an in-depth look at: The problems encountered on mobile web when relying solely on browser zoom.The challenges of introducing changes that would impact the workflow of all frontend engineers.The benefits seen since launching these accessibility improvements.by: Ste
GitHub - tamagui/tamagui: Style React fast with 100% parity on React Native, an optional UI kit, and optimizing compiler.
@tamagui/core - Universal style library for React. @tamagui/static - Optimizing compiler that works with core and tamagui. tamagui - UI kit that adapts to every platform. See tamagui.dev for documentation. Tamagui lets you share more code between web and native apps without sacrificing the two things that typically suffer when you do: performance and code quality. It does this with an optimizing c
今年サボった勉強を冬休みで全部取り戻す計画
どうも、仕事を納めてしまうと、何も予定がない人になってしまった人です... てなわけで、公式ドキュメント、リリースノート、信頼できる情報源全部読んじゃうぞという計画を立てました。計画倒れしないようにちゃんと読むことをブログで宣言します！ 何をするのか マジでやること何もないので、日頃サボったプログラミングの勉強を一気にしようと思っている。「勉強していない」なんていうと「嘘つけ」と言われそうだが、いつも必要になったことをその都度調べて誤魔化しているだけであり、読むのは本や記事といった誰かの二次三次情報なので、実は一次情報には触れていない。なので以下に挙げるドキュメントは実はちゃんと読んだことがない。全て雰囲気で使っている。 そのため自分は歳の割には未知になっている範囲がとても多く（この構文ってフリーレンぽくてなんかかっこいいよね）、未知の未知にとても弱いため、わかっている人から見るとおかしな
I found a vulnerability affecting seemingly all Google Pixel phones where if you gave me any locked Pixel device, I could give it back to you unlocked. The bug just got fixed in the November 5, 2022 security update. The issue allowed an attacker with physical access to bypass the lock screen protections (fingerprint, PIN, etc.) and gain complete access to the user’s device. The vulnerability is tr
GitHub - nmlgc/ReC98: The Touhou PC-98 Restoration Project
This project aims to perfectly reconstruct the source code of the first five Touhou Project games by ZUN Soft (now Team Shanghai Alice), which were originally released exclusively for the NEC PC-9801 system. The original games in question are: TH01: 東方靈異伝 ～ The Highly Responsive to Prayers (1997) TH02: 東方封魔録 ～ the Story of Eastern Wonderland (1997) TH03: 東方夢時空 ～ Phantasmagoria of Dim.Dream (1997)
Python behind the scenes #13: the GIL and its effects on Python multithreading
As you probably know, the GIL stands for the Global Interpreter Lock, and its job is to make the CPython interpreter thread-safe. The GIL allows only one OS thread to execute Python bytecode at any given time, and the consequence of this is that it's not possible to speed up CPU-intensive Python code by distributing the work among multiple threads. This is, however, not the only negative effect of
Amazon ECS Cluster Auto Scaling now offers more responsive scaling
Your profile helps improve your interactions with select AWS experiences.
レスポンシブHTMLメールの作り方とは？【初心者向け】
レスポンシブHTMLメールとは、PCやスマートフォンなどのデバイスの画面サイズに応じて、自動的にレイアウトや画像サイズを最適化して表示するHTMLメールのことです。1つのソースで様々なデバイス表示に対応することができます。 しかしながら、HTMLメールのレスポンシブ化の方法や手順は、Webサイトのレスポンシブ化とは少し異なる点があります。既にレスポンシブデザインを理解しているWebサイト制作者の方でも、HTMLメール用のレスポンシブ化について学んでおく必要があるでしょう。 本記事では、多くのメールクライアントで正しく表示される、シンプルなレスポンシブHTMLメールの作成方法を具体的なコーディング方法も交えながら、初心者の方にもわかりやすく解説します。
5 warning signs your remote worker may be getting ready to quit
It can be harder to detect the warning signs that an employee is considering leaving when everyone is working from home. When employees are working at an office, it can be easier to spot someone who may be thinking of quitting. Phone calls taken outside, extra time-off requests, and a detached attitude could be indicators they’re interviewing elsewhere. When everyone is remote, however, it can be
勉強への意欲を失っていた息子ですが漢検の申し込みは既に済んでしまっていたので、漢検代を取り戻すためにもどうにかして漢字の勉強だけは毎日少しずつやらせていました。 「書き」に苦戦 ですがやる気がないと身が入らず、中々覚えられませんでした。 ９級対策として使用していたドリルは１０級の時もお世話になった「漢字検定10級５分間対策ドリル」と同じ増進堂出版の「漢字検定９級トレーニングノート」です。対策ドリルはミニサイズでコピーが大変でしたので、通常サイズのこちらにしました。 漢字検定9級トレーニングノート 合格への短期集中講座／絶対合格プロジェクト【1000円以上送料無料】 価格: 770 円楽天で詳細を見る 一ヶ月程このドリルを続け、読みや筆順はかなり鍛えられました。ですが苦手な「書き」については何度繰り返しても身につきませんでした。 このドリルは実際の漢検よりも少し難しい上に本番まで時間がなかっ
Building an effective Image Component | Aurora | Chrome for Developers
Images are a common source of performance bottlenecks for web applications and a key focus area for optimization. Unoptimized images contribute to page bloat and accounts for over 70% of the total page weight in bytes at the 90th percentile. Multiple ways to optimize images call for an intelligent "image component" with performance solutions baked in as a default. The Aurora team worked with Next.
In "Software Engineering - The Soft Parts" Addy Osmani shares lessons from his first 10 years at Google on the "soft skills" that can help engineers become effective and scale their effectiveness. This guidance should help junior, mid-career and even senior developers move forward, deal with changing technology, and navigate building non-trivial systems. Today I'll share some of the software engin
突然ですが、picture要素を使ってアスペクト比が違う画像を読み込む場合でも、imgとsourceにwidthとheightを記述すれば、レイアウトシフトが起こらなくなるって知ってました？ <picture> <source srcset="img/img-800x480px.jpg" media="(min-width: 820px)" width="800" height="480"> <img src="img/img-480x480px.jpg" width="480" height="480" alt="画像の説明"> </picture> 実は1年以上前に公開されたChrome 90からサポートされていたそうで（僕はつい先日知りました）、上のコードのようにimgとsourceの両方にwidthとheightを記述すれば、ブラウザがそれらの値を認識して画像ファイルを読み込む前か
Does Coinbase Have 24/7 Customer Service? ✈︎ {Talk to Coinbase support}ᢉ������
Does Coinbase Have 24/7 Customer Service? ✈︎ {Talk to Coinbase support} 𐭩 As ✅️(+1-(804)-(214)-6853)🕒 the cryptocurrency market continues to grow and attract millions of new investors, the demand for reliable and responsive customer support becomes more critical than ever. Coinbase, one of the largest ✅️(+1-(804)-(214)-6853)🕒and most popular cryptocurrency exchanges in the world, is a go-to pla
Prepare for mobile-first indexing (with a little extra time)
accessibility 10 advanced 195 AMP 13 Android 2 API 7 apps 7 autocomplete 2 beginner 173 CAPTCHA 1 Chrome 2 cms 1 crawling and indexing 158 encryption 3 events 51 feedback and communication 83 forums 5 general tips 90 geotargeting 1 Google Assistant 3 Google I/O 3 Google Images 3 Google News 2 hacked sites 12 hangout 2 hreflang 3 https 5 images 12 intermediate 205 interstitials 1 javascript 8 job s
Liasion – Home
A full stack developer is a versatile and highly sought–after professional in the tech industry. They are responsible for creating, maintaining, and improving software applications and websites, as well as developing and implementing new features. These professionals have the ability to work on all parts of the software development process, from the front end to the back end, and are an invaluable
Security update: The following extensions have security updates: ms-python.python and ms-vscode-remote.remote-ssh. Update 1.95.1: The update addresses these issues. Update 1.95.2: The update addresses these issues. Update 1.95.3: The update addresses these issues. Downloads: Windows: x64 Arm64 | Mac: Universal Intel silicon | Linux: deb rpm tarball Arm snap Welcome to the October 2024 release of V
JSer.info #697 - Nuxt 2は2024年6月30日でEnd-of-Life (EOL)となることが発表されました。 Nuxt 2 End-of-Life (EOL) · Nuxt Blog Nuxt 2.xの最終版となる2.18.0が6月末にリリースされる予定となっていて、それ以降はセキュリティアップデートも公式には提供されなくなります。 TypeScript 5.5がリリースされました。 Announcing TypeScript 5.5 - TypeScript TypeScript 5.5では、関数からtype predicatesを推論できるようになり、Array.prototype.filterなどでの絞り込みが簡潔に書けるようになっています。 また、Stage 3のSet Methodsをサポート、JSDocで@import {foo} from "foo"を
gitmojiの絵文字ってどれを使えばいいの？ | cloud.config Tech Blog
この記事はFIXER Advent Calendar 2021 21日目 の記事です。 皆さんこんにちは！FIXERの小倉です。 突然ですが、「gitmoji」って知っていますか？ gitmojiとはgit commitするときにコミットメッセージの先頭に絵文字を簡単に付けれるようになるツールのことです。 公式サイトはこちらからどうぞ（gitmoji | An emoji guide for your commit messages） これを導入することにより、そのcommitがどのような変更をしたのかということをアイコンを見るだけで把握できるようになります。 一文字のスペースで表せるので場所を取らないのも良いですね ただ、gitmojiを導入しようとしたときにこう思ったことはありませんか？ 「...え？こんなにたくさんあるの？これ全部覚えるのは大変でめんどくさくない？」 そうなんです。現
Crafting Component API, Together
A design system aspires to achieve a shared vocabulary between designers and developers. As we build visual style and UI components, we make many decisions about how a feature is composed and configured. What is its name?How is each element organized and named in a hierarchy?What options can be configured, and at what level is each exposed?How might smaller parts be modularized to reuse elsewhere?
Yes Absolutely! 7 Easy Ways to Reach Spirit Airlines®�|[]✓®
Yes absolutely! calling 📞 (US) Call +1 ||866 || 694- || 8210 When it comes to fast, reliable, and real-time help, Spirit Airlines® customer support is just one call away. calling 📞 (US) Call +1 ||866 || 694- || 8210 Whether you're dealing with booking issues, flight delays, cancellations, baggage problems, or last-minute changes, you can connect with a LIVE PERSON by calling 📞 (US) Call +1 ||86
![Yes Absolutely! 7 Easy Ways to Reach Spirit Airlines®�|[]✓®](https://cdn-ak-scissors.b.st-hatena.com/image/square/14343bf7601482c36bbc2c189bdb003c495ff718/height=288;version=1;width=512/https%3A%2F%2Ffacebook.winfuture.de%2Fimages%2Fwinfuture_logo.jpg){kind=logo}
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
New Architecture is here · React Native
CSS Grid Cheat Sheet Illustrated in 2021🎖️
Building React + Vue support for Tailwind UI
Sudo Haiku - sudofox's journal
You Don't Need Rails to Start Using Hotwire
Highlights from the Claude 4 system prompt
【年長】全統小の自己採点結果 - ☆お家で楽しく先取り幼児教育☆
Just-In-Time: The Next Generation of Tailwind CSS
New CSS Features In 2022 — Smashing Magazine
Accidental $70k Google Pixel Lock Screen Bypass
準備不足すぎた漢検9級 - ☆お家で楽しく先取り幼児教育☆
Software Engineering - The Soft Parts
picture要素で使うsourceタグにもwidthとheight属性を書くといいらしい
October 2024 (version 1.95)
2024-06-22のJS: Nuxt 2 EOL、TypeScript 5.5、State of JavaScript 2023の結果