https://twitter.com/sibi_sibibi/status/1534063507901239298
覚えておこう！ CSSのconic-gradient()関数を使用した美しいグラデーションの実装方法
CSSグラデーションといえば、linear-gradient()とradial-gradient()の線形グラデーションと放射グラデーションで実装することが多いと思いますが、もう1つ扇形グラデーションのconic-gradient()もあります。 conic-gradient()を使用した美しいグラデーションを実装するテクニックを紹介します。IEを除く、すべてのブラウザにサポートされています。 Use conic gradients to create a cool border まずは、実際のデモをご覧ください。 conic-gradient()のグラデーションは線形・放射とは異なり、色の変化は円の中心点から回転しながら色を変化させる扇型の円錐曲線グラデーションです。 See the Pen Conic Gradient Border by Adam Argyle (@argyleink
Lesser-Known And Underused CSS Features In 2022 — Smashing Magazine
CSS is constantly evolving, and some cool and useful properties either go completely unnoticed or are not talked about as much as others for some reason or another. In this article, we’ll cover a fraction of those CSS properties and selectors. After reading Louis Lazaris’ insightful article “Those HTML Attributes You Never Use”, I’ve asked myself (and the community) which properties and selectors
JavaScript ライジングスター 2021
6回目の JavaScript ライジングスター にようこそ！ JavaScript疲れから逃れるためにここに来たみなさん、ちょうどいいところに来ましたね。 今回はメタフレームワーク、速度の必要性、界隈のオールスターがテック企業にジョインした話などの話題があります。 しかし、まずはチャンピオンの話です。 今年は誰もが予想していなかった新しい覇者が誕生しました！ しかもそれは、なんとコマンドラインツールです！ 以下は、2021年の1年間で増加したGitHubのスター数によるランキングです。Webプラットフォームに関するベストプロジェクトを集めたリストであるBest of JSからの一年間の分析です。各プロジェクトをクリックすると、より詳細な情報を閲覧することができます。
Rust によるデスクトップアプリケーションフレームワーク Tauri | 豆蔵デベロッパーサイト
Tauri はクロスプラットフォームデスクトップアプリのための Rust によるフレームワークです。Electron と同様 Web 技術でアプリの UI を構築します。 Build smaller, faster, and more secure desktop applications with a web frontend | Tauri Studio 記事執筆時点で v1.0.0-rc.5 (Pre-release)、もうすぐ v1.0 がリリースされそうなところです。 Release v1.0.0-rc.5: Apply Version Updates From Current Changes (#3468) · tauri-apps/tauri Electron と比べて、インストーラーのサイズ、メモリ消費量、起動時間などが圧倒的に小さいと謳われています。 https://gi
GitHub - greensock/GreenSock-JS: GreenSock's GSAP JavaScript animation library (including Draggable).
GSAP is a framework-agnostic JavaScript animation library that turns developers into animation superheroes. Build high-performance animations that work in every major browser. Animate CSS, SVG, canvas, React, Vue, WebGL, colors, strings, motion paths, generic objects...anything JavaScript can touch! GSAP's ScrollTrigger plugin delivers jaw-dropping scroll-based animations with minimal code. gsap.m
First Look At The CSS object-view-box Property
I have always wanted a native CSS way to crop an image and position it in any direction I need. This has been possible by using an additional HTML element combined with different CSS properties that I will explain later. In this article, I will walk you through the new CSS property object-view-box that was suggested by Jake Archibald early this year. It allows us to crop or resize replaced HTML el
Building a button component | Articles | web.dev
Building a button component Stay organized with collections Save and categorize content based on your preferences. A foundational overview of how to build color-adaptive, responsive, and accessible <button> components. In this post I want to share my thoughts on how to build a color-adaptive, responsive, and accessible <button> element. Try the demo and view the source Buttons are interacted with
Hamburger Footer: Reaching the Bottom of Infinite Scroll
Infinite scroll (endlessly scrolling pages) can be annoying when you want to get to the footer section of a site. A common technique is to move the footer to the bottom of the sidebar – Twitter do that... but what if you don't have a sidebar? What about putting the footer in the header navigation? Here's a couple examples of it, and some more techniques for making footers reachable with infinite s
Raft(分散合意アルゴリズム)について
Raftについて Raftという分散合意アルゴリズムの紹介 論文: In Search of an Understandable Consensus ALgorithm (Extended Version) 注意 Raft三日目くらいの人が自分の理解をもとに(適当に)書いています いつも通り用語の使い方は怪しい Raftと分散合意のどちらも特別詳しい訳ではないので、ちゃんと知りたい人は上記論文や他の説明を参照することを推奨します Raftって何？ ざっくりと 分散合意アルゴリズム Paxos(おそらく有名な分散合意アルゴリズム)の改良版的な位置づけ(?) 機能追加や性能向上ではなく__理解可能性__の改善 etcdというCoreOS/Dockerをクラスタ化するためのツールで採用されているのが有名？ 詳しくは知らないですが... 分散合意アルゴリズム クラスタ内の全サーバに一貫性のあるステ
【アリなの？】 自分の好きなドリンクが買える自販機がほしい！→会社に頼んでみたらリアルに設置できた話
PR こんにちは。突然ですが、この写真を見てください。 ここは、ねとらぼ編集部の本拠地でもある都内某オフィスフロアの一角です。この写真を見ていると……あるものが足りない、寂しい気持ちになってきませんか？ そう、自動販売機ですね。 皆さんは日常の中でふと「この場所に自販機があったらいいな」と思ったことはあるでしょうか。一部の職業の方を除けば、実は意外とないかもしれません。私も先日まではそうでした。しかし思いついてしまったのです。もし職場に新しい自販機を――自分の好きなドリンクが多めに入った「オリジナルカスタマイズ自販機」を設置することができたら、出勤するのが楽しくなるんじゃない？ ということに。 自販機で買えるドリンクの中で私が好きなのは、缶を開ける前に振ってから飲むゼリータイプのドリンク。小学校を卒業してからもう十数年経っているけれど、こういうドリンクを振って飲むと今でも――夏休みの昼間、
飛んで福山 - 大山田 | 少年ジャンプ＋
JASRAC許諾第9009285055Y45038号 JASRAC許諾第9009285050Y45038号 JASRAC許諾第9009285049Y43128号 許諾番号 ID000002929 ABJマークは、この電子書店・電子書籍配信サービスが、著作権者からコンテンツ使用許諾を得た正規版配信サービスであることを示す登録商標(登録番号 第6091713号)です。
大阪王将「金華スープの醤油ラーメン」「スタミナ味噌ラーメン」発売、“中華全包囲!～餃子メーカーから中華メーカーへ～”/イートアンド2022年春夏家庭用新商品 | 食品産業新聞社ニュースWEB
大阪王将「金華スープの醤油ラーメン」「スタミナ味噌ラーメン」発売、“中華全包囲!～餃子メーカーから中華メーカーへ～”/イートアンド2022年春夏家庭用新商品 イートアンドフーズは、「大阪王将」ブランドの2022年春夏家庭用冷凍食品新商品8品・リニューアル品4品を3月より、全国の量販店で販売開始した。 【関連記事】ラーメン店新時代は冷凍? 通販サイト「ラーメンジャーニー」で湯切り不要の冷凍麺、4月サイト刷新へ/イートアンド 今季のテーマは「中華全包囲!～餃子メーカーから中華メーカーへ～」とし、餃子や炒飯のラインアップ拡大に加え、新たにラーメンを投入して店頭販促にも活かす方針だ。3月3日、東京都品川区の東京ヘッドオフィスで新商品発表会を開き、山本浩専務、星野創常務らが商品概要などについて話した。 星野常務によれば、家庭用冷凍食品市場(インテージSCI･平均購入額)がこの5年間で29.0％増とな
チューハイのお供にぴったり！ 「卓上たこ焼き器」で作る絶品おつまみの噺
夏祭りのたこ焼きって、なんであんなにおいしいんでしょうか？ 特に、アツアツの1玉をハフハフ言いながらチューハイで流し込む瞬間は、幸せのひとこと。それが、自宅の卓上で楽しめたらいいと思いませんか？ というわけで今回は、自宅でたこ焼き＆チューハイパーティーが楽しめる調理アイテム、イワタニの「スーパー炎たこ（えんたこ）」をご紹介。本品を使い、定番のたこ焼きをはじめ、パーティで盛り上がること間違いなしのおつまみ3品を作っていきます。さらに、プラスαのおつまみ作りに最適なアイリスオーヤマの「両面ホットプレート」もご紹介していきましょう！
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【Civ6GS】やる夫の清く正しい文化侵略 第10回【ゆっくり+CeVIO実況】
content-visibility について - Qiita
GitHub - nocodb/nocodb: 🔥 🔥 🔥 Open Source Airtable Alternative
GitHub - codrops/ContentLayoutTransition: An experimental layout transition where a stack of images animates to a gallery view, showing some more content.
VisBug
outline-offset - CSS: カスケーディングスタイルシート | MDN
AutoAnimate - Add motion to your apps with a single line of code
卵とトマトの炒め物のレシピ・作り方｜レシピ大百科（レシピ・料理）｜【味の素パーク】 : 卵やトマトを使った料理
ニラもやしのレシピ・作り方・献立｜レシピ大百科（レシピ・料理）｜【味の素パーク】 : にらやもやしを使った料理
