web・css

フォントサイズの単位にvwを使うという選択肢

自分のサイトの文字の大きさ、いろいろ悩みますよね。どの大きさが一番読みやすいのか、どうしたらみんなに読んでもらえるのか。でも個人サイトであるのなら、最終的には自己満足でいいんです。私はそう思います。

Googleアドセンスが15周年とのことでおめでたいですな。

昨日、7月2日にGoogleアドセンスを開いたら、風船が舞いました。Twitterでも誕生日に開くと風船が舞いますが、あんな感じです。

個人間のつながりでチャットワークを使うのはもう終わりなのかもしれない

2018年7月18日からチャットワークのフリープランの内容が変更になります。この変更の内容が個人的にクリティカルで、今後新しく何かを始めるときにチャットワークは選択肢に入らなくなるだろうな、と。そんな変更内容でした。

1つのアイコンで2色設定できるアイコンフォントを使ってみる

アイコンフォントって便利ですけど、基本的にフォントなので1色しか使えないですよね。でもフォントファイルを工夫すれば2色使えるんじゃないかと思って試してみました。

ウェブサイトの横幅はどれくらいがいいのか?訪問者のブラウザサイズから考える

ウェブサイトの横幅をどの程度の広さにしたらいいのか、というのはいつもいつも悩むことです。時代によってディスプレイのサイズも変わってきますしね。 実際に自分のウェブサイトを見ている人がどんなブラウザを使っているのか、その表示領域の広さはいくつ…

Google Fontsの中から最近お気に入りのフォントをいくつか

Google Fontsは便利ですね。めっちゃ種類あるのですが、その中から最近お気に入りのものをいくつかメモのように残しておきます。

ブログとメディアのウェブデザイン上の違いで気付いたこと

サイトリニューアル作業中です。なのでほかのいろいろなサイトも参考にしています。そこで気付いた「ブログ」と「メディア」でのデザインの違いが3つほどありました。 メモ的に残しておきます。

最もクリックされやすいボタンの色ってなんだろう?

メインサイトの方で、アプリのダウンロードボタンのクリック率を上げたくて、どんな色のボタンがいいのだろう?差はあるのかな?と調べようと思っていました。

最後の子要素のmargin-bottomを0にすればまぁいいよね、というメモ

cssをいじってて、「これどうしようかなー」と思っていたことがありました。tableやdivの下paddingと中の要素のmargin-bottomでスペースが空きすぎるの。 とりあえずの結論が出たのでメモしておきます。

好きなエディターでWebページのソースを表示するFirefox/Chromeアドオン「withExEditor」

先日Firefoxをバージョン57、Firefox Quantumにアップデートしました。その影響で使えなくなった「Dafizilla ViewSourceWith」に代わるアドオンとして「withExEditor」を導入しました。これは見ているウェブページのソースを自分の好きなエディターで表示で…

Firefox 57 (Firefox Quantum)で使えなくなったアドオンの代替を探す旅へ

2017年11月14日に、Firefoxの最新版Firefox 57がリリースされました。これは別名Firefox Quantumと呼ばれるほどの大型アップデートです。めっちゃ速くなるらしいですけど、その影響で対応していないアドオン(拡張機能)が使えなくなってしまいます。

【保護されていません】Google Chrome バージョン62が出てた

前々からhttps関連で話題になっていたChrome 62が正式リリースされました。さっそくChromeを起動してバージョンアップさせ、表示を見てみました。

ブログって何なんだろうな

「ブログの定義」みたいなのって、時々考えちゃいます。でも時が経つに連れてそれなりに変化してきているので、私が思うブログと今の世の中のブログがだいぶ差ができているような気もします。

ブラウザ上で入力欄のテキストを置換するFirefoxアドオン「FoxReplace」

はてなブログのhttps化でこれまでの記事を大量に修正しなくてはならない人もいて「大変だなー」と他人事のように思っているのですが、その関連で便利そうなFirefoxアドオンを知りました。

はてなブログでソースコードの表示をわかりやすくするカスタマイズ

このブログでもcssやhtmlのソースコードを掲載することがあるので、それの見た目も少し整えてみようと思います。

はてなブログの日付表示(月名)をcssで英語表記にしてみる

以前、似たようなネタで日付表示をいろいろカスタマイズする方法を紹介したのですが、よくよく考えてみれば月名を英語にするだけだったらcssだけでできることに気づきました。

いよいよ今夜、Android 8.0が正式発表!?今度のお菓子はなんだろう?

いよいよ今夜、Androidの最新バージョンAndroid 8.0が正式発表される見込みです。数日前からティザー動画など出ており、今夜アメリカで見られる皆既日食に合わせて発表会が開かれるのだとか。

今日気になったもの:KLWPや格安SIMやコミケ、パスワードなど

記事にしたりするまでは行かないものの、今日気になったもの、Twitterに投稿したものなどを備忘録的にいろいろ。

吹き出し会話のスタイルを作ってみる

あまり自分で使うこともないのですが、cssで作る吹き出し会話について考えてみました。

記事を消すのは何のため?誰のため?

時々はてなでも見るんだけど、過去の記事を消しました、消したらpv上がりました、という内容の記事。これについてモヤモヤ思うことを。

cssで作るあのサイトのあのボタンみたいなボタン

前回の記事で基本的なことは書いたので、次は模倣。いくつかのサイトにある、実際に使われているボタンに似たものを作ってみます。

cssによるボタンデザインの備忘録

単純なリンクをボタンとしてcssでデザインしていきます。ちょっとした工夫で「それっぽく」見えるので、工夫次第でいろいろなものが作れるでしょう。

はてなアンテナ…使ってる人少ないのか。私はまだバリバリ使ってるよ、という話。

具体的な数字は知らないですけど、はてなアンテナの利用者は少なくなってきていると話に聞きます。たぶん私がはてなを利用し始めて最初か次かに使い始めたサービスで、今でも使っています。

Google検索結果での星表示にも対応させたレビューのまとめ表示カスタマイズ

先日、レビューブログに使ってほしいカスタマイズとして「良い点・悪い点のリスト」と「星による自分の評価」を紹介しました。その後、自分なりにこれらをまとめ、さらにGoogleの検索結果に星表示が反映されるようにしてみました。

レビューブログに使ってほしい はてなブログカスタマイズ その2:自分の評価を星で表示

前回の「良い点悪い点リスト」に続き、もう1つ紹介します。今回は色んな人が集まるサイトでよくある「星で表示する5段階評価」です。ただしあくまで自分の評価を表示するだけであり、読者に評価してもらうものではないです。

レビューブログに使ってほしい はてなブログカスタマイズ その1:良い点・悪い点のリスト

私のこのブログはレビュー系ではありませんが、メインサイトの方ではスマホや周辺機器のレビューをやっています。そこで使っていたり、ほかのレビューブログでもこういうのがあるといいな、というカスタマイズを残しておきます。まず今回の「あるといいな」…

css圧縮の罠

先日はてなブログテーマZENO-TEALのちょっとした修正を行いました。とりあえず表示に変化を与えるものではなかったのですが、それとは別の部分でトラブルが出ていました。一応修正済みです。

Google AdSenseのダブルレクタングルをスマホ表示の時に片方だけ消す方法

ブログの記事下にアドセンス広告を横に2つ並べて表示している人は多いですよね。いわゆるダブルレクタングルというものです。これ、スマホ表示の時にどうしてますか? スマホ表示の時も無理やり横に並べることはできますが、それでおかしな横スクロールが発…

サイトデザインの小さなこだわり

私が初めてhtmlと出会ったのは1997年のことでした。もう20年も前なんですね。それから今まで独学でhtmlやらcssやらサイトデザインやらを学んできました。そうなるとポリシーというか好き嫌いと言うかが出てきます。

Wordpressメモ

削除する前にメモとして残しておくもの。あとからググり直すの、面倒だしね。自分のブログ内に置いとくよ。