サクサク読めて、アプリ限定の機能も多数！アプリで開くはてなブックマーク閉じる ●はてなブックマークって？●アプリ・拡張の紹介●ユーザー登録●

はてなブックマーク

総合 ●人気 ●新着 ● IT ● 最新ガジェット ● 自然科学 ● 経済・金融 ● おもしろ ● マンガ ● ゲーム ● はてなブログ︵総合︶一般 ●人気 ●新着 ● 社会ニュース ● 地域 ● 国際 ● 天気 ● グルメ ● 映画・音楽 ● スポーツ ● はてな匿名ダイアリー ●人気 ●新着 ● 新型コロナウイルス ● 働き方 ● 生き方 ● 地域 ● 医療・ヘルス ● 教育 ● はてな匿名ダイアリー政治と経済 ●人気 ●新着 ● 政治 ● 経済・金融 ● 企業 ● 仕事・就職 ● マーケット ● 国際 ● はてなブログ︵政治と経済︶暮らし ●人気 ●新着 ● カルチャー・ライフスタイル ● ファッション ● 運動・エクササイズ ● 結婚・子育て ● 住まい ● グルメ ● お金 ● はてなブログ︵暮らし︶ ● 掃除・整理整頓 ● 雑貨 ● 買ってよかったもの ● 旅行 ● アウトドア ● 趣味学び ●人気 ●新着 ● 人文科学 ● 社会科学 ● 自然科学 ● 語学 ● ビジネス・経営学 ● デザイン ● 法律 ● 本・書評 ● 将棋・囲碁 ● はてなブログ︵学び︶テクノロジー ●人気 ●新着 ● IT ● セキュリティ技術 ● はてなブログ︵テクノロジー︶ ● AI・機械学習 ● プログラミング ● エンジニアおもしろ ●人気 ●新着 ● まとめ ● ネタ ● おもしろ ● これはすごい ● かわいい ● 雑学 ● 癒やしエンタメ ●人気 ●新着 ● スポーツ ● 映画 ● 音楽 ● アイドル ● 芸能 ● お笑い ● サッカー ● 話題の動画アニメとゲーム ●人気 ●新着 ● マンガ ● Webマンガ ● ゲーム ● 任天堂 ● PlayStation ● アニメ ● バーチャルYouTuber ● オタクカルチャー ● デスク環境を整える

﹃zenn.dev﹄

● 人気 ● 新着 ● すべて

デバイス判定をしAndroidだけGoogle Fontsを読み込んで明朝体を表示させるためのあれこれ

3users

zenn.dev/kalubi Webサイトで游明朝を使いたい場合など、Androidでは明朝体が読み込まれずゴシック体で表示されてしまいます。ただGoogle Fontsの読み込みをそのまま<head>に記述してしまうとAndroid以外のデバイスでも読み込まれてしまい、パフォーマンスが落ちてしまいます。なのでJavaScriptを使ってAndroidだけ読み込ませるようにします。やること HTMLの<head>内でデバイス判定をする<script>を追加 JavaScriptでデバイスの判定をしてAndroidの場合はGoogle Fontsを読み込む<script>を追加し、<body>に.ua-androidのclassを付与 CSSで<body class="ua-android">に対してGoogle Fontsのfont-familyを指定する ● テクノロジー ●2023/01/22 16:00

Web・コーディング界隈で読み間違いしやすい用語一覧

256 users

zenn.dev/kalubi 日本人向けの記事のため表記がカタカナとなっております。そのため完全に正確な英語の発音を保証しているわけではございませんのでご了承ください。︵より正しい発音が気になる方は各自で発音記号をお調べください。︶また私自身は帰国次女でもない純粋な日本人＆英語力凡人レベルです。明らかに間違っているものがありましたらコメントやTwitterなどでご指摘ください。もちろん他にもこれが間違いやすいよ、という用語もあればお待ちしております🙏 ❓がついてるのは決めきれないorネイティブでも揺れがあるor議論が必要　なものです。 a11y エイイレブンワイ absolute　アブソルート Adobe　アドビ Airbnb　エアビーアンドビー ajax　エイジャックス align　アライン︵text-align　テキストアライン　など︶ AMP︵Accelerated Mobile Pages︶　アンプAn ● テクノロジー ●2022/11/09 19:58 ●英語 ●あとで読む ●命名規則 ●開発 ●web ●English ●プログラミング ●Web制作 ●コーディング ●学習

iPhoneの省電力モードをJavaScriptで判定する方法

39users

zenn.dev/kalubi <video>が省電力モードだと自動再生されない罠動画を背景で自動再生する案件に携わったのですが、iPhoneの省電力モードだと自動再生されず、代わりに再生ボタンが表示されることを初めて知りました。 ● テクノロジー ●2022/08/03 09:22 ●javascript ●iOS ●VIDEO ●web制作 ●あとで読む ●browser ●動画 ●*あとで読む

おしゃれサイトで見かけるSVGがグニョーンってなるアニメーションをドロワーメニューで使ってみた

5users

zenn.dev/kalubi 2022/07/18追記d属性の値の変化を見られるデモを作成しました。興味がある方はお試しください。 2022/07/17追記ドロワーメニューアニメーションではメニュー内のリンクをクリックしたときにも閉じる処理をしないとダメなパターンもありますが、今回はメニューの表示・非表示の切り替えは基本的にJSで行っているため、通常のページ遷移であれば初期状態︵メニューは隠れた状態︶に戻るので問題ないかと思います。デザインスタジオ・エルさんのコーポレートサイトをはじめ、おしゃれサイトで見かけるSVGアニメーションがカッコよかったので、Twitterで質問したところありがたいことにいくつかの実装方法を教えていただけました。その中でもSTUDIO DETAILSさんのこちらのCodePenを参考に自分なりに解釈・応用して作成し、実務の案件に取り入れられたのでご紹介します。 ● テクノロジー ●2022/07/18 08:13

このページはまだ
ブックマークされていません

このページを最初にブックマークしてみませんか？

﹃zenn.dev﹄の新着エントリーを見る

キーボードショートカット一覧

j次のブックマーク k前のブックマーク lあとで読む eコメント一覧を開く oページを開く ●総合 ●一般 ● ●政治と経済 ●暮らし ●学び ●テクノロジー ●エンタメ ●アニメとゲーム ●おもしろ ●アプリ・拡張機能 ●開発ブログ ●ヘルプ ●お問い合わせ ●ガイドライン ●利用規約 ●プライバシーポリシー ●利用者情報の外部送信について ●ガイドライン ●利用規約 ●プライバシーポリシー ●利用者情報の外部送信について ●公式アカウント ●ホットエントリー ●はてなブログ ●はてなブログPro ●人力検索はてな ●はてなブログタグ ●はてなニュース ●ソレドコ

はてなブックマーク

﹃zenn.dev﹄