HTMLはシンプル！ 画像をホバーしたときのさまざまなエフェクトを簡単に実装できるCSSの超軽量ライブラリ -Izmir
画像をホバーしたときにテキストを重ねたり、ボーダーをアニメーションさせたり、拡大表示させたり、さまざまなエフェクトを簡単に実装できるCSSの超軽量（2Kb）ライブラリを紹介します。 HTMLにclassを与える簡単実装。エフェクトは組み合わせることも可能で、オーバーレイやテキストやボーダーなどを自由に組み合わせて実装することができます。 Izmir Izmir -GitHub Izmirの特徴 Izmirの使い方 Izmirのカスタマイズ Izmirの特徴 Izmirは、画像をホバーしたときのさまざまなエフェクトを簡単に実装できるCSSのライブラリです。エフェクト用のclassはかなりの数が用意されており、HTMLにclassを追加するだけで、完璧なホバーエフェクトを実装できます。 MITライセンスで、商用プロジェクトでも無料で利用できます。 Izmir 主な特徴は、下記の通り。 エフェク
朗報！ CSS Flexboxの8年越しのバグがようやく修正されます
CSS Flexboxのこのバグに悩んだ人もいると思います。 リスト要素をFlexboxで複数列に配置し、ulにborderを適用したのに、ボーダーが全体を囲まないバグが8年越しにようやく修正されます。 左: バグ、右: 期待する表示 まずは、そのバグが確認できるデモをご覧ください。 すべてのアイテムはul内のliで実装されており、CSSでulにborder: 1px solid red;を設定しています。 しかし、ボーダーはリスト全体ではなく左端の1列のみに適用されます。このバグは現在、Chrome, Safari, Firefoxで確認できます。 参考: Issue 507397 ※上記ではEdge（non chromium version）は期待通りに表示されるとあり、Edge 115（chromium version）ではバグで表示されます。 See the Pen "flex-f
エクスプローラ周り重い人向け覚書
ファイルコピー(というかエクスプローラ)周りの余計なお世話で発生する重さは本当にひどいので、 個人的な覚書を貼っておくので、もしよければ参考にしてほしい。 大変面倒だけど、全て設定すると劇的に早くなる。ためしてみてほしい。 勘違いしている人がやたら多いので追記下の設定はWindowsDefenderを切っているのでありません。WindowDefenderがWindowsDefenderを検索してループに陥る問題に対処しているだけです！ システム設定Windows Defender自身を検索して無限ループに陥る問題を解消する - 設定→更新とセキュリティ→Windows セキュリティ→ウイルスの驚異の防止 - ウイルスと驚異の防止の設定→設定の管理 - 除外の追加または削除 - 除外の追加→ファイル - 「C:\Program Files\Windows Defender\MsMpEng.e
Windows11（22H2）の格安PC買ってやったこと
何か月か前に話題になっていたIntel N100の中華ミニPCにひかれて、5年以上ぶりに自宅の端末を入れ替えた。Intel N100+メモリ16GB+SSD256GB程+Win11pro付きでお値段2万円強という、信じがたいコスパ。 必ずしも優れているとは言えないスペックでWin11を快適に使うために、買ってから最小限やった設定を書いておく。 ・前提端末OSには粛々とHWの管理だけをしてもらい、「こんな素敵な＆便利なWeb機能もあるよ！」的な導線はいらない。TeamsもOutlookも職場で嫌ってほど使っているが、自宅では金輪際使う予定なし。タスクバーのウィジェットもBingへの導線も全部要らない！という人向け。 ※本当はhttps://anond.hatelabo.jp/20191116220232さんのWindows11版の記事が出てればそれで事足りたのだけど、見つけられなかったので投
東千歳バーベキューで世界一うまい野菜炒め
海外旅行とピクニック、あとビールが好き。なで肩が過ぎるので、サラリーマンのくせに側頭部と肩で受話器をホールドするやつができない。 前の記事：網走で本物のカヤックを見学する～しらべ旅 ＞ 個人サイト つるんとしている 謎のやきとりハウス 「東千歳バーベキュー」は、まず店構えからしてただものでない。 3月のことなので、雪が残っています 外観は、飲食店というよりも、どう見たって倉庫だ。雪国でおなじみの、かまぼこみたいな丸屋根の倉庫。そこに赤いのれんがかかることで、かろうじて店であることがわかる。 この日の昼過ぎ。地元の仕事仲間が、ちょっといい店あるんでと誘ってくれた。軽い気持ちで彼の車に乗り込んだら、車は街中を離れ、見渡す限り畑の続く国道をびゅんびゅん走る。 何屋さんなのか、そもそもこんなところに飲食店なんてあるのかときいても、にやにやするだけではぐらかされてしまう。1時間半も走って、ようやくつ
これは嬉しい！ 漢字がJIS第2水準までしっかり揃ったピクセルフォントがリリース、しかも商用利用も無料 -マルミーニャ
ピクセルフォント「マルモニカ」などをリリースされているx0y0pxFreeFontから、新しいピクセルフォントがリリースされました。 ※「マルモニカ」（紹介記事）も漢字対応です。 「マルミーニャ」はかわいさの中にまじめさがある丸ゴシック体のピクセルフォントで、幅広い用途でピクセルの表現を堪能できます。 マルミーニャ マルミーニャ -BOOTH マルミーニャのダウンロード マルミーニャの特徴 x0y0pxFreeFontの他のフォント マルミーニャのダウンロード さっそくフォントのダウンロード方法を紹介します。 まずは、本サイト。「マルミーニャ」リリースのタイミングでサイトがGitHubに移転されました。フォントのダウンロードは、フォント下の「Download」をクリックするだけです。
CSSだけでスクロールアニメーションが作れる！？ 新技術Scroll-driven Animationsとは - ICS MEDIA
CSSだけでスクロールアニメーションが作れる！？ 新技術Scroll-driven Animationsとは 2023年7月にリリースされたGoogle Chrome 115では、「Scroll-driven Animations」が搭載されました。 Scroll-driven Animationsを使うと、今まではJavaScriptを使わなければ実装できなかったスクロールと連動するようなアニメーションがCSSだけで実現できるようになります。 以下は、CSSだけを使って作成したスクロールアニメーションのデモです。一切JavaScriptは使用していません。 Scroll-driven AnimationsはJavaScriptでも使うこともできますが、本記事では、実装の手軽さを一番にお伝えしたいため、CSSだけを使ったスクロール駆動アニメーションの作り方をご紹介します。 スクロールアニメ
夏バテには山形のだし！ - #つくりおき
最近暑くなってきましたね。 id:cateiru はこの暑さで8月を生きていけるか不安です。 暑くなってくると食欲がなくなります。自分も例に漏れず夏バテで食欲がなくなり食べるならさっぱりしたものが食べたい気分です。なので、今回は夏バテ対策最強*1料理 山形の『だし』を作っていきます！（飲酒ありです） 用意するものはこちら！ きゅうり 2本 なす 2本 みょうが 2本 大葉 すこし がごめ昆布 「「「お酒」」」 今回は、がごめ昆布単体がスーパーに売っていなかったのでがごめ入のもので代用しています。本場山形ではなっとう昆布 *2というものを使用するらしいのですが埼玉にはどこにも売っていないので諦めます。 料理していくよ まずは、やる気を出していかなければなりません。とりあえず何も考えずにお酒を飲みます。 ここで、料理めんどくせ～となったら負けです。完成品を想像してお腹を鳴らしつつやる気を上げて
CSSでの実装が大きく変わる！ Scroll-driven Animations スクロールをトリガーにしたアニメーションを実装する方法
まもなくリリースされるChrome 115で実装されるScroll-driven Animationsにより、スクロールをトリガーにしたアニメーションの実装方法が大きく変わります。 スクロールすると要素がアニメーションで表示されたり、スクロール量で変化するインジケーター、背景が変化するパララックスなど、実装がそれなりに手間がかかりましたが、数行のコードで実装できるようになります。スクロールをトリガーにしたアニメーションを実装するこれからの方法を紹介します。 Animate elements on scroll with Scroll-driven animations by Bramus 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分が同ライセンスも含みます。 はじめに Webのアニメーション、ちょっとだけおさらい アニ
【CSS】CSSの値と単位が新しくなっていますが、ついていけてますか？ - Qiita
はじめに 最近のCSSのアップデートは目覚ましいものがありますが、 みなさんは、CSSの値と単位がここ1年くらいで大きく変わっていることはご存知ですか？ Dynamic viewport が追加されたり、math 関数が追加されたりなどの大きな変更は、ご存知かもしれないですが、calc()で ネイピア数 e や 円周率 πなどが使えるようになったり、 フォントに相対的な長さ単位が追加されていたりと細かい変更も多くあります。 そのため、この記事では、CSS Values and Units Module Level 3 から CSS Values and Units Module Level 4の変更点を中心に紹介しようと思います。 Viewport単位 CSS Values and Units Module Level 3 から CSS Values and Units Module Le
国立科学博物館コラボ壁紙｜サンゲツ
国立科学博物館×サンゲツがお送りする、 知的好奇心をくすぐるニューウォール！ “四六時中・サイエンスミュージアム” 人が幸せになれる体験に価値がある。あらためて人々が驚き、喜び、ワクワクする体験ができる壁紙を作りたい。サンゲツのそんな熱い想いから実現したのがこの国立科学博物館とのコラボレーション壁紙です。常に人々と近い距離にある壁紙を通して博物館で見るような迫力を伝えられたら。動物や植物の不思議な特徴を知ることができたり、自然の神秘的な現象を肌で感じられたら。そうすれば、きっと毎日をワクワクする気持ちで過ごせて、日常がもっと豊かになるはず。さあ、知的好奇心をくすぐるニューウォールアートの世界へ！
期限の制約なく無料で使えるクラウド「Free Tier」主要サービスまとめ。2023年版
いくつかのクラウドサービスでは、新規ユーザーに対する1年程度の無料トライアルや一定額のクーポンなどの提供だけでなく、期間の制限なくずっと無料で使える、いわゆる「Free Tier」や「Always Free」と呼ばれるサービスが提供されています。 こうしたサービスは試行用の環境や一時的なテスト環境、あるいはホビー用途などに適しています。 本記事では期限の制約なく無料で提供されている主なクラウドサービスを、2023年版としてまとめました（新規ユーザーとして期限の制約なく無料で使えるものを優先しています）。 ただしこれらの無料のサービスは、提供側の都合によって申し込みや利用が制限されたり、もしくは提供自体が終了したりすることがあります（昨年、多くのITエンジニアに人気であったHerokuのFreeプランが終了したことをご記憶の読者も多いでしょう）。 無料のサービスを利用する場合には、そうした提
「スマイルカンパニー契約解除の全真相」弁護士を通じて山下達郎・竹内まりや夫妻の“賛成事実”を確認｜松尾潔のメロウな木曜日
おだやかな時間をこよなく愛して生きてきた。そんな自分が、55歳にもなって週刊誌記者に初直撃されようとは。ちっともメロウじゃないなぁ。短い、でもそこそこ長い人生には、時として想像もつかぬ場面が待っていることを思い知った。 きっかけは、先週土曜（1日）のツイートだ。 「15年間在籍したスマイルカンパニーとのマネージメント契約が中途で終了になりました。私がメディアでジャニーズ事務所と藤島ジュリー景子社長に言及したのが理由です。私をスマイルに誘ってくださった山下達郎さんも会社方針に賛成とのこと、残念です。今までのサポートに感謝します。バイバイ！」 これがバズった。3日間で表示は何と2800万回を超えた。関心の矛先が向けられたのはまず、スマイルカンパニー（以下、SC）とジャニーズ事務所（以下、J）の関係だったようだ。次が達郎さんだろうか。 ツイートから24時間以内に、ぼくのもとには10社を超えるメデ
わたしのスタイル - 駄犬の株ログ
やりたいこと やりたいことの流れ 「株価があがりそうなイベント」って何なの？ 「近い将来」っていつなの？ 「なるべく分散したポートフォリオ」って？ 「リスク量をコントロール」って？ 「トータルで何となく儲かる」って本当にそうなるの？ やってること インプット 投資アイディアの検討 バリュエーション トレード やらないこと やりたいこと やりたいことの流れ 株価があがりそうなイベントが近い将来に発生しそうな会社をピックアップする ピックアップした会社でなるべく分散したポートフォリオを作る 指数ショートを使ってリスク量をコントロールする 狙ったイベントが起きたり起きなかったりして、トータルで何となく儲かる 「株価があがりそうなイベント」って何なの？ 決算（上方修正を含む）を予想して先回りすることがもっとも多い。小型で目立たない会社であっても決算で目を引く数字を出せば注目される。コンセンサス（そ
豚かたまり肉を買ったら「プルドポーク」を試してほしい【本場アメリカのBBQ料理】 - メシ通 | ホットペッパーグルメ
プルドポークは大人のロマン 大人のロマンってなんでしょうか。 私は断言できます。それは肉をかたまりのまま買うことです。 スーパーで売られているのは、肉を薄くカットしたものがほとんどで、ペラペラとしたそれは調理しやすいのは間違いないのですが、「肉」という実感がないですよね。だからこそ、精肉店などで、ショーケースに並んだ肉塊を見ると、「ああ、私たちは命をいただいているのだ」という感謝の念を抱きます。 肉のかたまりをそのまま調理するのは、現代においてワイルドな所業に映るかもしれません。 それは、どこかで目にした漫画で原始人が骨付き肉をまるごと食べているイメージが鮮烈だったからでしょう。かたまり肉には、ロマンを禁じ得ません。 そんなわけで私はこの前、かたまり肉に特化したレシピ本を編集しました。著者はYouTubeで『COCOCOROチャンネル』というレシピチャンネルを運営する大西哲也さんという料理
これぞ中国家庭料理！素材の味を引き出すトマト卵炒めの作り方－「山西亭」李俊松さんの王道レシピ | 80C
＜ポイント＞卵の生臭みを消すために、生姜は使わず、黄酒（紹興酒）を加える。卵は香りが立ち上るまでたっぷりの油で加熱する。トマトは具を兼ねた調味料とするため、水加えて軽く煮て、片栗粉を少々加え、加熱した卵に絡めるように炒める。 ①にんにく、白ねぎをみじん切りにする。 左が白ねぎ、右がにんにく。 香りづけの薬味には、にんにくと白ねぎを使う。中華料理は何かとしょうがを使うが、この料理に関して、李さんはしょうがを使わない。なぜなら「しょうがを使うと“蟹の味”になってしまう」という。 「蟹⁉」と思うかもしれないが、卵と生姜の組み合わせは、たしかに蟹を思わせる要素がある。例を挙げると、西太后のために作られた宮廷料理、賽螃蟹（サイパンシェ）は、鶏卵に生姜を効かせ、蟹のような味わいを出した料理として知られる。 また、秋冬の風物詩、上海蟹を使った料理で、蟹味噌の生臭みを消すためにしょうがを合わせるあの感じ…
家の売却でやってはいけないこと16選！ 不動産売却に失敗しないで家を高く・早く売るコツ不動産売却に失敗しないで家を高く・早く売るコツをタイミング別に解説 - 【SUUMO】住まいの売却ガイド
長年暮らした思い入れのある家は、納得できる売り方をしたいと思う人は多いのではないでしょうか。家の売却額はとても高額になるため、売却方法には注意が必要です。この記事では、家の売却でやってはいけない16のことを解説します。 記事の目次 1. 長年住んだ家を何も調べずに売ろうとしていませんか？ 2. 売却でやってはいけないことをタイミング別に解説 3. 売却前にやってはいけないこと8選 4. 売却活動中にやってはいけないこと5選 5. 売却後にやってはいけないこと3選 6. 失敗せずに家を売るには？ 不動産売却の手順 7. 家を高く・早く売って安く引っ越すコツを5つ紹介 長年住んだ家を何も調べずに売ろうとしていませんか？ 家を売却する時には、さまざまなことに気を付ける必要があります。「家の売却を大手の不動産会社に依頼したから大丈夫」「査定額を高くつけてくれた会社だからすべて任せておこう」など、自
400点超の無料イラスト素材、デジ庁が配布 商用利用OK 自治体や企業のWeb・アプリ開発向け
「地方自治体、府省庁、民間企業が誰でも利用できる素材を配布することで、別々の機関が同じものを制作したり、検討する時間を省く」（デジタル庁）という。アイコンなどを共通化し、ユーザーが一目で理解しやすいデザインを広げることにもつなげる。今後は実際に利用する自治体や企業の声を踏まえ、順次素材数を増やす。 関連記事 デジタル庁、Web・アプリデザインの指針まとめた「デザインシステム」公開 地方自治体の活用も見込む Webサイトやアプリの開発時、一貫したデザインにできるようドキュメントやデータをまとめた「デザインシステム」をデジタル庁が公開した。「デザインシステムに関わる活動をオープンにし、デザインシステムの認知向上や改善につなげる」という。 デジタル庁のWebサイトは阿部寛HPより「やばい」と話題に 河野大臣も「読んでね」 エンジニアの知識共有サービス「Qiita」に6月11日に投稿された「デジタ
「作り置きして冷凍したおかずが何で数日するとダメになるのか」を科学者さんが解説ツイート→納得する人たち「冷凍庫入れたら無限だと思ってた」
地主っ娘 @jinushimusume 作り置きおかずは2日後クソ不味いしミールキッドやお惣菜は業者の調味料の味に飽きて子供や夫が食べてくれなくなるし結局その都度作るしかなくなってる。 2023-06-22 16:25:34 tnm, Ph.D. @tkmpkm1_mkkr せっかくなのでちょっと知識を使って作り置きして冷凍したおかずが何で数日するとダメになるのかという話をすると、あくまで冷凍庫の温度は-20℃くらいまでしか下がらないからなんですよね。純粋に近い水であれば0度で凍結するんですが、実は食品って脂質とかタンパク質とか色々あるわけなんですけど twitter.com/jinushimusume/… 2023-06-22 16:29:06 tnm, Ph.D. @tkmpkm1_mkkr 「－20℃くらいでは凍結しない」んですよ。凍結しないというのは理系の言葉で言えば分子運動がまだ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【ほぼ写真集】「もふもふ猫図鑑」にしたいから飼い猫さんの写真をリプライして！→自慢のもふもふ猫ちゃんが大集合！！
