Yahooニュースの一覧から特定のキーワードを指定して見たくない記事を非表示にするChromeの拡張機能を作ってみた。

Yahoo!ニュースのとある記事のコメント欄を読んでいたところ、「なんでこんなニュースばかり載せるんだ」「この話題もういい」「見たくないなら見なければいいんだけど、そもそも一覧に載せないでほしい」「加藤紗里というワードをブロックする機能が欲しい」というコメントをみかけました。 なるほど、そんな機能ならもしかしたら割と簡単に作れるかもしれないと思い、初めてChrome拡張機能を作ってみました。 拡張機能を作るにあたり、下記のサイトを参考にさせていただきました。ありがとうございました。 Chromeブラウザの拡張機能を作ってみたい初心者向けに開発方法を紹介!【サンプルあり】 Chrome拡張の作り […]

続きを読む

【CSS】文字サイズを画面サイズに合わせて改行位置を保つ方法

スマホの場合は特に、画面のサイズによってテキストの折返しの位置が変わるので、段落以外ではあまり恣意的に改行を入れないのがベターですが、見出し等でデザイン的にどうしても改行位置を保ちたい場面があったりします。 その場合は、文字サイズの指定に、pxやemや%では無く、画面幅を基準に指定できるvwという単位を使うと、改行位置をほぼほぼ保つ事ができます。 サンプルページ 他にも、vminやvmaxといった似たような単位がありますが、基本的にはvwで充分ではないかと思っています。 このvwに指定する数値ですが、上のサンプルページ(GIF画像)の場合、上のvw指定の文字は6.4vw、下のpx指定の文字は2 […]

続きを読む