Yukihy Life

ゆきひーによる日常生活をアウトプットするブログ 映画・TOEIC・教育ネタとだいぶ物理とWeb制作

CSS

CSSでスマホ画面で横スクロールするレスポンシブ対応のメニューを作るカスタマイズ

最近よく見る、スマホのときに横スクロールをするメニュー。 作り方をメモしたいと思います!

「アプリーチ」をCSSでカスタマイズ iPhoneアプリとAndroidアプリを同時に紹介できるブログパーツ

アプリを紹介するサービス「アプリーチ」 ブロガーであるまなしばさんのご主人が作成したアプリを紹介するサービス「アプリーチ」。

ヨメレバ・カエレバのデザインをCSSで変更するカスタマイズ!

はてなブログだけでなく、アマゾンや楽天・ヤフーショッピングの商品を紹介する際にはブロガーのかん吉さんが作ってくださったサービス「ヨメレバ・カエレバ」を使うことで 簡単にリンクを作成することができます。 それらを綺麗に表示させるカスタマイズは…

CSSで組んだドロップダウンメニューとスライドメニューを両立させたレスポンシブなメニューの作り方【コピペでOK】

以前、メニューバーをトグルメニューと両立してレスポンシブスタイルにするカスタムを書きました。

【改良版】コピペ一発はてなブログにトグルメニューをつけるカスタムを広告の背景に色がつかないようにしました!

かなり以前に書いた、コピペ一発ではてなブログのスマホ版にトグルメニューをつけるカスタマイズ。

CSSで組んだドロップダウンメニューとトグルメニューを両立させたレスポンシブなメニューの作り方【コピペでOK】

12/07:その他のカスタマイズを充実させました。 以前、グローバルメニューとトグルメニューを両立してレスポンシブスタイルにするメニューバーを作りました。

他のWebサイトのデザインをCSSで勝手に変えるChrome拡張機能「Stylish」をGoogleカレンダーに使ってみた

Googleクロームの拡張機能、「stylish」を使うと、自分がよく使うWebサイトのCSSを勝手にいじることができます。 今回はこれの使い方と、例としてGoogleカレンダーをデザインしてみたので紹介したいと思います。

CSSやjQueryで擬似クラス:first-childや:nth-childが効かないときに確認しておきたいこと

前回関連記事に関する記事を書いたのですが、その際CSSとjQueryでのfirst-childに関して勘違いをしていたので、メモです。