CSSでダークモード対応、メディアクエリ「prefers-color-scheme」の使用方法と注意点
iPhoneやAndroidでもダークテーマが採用され、ダークモードに対応するWebサイトやスマホアプリが増えてきました。 ほんの数行のCSSのみでダークモードに対応する方法と注意点を紹介します。 Dark mode in a website with CSS by Tom Brow 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 CSSのみで対応するWebサイトのダークモード ダークテーマでお勧めのテキストと背景のカラー ダークテーマではカラーの彩度は下げる ダークモードについてさらなる情報 CSSのみで対応するWebサイトのダークモード まずは、私のサイトhttps://tombrow.com/を見てみてください、ダークモードとライトモードがあります。表示されるモードはデバイスの設定に従います。 https://tombro
ソーシャルでバズるコンテンツって？あざとさとパッションでバズを起こす方法をしおたん勉強会で学んできたよ - あおたん日記
リクルートのテックラボパークで開催された、しおたんさんによる「インターネット勉強会」に参加してきました！ ということでさっそくイベントレポートを。 来てます。 #しおたん勉強会 pic.twitter.com/dGBKNS21p8— 青木まりな@プロモニスタ (@murinamarina) 2015, 7月 22 魂を感じさせるコンテンツの秘訣を知りたくて勉強会に参加 しおたんさんの素敵なところは、どんなに計算してやっていても、そこに発信者としての魂を感じられるところだと思う。 結局今日お話を聞いてもやっぱり同じ印象だった。なんなんだろうこの、冷静と情熱の間は。 私もちゃんと計算しつつ思いを込める書き手でありたいと思います、ほんとに。 前半戦：インターネット（というかWeb上でのコンテンツの見せ方）の歴史 90年代～2010年代までのインターネット（というかWeb上でのコンテンツの見せ方）
スポンジを、綿100%の食器洗いに変えてみた。洗剤いらずでアウトドアにもぴったりだよ｜マイ定番スタイル | ROOMIE（ルーミー）
そんなとき中川政七商店で見つけた、綿100%の食器洗い。 サイズはちょっと大きめが嬉しい12×15センチで、それぞれのループに赤と青のステッチが入った2枚セットです。 普段見慣れているアクリルやポリウレタンなどのスポンジと比べますと、風合いが大変優しいことに驚きます。 手紡ぎだからこそ 「手紡ぎ綿食器洗い」という名前の通り、この商品の特徴は手で紡いだ糸を使って織った綿を使っているということ。 機械紡ぎと違い糸の太さが均一でないため、なんとも言えない温かみがあります。 文字でいいますと、印刷ではなく手書きのイメージでしょうか。 泡立ちも上々 ナイロンスポンジのように大きなもこもこの泡は出ませんが、「うんうん、このくらいの泡で十分なんだよ、本当は」という量の泡で、大抵の汚れを落としてくれます。 しつこい油汚れは、小さめに切った古布で拭き取ってから洗うといいでしょう。 我が家では古布ボックス(後
洗剤がいらない日が来るなんて…！焦げ付きも茶渋も油汚れもこのクロスにお任せあれ〜｜アウトドアな家暮らし | ROOMIE（ルーミー）
そんなことを思っていたら、アウトドアやおうちで大活躍のステンレスクロスなるものを発見しました！ その名の通り、ステンレス製の布巾で、水で濡らしてもビショビショならないのが特徴。 ステンレス製なのに、水で濡らしてもサビることもありません。 どうやって使うの？ このクロス、濡らして食器洗いのスポンジ代わりに使うのですが…… 洗剤なしで、油汚れも焦げ付きも落とせるすごいやつなんです！ 焦げ付いたヤカン、クロスを使った右半分がけっこうキレイになってますよね～。 洗剤をつかわないので、スポンジのようにフカフカしていおらず、薄くてコンパクト。 だからお鍋のスキマもキレイに洗えるし、ネジなどの細かい凹凸にも沿ってくれて…… ね、隅々までキレイになったでしょ!? おうちでも大活躍！ アウトドアだけでなく、おうちでもしっかり働いてくれます。 普段、ルイボスティーを愛飲しているのですが、ほんの数日で茶渋がつい
効果的なリンクビルディングを成功させる10のプロセスと便利なツールたち【後編：ツール紹介】 | Moz - SEOとインバウンドマーケティングの実践情報
この記事は、前後編の2回に分けてお届けしている。後編となる今回は、効果的なリンクビルディングを構成する10のプロセスのうち、残る7つを見ていこう。まず前編を読んでおく 各プロセスで使えるツール（続き）リンクしてもらえるコンテンツアセットの制作（前編で解説）ブレインストーミングのツール「TextOptimizer」（前編で解説）働きかける対象を決める（前編で解説）Twitterのプロフィールを検索して働きかけの対象をさらに見つけるリンク切れ始点のリンク獲得ソーシャルメデイアでの働きかけメールによる働きかけキャンペーンのパフォーマンスをモニターするリファラーに基づいてコンテンツアセットをパーソナライズする被リンクをモニターする4. Twitterのプロフィールを検索して働きかけの対象をさらに見つけるソーシャルメディアマーケティングは、おそらくそれ自体がオーガニックなリンクをもたらすものではない
MA導入前に知っておきたい、メールマーケティングで効果を出す10のTips大公開！ | Web担当者Forum
MAを導入したが使いこなせず、メール配信システムに逆戻りラクスの調査によると、中小企業のマーケティング担当の76％は他の職務をやりつつマーケ担当を兼任している。さらに、リスティングやSEOなど、やらなければならないことはいろいろあり、メールマーケティングだけに注力できないのが現実だ。 また、メール配信の先にあるマーケティングオートメーション（MA）は、昨今、経営層にも認知が広まっており、導入を検討する企業が増えているが、そう簡単にはいかない。下記のような悩みからMA導入に足踏みするケースも多い。 高額な予算が必要運用設計が難しい多機能すぎて駆使しきれない人的リソースが確保できない流行に乗って、メール配信システムを卒業し、MAに移行したはいいが使いこなせず、メール配信システムに“出戻ってくる”ケースも多いという。 安藤氏は、「MAは、自社で見つけた“勝ちパターン”を自動化するもの。まだ勝ちパ
誰もが知っているマークをグッズに 「企業のノベルティを勝手に作る」デザイナー
POPなポイントを3行で 日常生活の中で慣れ親しんでいるマークがグッズに Twitterで人気「#企業のノベルティを勝手に作る」デザイナー 視点を変えるだけで別のものになるという発想 商品のパッケージや企業のロゴなど、日常生活の中で慣れ親しんでいるマークを使ってグッズを制作する大村卓さん（@trialanderror50）の作品がTwitterで話題になっています。 スーパーマーケットとして知られている「イトーヨーカドー」の象徴的なハトのロゴを立体的に切り分けてつくられたテープカッターは、くちばしの部分でテープをカットできる仕様になっており、体験的にも楽しそうです。 しかもこのテープカッター、正面から見るとこの通り。トリックアートのようにテープカッターということがわからない仕組みになっています。 高島屋だってご覧の通り。めちゃめちゃ欲しい。 高島屋の椅子 Takashimaya Chair
これ便利！Web、UIデザインの配色カラーパレットツール7個まとめ
ウェブには数多くの素晴らしい配色カラーツールがありますが、この記事では、UIデザインに便利なカラーツール7つをご紹介します。 ユーザーインターフェースの色を選択するには、グラフィックデザイン向けプロジェクトとは異なる用意が必要となることに注意しましょう。UIデザインには、さまざまなバリエーションと色を持つ包括的な配色セットが必要なだけでなく、色がユーザークエスペリエンスにどのように影響するのかも検討する必要があります。 デザインにおいてもっとも重要な要素のひとつである「配色」を、見栄えを良くするだけでなく、効果的に選ぶことができるカラーツールをまとめています。 【2021年版】もう配色デザインには迷わない！すごい無料カラーパレットツール83個まとめ UIデザインで重宝する配色カラーツール7個まとめ 1. Accessible color palette builder プロダクトデザインに
みんな一度はやっちゃう（汗）、アウトドアの服装「NG実例」と「その攻略法」 | CAMP HACK[キャンプハック]
アウトドアファッションって、意外とコーデが難しい キャンプはもちろん、街着としても大人気のアウトドアウエア。特にここ数年のブームも相まって、各ブランドからはタウン向けのアーバンラインがリリースされるなど、アウトドアファッションの勢いは止まるところを知りません。 しかし、元来アウトドアでの過酷な環境やアクティビティを想定して作られたウエアなので、ファッションの基本を押さえずに着てしまうと、「ダサい……」の烙印が押されてしまうことも。 アウトドアウエアをお洒落に着こなすには、ある程度のファッション偏差値が必要です。山に登ったり、本気でアウトドアアクティビティを楽しんでいる人であれば別ですが、キャンプのようなライトアウトドアにおいては、意外とやってしまいがちなNGコーデがいくつかあります。 と語るのは、アウトドアにも精通したスタイリストの中島貴大さん。今回は中島さんが「これだけは避けるべし！」と
![みんな一度はやっちゃう（汗）、アウトドアの服装「NG実例」と「その攻略法」 | CAMP HACK[キャンプハック]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a8a887be5c9a7a648a08b54054eaafbc17132f1e/height=288;version=1;width=512/https%3A%2F%2Fimages.camphack.jp%2Fwp-content%2Fuploads%2F2019%2F10%2Fmain-3.jpg)
BuchlaのシンセがKickstarterに登場——MIDI対応アナログシンセサイザー「Easel Command」｜fabcross
デスクトップサイズのアナログシンセサイザー「Easel Command／208c」がKickstarterに登場し、人気を集めている。 プロジェクトオーナーのBuchla（ブックラ）は、1960年代にモジュラーシンセサイザー100シリーズを発表して以降、様々な製品を世に送り出している老舗のシンセサイザーメーカーだ。今回、同社のアナログモノシンセ「Music Easel」のコンセプトを継承しつつ、拡張性を高めたステレオ出力対応モデルとして、低価格で提供する。 Easel Commandは、標準でUSB BおよびDINによるMIDI入力に対応。MIDIコントローラーのほかにもSensel Morphタッチパッドなど様々な入力デバイスが簡単に接続できる。入出力や制御の独立性を得るため、オーディオ端子とバナナ端子をそれぞれを5つ追加している。オシレーターの周波数表示はより正確になり、細かな電圧調整
クエンティン・タランティーノ監督に迫るドキュメンタリー映画「QT8：The First Eight」予告編
1969年にハリウッドを震え上がらせた一大事件を題材として扱う「ワンス・アポン・ア・タイム・イン・ハリウッド」などを世に送り出した映画監督クエンティン・タランティーノに迫るドキュメンタリー映画「QT8：The First Eight」の予告編が公開されました。タイトルは「ヘイトフル・エイト」までの8作品を扱うことに由来しており、性的暴行疑惑で逮捕された映画プロデューサー、ハーヴェイ・ワインスタインとの関係も語られるとのことです。 QT8: The First Eight - Official Trailer (2019 HD) - YouTube 監督はタラ・ウッド。2014年に「恋人までの距離」「6才のボクが、大人になるまで。」などで知られるリチャード・リンクレイター監督のドキュメンタリー映画「21 Years: Richard Linklater」を撮った監督です。 この映画の中で触れ
ルールのコピーを減らすために、ボードゲームデザイナーとしてできること - ペンとサイコロ -pen and dice- BLOG
ゲームマーケット2019秋の準備も大詰めですが、「ドブルのルールをそのまま流用したゲームがクラウドファンディングを開始した」という話が飛び込んできました。 megalodon.jp ※プロジェクトの取り下げ申請を行われたということなので、リンクは魚拓です 弁理士に相談し、問題ないと言われた ルールはドブルそのまま イラストはオリジナルで、トランプとしても遊べるようにした というもの。 ボードゲーム界隈の人はみんなご存知ですが、「ルールに著作権は無い」というのはおっしゃる通りです。 このため、既存のゲームのルールをまるまるコピーしてゲームを出したところで、「法的には」問題ありません。 しかしながら、私自身もライセンス契約を結んだこともありますし、ルール制作者に対して対価を支払う仕組みが世界的に構築されています。 そうしなければゲーム制作のモチベーションが無くなりますし、海外のゲームを日本で発
好きなことを1年書き続けたら、Google Discover経由で読む人が激増した。プロレスブログ「NJPW FUN」の場合 - 週刊はてなブログ
プロレス団体「新日本プロレス」のファンブログである「NJPW FUN」が、開設から1年で飛躍的な成長を遂げています。ブログがスタートしたのは2018年8月。それから2ヶ月目で月間30万PVとなり、約1年後の今はその3倍以上の規模になっているそうです。 「NJPW FUN」が短期的にここまで読まれるようになったのは、「Google Discover」の影響が大きいとのこと。訪れるユーザーのうち、全体の約8割がGoogle Discover経由だといいます。 Google Discover……Googleがコンテンツを提供する仕組みの一つ。Googleの利用データや過去の検索キーワードなどをもとに、ユーザーが興味のある、あるいはユーザーにとって有益である可能性が高いトピックをアプリやブラウザへ自動的に表示する。 Discover を使用して、興味のあるトピックの最新情報を受け取る - Andr
面接時に見ているポイント - CARTA TECH BLOG
こんにちは、CTO歴も丸9年以上になりました @makoga です。 Podcastや勉強会で話をしたときに好評だったので、今回は私が面接時に見ているポイントを書きます。 ※この文章の元ネタは2016年1月に社内に公開したものです。 面接時に見ているポイント 3行まとめ 事実と意見を分けて説明できるか 実際の課題を解決しようとしているか 技術をどう理解しているか この文章の目的 30分から1時間の面接で一緒に働きたいかを判断するのは難しいことです。私も経験を積んで学んできました。 まだ経験が浅い面接官に私が実践していることを伝えることでVOYAGE GROUP全体の判断の精度を上げていくのが目的です。 事実と意見を分けて説明できるか 圧倒的にこれは重要。これができない人はかなり厳しい。 関わったプロジェクトのなかで、自身が一番活躍できたと思うプロジェクトについて聞く 学生の場合は1人で個人
記事公開日ではなく最終更新日をスニペットに表示するようにGoogleに強制はできない
[レベル: 中級] スニペットに日付けが表示されることがあります。 記事の最終更新日を日付けとして表示するように Google に強制することはできません。 日付けを表示するかしないか、表示する場合はどの日付けを表示するかは Google が判断します。 スニペットの日付けを選択することはできない 英語版オフィスアワーで次のような質問が出ました。 公開日の代わりに最終更新日を検索結果に表示させる方法はあるか？ Google の John Mueller（ジョン・ミューラー）氏は次のように回答します。 いや、ない。 公開日を検索結果に表示するというよりも、どの日付けを表示するのが適切かを見つけ出そうとする――ページに書かれている日付けの場合もあるし、そのページを Google が初めて発見した日付けの場合もあるし、そのページが最後に更新された日付けの場合もある。したがって、どの日付けになるか
Google、新しい何かを開ける「.new」を自社以外も登録可能に SpotifyやMediumが登録済み
米Googleは10月29日（現地時間）、所有するトップレベルドメイン（gTLD）「.new」を利用するショートカットを、自社以外も活用できるようにしたと発表した。まずはスウェーデンSpotifyや米Mediumなど10社のショートカットが利用できるようになっている。 例えば「playlist.new」でSpotifyの新規プレイリスト作成ページが、「podcast.new」でSpotify傘下のAnchorの新規ポッドキャスト開設ページが、「story.new」でMediumの新規投稿ページが開く。 Googleは2014年に.newを取得した。昨年10月にWebブラウザのアドレスバーに「doc.new」などと入力することでG Suiteの新規ファイルページを開けるショートカットを紹介し、先週「cal.new」でGoogleカレンダーの新規予定入力ページを開くショートカットも紹介した。
著作権フリー！フルーツ配送用のカラフルな木枠ビンテージラベル600枚コレクション
フロリダ州立図書館（The Stae Library of Florida）が、1920年代から50年代にかけてアメリカで果物や野菜の配送に利用された、600枚の木枠ラベルコレクション The Crate Label Collectionをデジタル・アーカイブとして公開していたので、今回はご紹介します。 デザインが作成されてから100年以上が経過したいまでも、驚くほどユニークで多様なデザインそして印刷スタイルが使われており、ヴィンテージやアンティークデザインの参考に最適です。著作権フリーで商用利用できる点もポイント。 これぞ広告ビジネス、バイヤーの注目を引くデザインの数々 アメリカでは19世紀後半に鉄道が拡大したことで、常夏のサンセットやビーチ、優雅なヤシの木、ジューシーな果物など暖かい気候を求めて、フロリダに多くの観光客が押し寄せました。 1920年代に入ると果物や野菜の生産者は、鉄道で
「日本のハイジ」を通しスイスという国が受容されている──スイス国立博物館のハイジ展の本気度
展覧会は、チューリヒ大学ハンス・ビャーネ・トムセンス教授の「日本のハイジ」を本場スイスできちんと紹介したいという思いから開催に至った。 Photo：Satomi Iwasawa ＜「日本のハイジ」は、観光大使さながらの活躍。会期中には、日本、スイス、ドイツ、韓国の大学教員（研究者）たちを招き、ハイジについて語り合うシンポジウムも行われた。＞ 2019年7月中旬から3ヶ月の予定で、スイスで、日本のアニメ「アルプスの少女ハイジ」（ズイヨー映像・作）の展覧会が開催中だ。場所はデパートやイベントスペースではなく、なんと、スイス国立博物館だ。ここはチューリヒ中央駅の目と鼻の先にあってアクセスは抜群、お洒落なレストラン・ビストロもあり、スイス人に親しまれている。原作が生まれたスイスで、本格的な「日本のハイジ」展は初めてだ。 スイスでは、実写版テレビシリーズもヒット 45年前の1974年、毎週テレビ放映
【CODモバイル】初心者攻略！ドン勝をとるための立ち回りとコツ - 神ゲー攻略
CoDモバイル(コールオブデューティモバイル)における「バトルロイヤル」の初心者向け攻略方法を紹介！初心者におすすめの武器や立ち回りのコツについても記載しているので、バトロワをプレイする際の参考にどうぞ！ © Activision © tencent games 最初に覚えておくべきこと バトロワは大人数で戦うサバイバルゲーム バトルロイヤル(バトロワ)とは、広大なマップに最大100人が降り、最後の1部隊になるまで戦うサバイバルゲーム。武器や装備は現地調達し、時間経過で縮小する安全地帯の中を目指しながら敵と戦うことになる。 ソロでプレイしてゲームの流れを覚えるバトロワはソロ(1人)、デュオ(2人)、スクワッド(4人)でプレイできる。デュオやスクワッドでプレイする前に、ソロでゲームの流れを覚えておくとスムーズに動ける。
パンクロック初心者必聴バンドを「A」から「Z」ごとに紹介した『はじめてのパンクABCブック』 続編発売決定 - amass
パンク・ロック初心者に聴いてほしいバンドを、アルファベットの「A」から「Z」ごとに紹介した、パンク・ロックA to Z本『はじめてのパンクABCブック（原題：MY VERY FIRST PUNK ABC BOOK）』。その続編として、次に聴いてほしいパンク・ロック・バンドを同じく「A」から「Z」ごとに紹介した『ANOTHER PUNK ABC BOOK』が発売決定。 手掛けたのは、イングランドのエセックスに拠点を置くクリエイティブデザインスタジオのHowell Edwards Creative。 『MY VERY FIRST PUNK ABC BOOK』『ANOTHER PUNK ABC BOOK』ともにフルカラー32ページ。 『ANOTHER PUNK ABC BOOK』は11月29日発売。また『MY VERY FIRST PUNK ABC BOOK』は重版も決定しており、第4版は同じく
Moon Lenceのアウトドアチェアは3,000円以下で高性能～！ | ROOMIE（ルーミー）
1分で組み立てられるお手軽感 見ての通りすごくシンプルな構造です。カバーの中に入っているのは座面のシートと骨組みの2パーツだけ。これなら部品をなくしてしまう心配もありません。 骨組みはゴムで一つに繋がっており、差し込む穴を間違えることはありません。 ポールを手放せば自然とゴムの力で穴にはまるように組み立てることができ非常に楽です。 はじめて組み立てましたが1分もかからず骨組みを組み上げられました。 あとはシートを骨組みの４隅にひっかけて完成。布地も一枚なのでお手入れもしやすいと思います。 耐久性もバッチリ150kgまで対応！ 骨組みが細く、椅子としてもかなり小さいながら、耐久性能はなんと150kg！ 小さな力持ちですね。 座ってみたところ、ぐらついたりはすることなく安心して腰掛けられました。 座面がハンモックのようにしっかりと身体にフィットして、長時間座っても快適に過ごせます。絶景を眺めな
【爆盛り】十割そばはもういらん！ ってなる秋葉原「そば処 つつみ」の『もういらん盛り』が嫌というほどそばの山!! 立ち食いそば放浪記：第180回
» 【爆盛り】十割そばはもういらん！ ってなる秋葉原「そば処 つつみ」の『もういらん盛り』が嫌というほどそばの山!! 立ち食いそば放浪記：第180回 特集 【爆盛り】十割そばはもういらん！ ってなる秋葉原「そば処 つつみ」の『もういらん盛り』が嫌というほどそばの山!! 立ち食いそば放浪記：第180回 中澤星児 2019年10月14日 一度でいいから飽きるほど食べたい！ 大好物についてそう夢見てる人は多いと思うが、そば好きは秋葉原『そば処 つつみ』に行くと良い。食べても食べても減らないそばの山は、まさに飽きるほどの量！ 十割そばはもういらん!! ・もういらん盛り そんなメニューの名前は「もういらん盛り（税込930円）」という。食券機に、小、中、大、特盛と並ぶもりそばのサイズのボタン。その並びで異彩を放つ「もういらん盛り」のボタンに惹かれないそば好きはいないのではないだろうか。 初めて来店した
【MHWアイスボーン】太刀のおすすめ最強装備とスキル【モンハンワールド】 - アルテマ
アイスボーン(モンハンワールド/MHW)の太刀おすすめ最強装備を紹介。クリア後・ラスボス後・ストーリー攻略に合わせた装備構成を考察し、太刀のおすすめ武器や発動スキルも記載しています。 太刀関連でおすすめの記事
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
洗剤不要のキッチンスポンジ | アウトドア雑貨・小物 【BE-PAL】キャンプ、アウトドア、自然派生活の情報源ビーパル
PwCあらたとUiPath、RPAガバナンス構築のためのガイドラインとハンドブックを公開
栄養士も認める、低炭水化物ダイエットにおすすめの低糖質フルーツ10 | MYLOHAS
多機能なオシレーターを搭載したシンセサイザー、2getheraudio「Cheeze Machine PRO」リリース | Computer Music Japan