【CSS】まだホバー時のスタイルを :hover だけで指定してるの？

2023/08/07 267 users hover enabled Summary Button 結論

はじめに結論から ホバースタイルは、 :hover だけで指定するのではなく、次のように指定しましょう！ @media (hover: hover) { /* リンクの場合 */ a:any-link:hover { } /* ボタンの場合 */ button:enabled:hover { } /* 特定できない場合 */ .button:where(:any-link, :enabled, summary):hover { } } ポイント 1 マ... 続きを読む

コンテナクエリ @container が全ブラウザ対応。新時代のレスポンシブ対応を完全理解する

2023/02/15 245 users Container コンテナクエリ ウインドウサイズ 新時代

本日（2/14）、ついに Firefox でコンテナクエリに対応しました。Chrome・Edge・Safari はすでに現行ブラウザで対応済みのため、全ブラウザにてコンテナクエリが使えることになります💐 従来、レスポンシブ対応でレイアウトを変えるには @media を使ってウインドウサイズを基準にするかありませんでした。コンテナクエリ... 続きを読む

【漫画】仕事帰りに猫を拾ったらとんでもない事になった…「猫を拾った話」→「SANチェックどうぞ」「外宇宙の意志を感じる…」

2022/10/18 150 users 意志 漫画 とんでもない事 外宇宙 仕事帰り

寺田亜太朗『猫を拾った話。』②巻本10/12 @t_atarou 二年の時を経て、12日、２巻が紙で出ます。 どうぞよろしくお願いします‼︎ kc.kodansha.co.jp/product?item=0… 最新話はこちらで連載中です👁‍🗨 hupele-miyarisan.com/media/necohiro… pic.twitter.com/I3ZdoGFpFC 2022-10-11 19:20:41 続きを読む

これは朗報！ CSSのメディアクエリの範囲指定で、比較演算子を使用できるようになります

2022/06/20 137 users CSS メディアクエリ 朗報 min-width width

これを待ち望んでいた人も多いと思います。 ついに、メディアクエリで比較演算子（>=, <=）を使用できるようになります！ 幅が400px以上の場合、@media (min-width: 400px){}と定義していましたが、@media (width >= 400px){}と記述できます。 比較演算子だと、400pxを含む「以上」というのも分かりやすいですね。 New s... 続きを読む

痛いニュース(ﾉ∀`) : 【画像】 香山リカ 「日本が中国に乗っ取られても『中国の味方です』と言って生き延びるよ〜笑」 - ライブドアブログ

2020/01/16 156 users ライブドアブログ メインクーン 香山リカ 味方 痛いニュース

【画像】 香山リカ 「日本が中国に乗っ取られても『中国の味方です』と言って生き延びるよ〜笑」 1 名前：(やわらか銀行) [US]：2020/01/16(木) 08:53:30.90 画像はツイッターより転載 https://pbs.twimg.com/media/ENqhdm3VUAA0xc9.jpg 2: メインクーン(兵庫県) [CN] 2020/01/16(木) 08:54:10.76 ID:GPMVc4/y0 まあこう... 続きを読む

キーボードで日本、中国に敗北 | NEXT MEDIA "Japan In-depth"［ジャパン・インデプス］

2019/09/11 389 users HHKB インデプス 野心 Japan In-Depth 出現

文谷数重（軍事専門誌ライター） 【まとめ】 ・HHKBやリアルフォースに匹敵する中国製高級キーボードが出現。 ・Atom66他のNiz社キーボードは価格、機能性、野心で日本企業を圧倒。 ・アニマルスピリット溢れる中国中小企業に大企業病の日本企業は敗北へ。 【注：この記事には複数の写真が含まれています。サイトによっ... 続きを読む

CSSのメディアクエリには頼らず、コンテンツベースで実装するレイアウトの最近の方法 -Relearn CSS layout | コリス

2019/09/05 242 users コリス Flexbox コンテキスト コンポーネント CSS

CSSのレイアウトは最近ではFlexboxが主流となり、それまでの考え方や実装方法とは大きく異なります。@mediaのブレイクポイントやハックを使用せず、CSSの性能を活かした、コンテキストに依存しないコンテンツベースで実装するコンポーネントのレイアウト方法を学べるRelearn CSS layoutを紹介します。 すべてのデバイス... 続きを読む

Railsアプリの処理を100倍以上に高速化して得られた知見 – PSYENCE:MEDIA

2019/08/05 106 users Rails PSYENCE 濱田 知見 Railsアプリ

はじめまして。2019年4月から妊娠・出産アプリ『Babyプラス』の開発チームにJOINした濱田です。 『Babyプラス』のバックエンドはRailsで実装されているのですが、とあるCSV生成処理がとても遅かったので100倍以上に高速化しました。この過程でRailsアプリの処理高速化に関する以下の知見が得られたので、具体例を交えて... 続きを読む

韓国レーダ照射への抗議は誤り | NEXT MEDIA "Japan In-depth"［ジャパン・インデプス］

2018/12/26 157 users 言い訳 韓国海軍 対抗策 インデプス 軍事専門誌ライター

文谷数重（軍事専門誌ライター） 【まとめ】 ・韓国レーダ照射への抗議は誤りである。 ・日本は韓国の言い訳に騙されるべきだ。 ・許される対抗策は「仕返し」。海自も韓国海軍を照射あるいはレーダ妨害すべきだった。 【注：この記事には複数の写真が含まれています。サイトによっては全て表示されないことがあります。... 続きを読む

3Dモデルからぬいぐるみの型紙を取るWebアプリを作ってみた – PSYENCE:MEDIA

2018/12/24 169 users PSYENCE 型紙 ぬいぐるみ Webアプリ 3Dモデル

この記事は RECRUIT MARKETING PARTNERS Advent Calendar 2018 の投稿記事です。 はじめに こんにちは。デザイン統括１グループの萬成です。 みなさんは「リファライオン」をご存知ですか？ リファライオンはリクルートマーケティングパートナーズの内製開発組織を体外向けに紹介するべく誕生したライオンのキャラクター... 続きを読む

Railsアプリケーションの実装で気をつけている8つのこと – PSYENCE:MEDIA

2018/12/14 220 users PSYENCE Railsアプリケーション Ruby 寿命

この記事は RECRUIT MARKETING PARTNERS Advent Calendar 2018 の投稿記事です。 12月はRubyのリリースが楽しみなk-shogoです。 今までに規模も寿命も様々なRailsアプリケーションの開発に携わってきました。本記事ではそんな自分が「Railsプロジェクトにかかわるならこんな方針を合意できるチームが良いな」と思ってい... 続きを読む

CircleCI 2.1 の新機能を使って冗長な config.yml をすっきりさせよう！ – PSYENCE:MEDIA

2018/10/11 111 users CircleCI PSYENCE 冗長 プレビュー 福井

CircleCI 2.1 の新機能を使って冗長な config.yml をすっきりさせよう！ 福井祐人 2018.10.11 0 0000 こんにちは。スタディサプリ English の開発を担当しているwebフロントエンドエンジニアの福井です。 CircleCI で 2.1 configuration がプレビューとして使えるようになりました。試しに使ってみたところ冗長なconfig.... 続きを読む

福島県で梅毒患者が急増中 (1/2)

2018/06/02 138 users 梅毒患者 急増中 福島県 Tweet NEXT

記事 NEXT MEDIA "Japan In-depth" 2018年06月01日 12:44 福島県で梅毒患者が急増中 1/2 Tweet 上昌広 （医療ガバナンス研究所 理事長） 【まとめ】 ・福島県で梅毒患者が急増している。 ・マッチングアプリ普及との関連が議論されている。 ・ 正確な状況を調べ、社会で共有していくしかない。 【注：この記事には複数の写真が含まれています。サイトによっては全... 続きを読む

「書き直したい」 をグッと抑えて小さな改善を積み重ねよう – PSYENCE:MEDIA

2017/12/17 219 users nobuoka PSYENCE ソフトウェアエンジニア 改善

この記事は RECRUIT MARKETING PARTNERS Advent Calendar 2017 の投稿記事です。 こんにちは、2016 年中途入社の nobuoka です。 ソフトウェアエンジニアとして キッズリー の開発に携わっています。 先日読んだ 『 「書き直した方が早い」 は 9 割のケースで間違いだった 』 というブログ記事に触発され、最近考えていた 「小さな改善を繰り返すこ... 続きを読む

チームの課題から考える、Adobe XDとSketchの導入メリット – PSYENCE:MEDIA

2017/12/07 276 users PSYENCE Sketch Adobe XD 課題 チーム

この記事は RECRUIT MARKETING PARTNERS Advent Calendar 2017 の投稿記事です。 こんにちは！現在キッズリーのデザインを担当しているデザイナーの町田（ @macheri_me ）です。 今年で中途入社３年目となりました。本日は弊社の制作事例をもとに、AdobeXD・Sketchの活用法についてご紹介します。 【この記事を読んでもらいたい人】 これからAd... 続きを読む

ナチス・ヒトラー礼賛が絶対ダメなわけ | NEXT MEDIA "Japan In-depth"［ジャパン・インデプス］

2017/09/01 328 users インデプス Japan In-Depth NEXT ジャパン

サンドラ・ヘフェリン 【まとめ】 ・日本人の中には、 ナチスを称賛する人がいたり、ナチスを連想させる「グッズ」を使用する人がいることに驚く。 ・「ドイツ刑法典130条」の民衆扇動罪は、ヒトラーやナチスドイツを礼賛したり讃美したりする言動や、ナチス式の敬礼やナチスのシンボルを見せることを禁止している。 ・唯一の被爆国である日本は国際社会の一部であり、人種差別撤廃条約に加盟している。ヒトラー礼賛が如何... 続きを読む

痛いニュース(ﾉ∀`) : 【画像】 ビックカメラ複数店舗で「Nintendo Switch」当選番号抜き取り疑惑 - ライブドアブログ

2017/07/23 221 users ライブドアブログ Nintendo Switch 画像 名前

【画像】 ビックカメラ複数店舗で「Nintendo Switch」当選番号抜き取り疑惑 1 名前： 名無しさん必死だな＠＼(^o^)／ ：2017/07/23(日) 18:31:06.18 ID:55SFHPII0.net ビックカメラ水戸店 https://pbs.twimg.com/media/DFUBOrUVoAAgDxR.jpg ビックカメラなんば店 http://pbs.twimg.co... 続きを読む

痛いニュース(ﾉ∀`) : 「亀田に勝ったら1000万円」 亀田と素人のヘッドギア&グローブが全然違うと話題に…素人がハンデを背負う？ - ライブドアブログ

2017/05/07 141 users ライブドアブログ ハンデ 亀田 トラースキック 素人

「亀田に勝ったら1000万円」 亀田と素人のヘッドギア&グローブが全然違うと話題に…素人がハンデを背負う？ 1 名前： トラースキック(千葉県)＠＼(^o^)／ ：2017/05/07(日) 22:36:19.93 ID:TW8/UtYT0 ソース https://pbs.twimg.com/media/C_OWoyHVwAAqy7F.jpg https://pbs.twimg.com/media... 続きを読む

痛いニュース(ﾉ∀`) : メルカリにニュートリノが出品される - ライブドアブログ

2017/05/01 213 users ニュートリノ ライブドアブログ ファルコンアロー catv

メルカリにニュートリノが出品される 1 名前： バックドロップ(禿)＠＼(^o^)／ ：2017/05/01(月) 10:48:21.82 ID:vMX6EzoM0 https://pbs.twimg.com/media/C-qRy-CVwAAKQCx.jpg 7: ファルコンアロー(catv?)＠＼(^o^)／ [DE] 2017/05/01(月) 10:51:47.75 ID:PjjA40Mn... 続きを読む

読売新聞のコラムが秀逸すぎて言葉も出ないと絶賛の嵐「何でこんなすごい文章が書けるんだ」 - Togetterまとめ

2017/02/15 156 users Togetterまとめ 絶賛 読売新聞 コラム すごい文章

今も竹内さんが書いてるのかな「編集手帳」と思ったらやっぱり変わらず竹内さん。 info.yomiuri.co.jp/media/yomiuri/… この人は奇才・変人・天才を掛け合わせた唯一無二の方で誰にも真似出来ません。 twitter.com/takeda_cfo/sta… リンク 読売新聞社の会社案内サイト「読売新聞へようこそ」 1589 読売新聞のコラム：会社案内サイト「読売新聞へようこそ... 続きを読む

痛いニュース(ﾉ∀`) : 大学生「誰かに甘えることができない環境に身を置きたかった」 → 仕送り13万円 - ライブドアブログ

2017/02/06 175 users ライブドアブログ アンクルホールド ミドルキック 大学生 環境

大学生「誰かに甘えることができない環境に身を置きたかった」 → 仕送り13万円 1 名前： アンクルホールド(埼玉県)＠＼(^o^)／ [ﾆﾀﾞ] ：2017/02/06(月) 00:26:18.33 ID:VmEJeTn80.net http://pbs.twimg.com/media/C36MEzPVYAEM1_t.jpg 2: ミドルキック(中部地方)＠＼(^o^)／ [US] 2017/0... 続きを読む

痛いニュース(ﾉ∀`) : ASKAさん、ギフハブという秘密結社にARアプリを埋め込まれ周囲200mまで立体的に盗撮監視されていた模様 - ライブドアブログ

2016/11/29 170 users ライブドアブログ ダブルニードロップ ギフハブ 秘密結社 盗撮

ASKAさん、ギフハブという秘密結社にARアプリを埋め込まれ周囲200mまで立体的に盗撮監視されていた模様 1 名前： ダブルニードロップ(静岡県)＠＼(^o^)／ [US] ：2016/11/29(火) 14:33:57.10 ID:I7yMRR740.net http://pbs.twimg.com/media/CyZ_N7iUkAAwjdg.jpg 2: バックドロップホールド(庭)＠＼(^... 続きを読む

痛いニュース(ﾉ∀`) : 【画像】 ２００万円の美少女フィギュアを買った人の自宅が凄すぎると話題に - ライブドアブログ

2016/09/25 349 users ライブドアブログ パイルドライバー 美少女フィギュア 自宅

【画像】 ２００万円の美少女フィギュアを買った人の自宅が凄すぎると話題に 1 名前： パイルドライバー(千葉県)＠＼(^o^)／ ：2016/09/25(日) 18:48:41.98 ID:dpY7+RVh0.net 恵届いた https://pbs.twimg.com/media/CtG0w3dVUAAs2-c.jpg https://pbs.twimg.com/media/CtG0w3bUsA... 続きを読む

痛いニュース(ﾉ∀`) : 【悲報】 NHK大河ドラマ『真田丸』で赤ちゃんがパンパースを履いてるシーンが映る - ライブドアブログ

2016/08/02 197 users パンパース ジャンピングDDT ライブドアブログ 真田丸 悲報

【悲報】 NHK大河ドラマ『真田丸』で赤ちゃんがパンパースを履いてるシーンが映る 1 名前： ジャンピングDDT(空)＠＼(^o^)／ ：2016/08/02(火) 21:01:40.03 ID:2eHL0bQV0●.net http://pbs.twimg.com/media/CosQkB8VMAAzyCv.jpg 5: ダイビングヘッドバット(茸)＠＼(^o^)／ 2016/08/02(火) ... 続きを読む

痛いニュース(ﾉ∀`) : 障害者施設襲撃事件　「亡くなった方々」の報じ方が異様すぎると話題に - ライブドアブログ

2016/07/27 144 users ライブドアブログ ダイビングフットスタンプ 報じ方 http

障害者施設襲撃事件　「亡くなった方々」の報じ方が異様すぎると話題に 1 名前： ダイビングフットスタンプ(愛媛県)＠＼(^o^)／ ：2016/07/27(水) 12:18:49.14 ID:lv2TdC6R0.net http://pbs.twimg.com/media/CoUzVW1UEAAQWnA.jpg 2: 魔神風車固め(庭)＠＼(^o^)／ 2016/07/27(水) 12:19:29... 続きを読む