Content-Length: 321762 | pFad | http://b.hatena.ne.jp/nekonike/css/
Firefox 91 のスカスカメニューを改善する
スカスカ Firefox への抵抗Firefox 89 になったとき、メニューの行間が妙に広くなってしまい非常に困った。いままで画面内に収まっていたブックマークリストが、スクロールしないと開けない。 新たに採用された Proton UI なるものがタッチ操作を意識した設計らしく、とにかくメニューもタブもスカスカになった。マウスでしか使わない勢にとっては改悪でしかない。 Org Firefox UI (ブックマーク)New Proton UI (ブックマーク) Firefox 89～90 までは内部設定でこの Proton UI を無効化できたのだが、 2021年8月11日にリリースされた Firefox 91 では、Proton 無効化設定スイッチと Proton UI 以外のコードが削除されてしまった。 無償ユーザーの立場なのであまり文句は言えないのだが、検索してみると、案の定 Twit
背景固定で美しいブラーがかかった半透明のパネルだけがスクロールするスタイルシート | コリス
レスポンシブ対応で背景画像は固定表示、美しいブラーがかかった半透明のパネルだけがスクロールするコンテンツを実装するスタイルシートを紹介します。 最低限の要素にしたデモ 実装は、こんな感じになります。 HTML パネルはarticle要素で実装します。中身はテキストでも画像でもフォームでも何でもOK。 <body> <article> <h1>半透明の美しいパネル</h1> <p>洋酒といえば、誰でも最初に思い浮かべるのがウイスキー。いわば洋酒のシンボル的な存在なのだが、英語表記が［一般に〔米〕では Whiskey,〔英〕では Whisky.］であることはあまり知られていない。米英両国では、このスペルの差で自国産と輸入品を区別しているという。わが和製ウイスキーの“Whisky”という英国式表示は、手本にしたスコッチのフォルムに倣ったものであり、それ以上の意味はないようだ。カナ表記にしても、ご
秀逸なアイデアが素晴らしい！CSS3を使ったホバーエフェクトのまとめ
画像やパネルのホバー時に、CSS3アニメーションを使った気持ちのいいエフェクトを実装するチュートリアルをまとめました。
GUIで直感的に作成できる3種類のCSSコードジェネレーター
GUIで直感的に作成できる3種類のCSSコードジェネレーター Button Builder 様々なユーザーインターフェースのデザインを公開している『Ui Parade』が公開している3種類のCSSコードジェネレーター。 ボタンを作成する『Button Builder』、フォームを作成する『Form Builder』、リボンを作成する『Ribbon Builder』の3種類が利用できます。 Form Builder Ribbon Builder どれもプレビューしながらスライダーなどを使って直感的に作っていくことが可能です。 出来上がったら『Generate HTML』あるいは『Generate CSS』をクリックするとコードが出力されます。 作成されたコードはコピーして適宜デザインワークに利用できます。
Mozilla Re-Mix: Firefoxのブックマークフォルダアイコンを変更する方法。
FirefoxやThunderbirdはWEBユーザーの必須アイテム。 初心者からヘビーユーザーまで使える！便利でクールなFirefox拡張機能（アドオン）の使い方やカスタマイズ、Mozilla関連情報をどうぞ。 Adobe 「Flash Player」を緊急アップデート。 by hoge (07/16) Adobe 「Flash Player」を緊急アップデート。 by H.I. (07/16) ウェブページから余計なコンテンツを排除して読みやすく表示できるFirefoxアドオン「Tranquility Reader」 by しんちゃん (07/11) YouTubeのHTML5動画に表示される広告をブロックしてくれるFirefoxアドオン「YouTube Advertisement Blocker」 by はち (06/17) ウェブページ上の不要なリンクを非表示にできるFirefox
[CSS]CSS3アニメーションを使ったスタイルシートのテクニックのまとめ
アニメーションといえばFlashやJavaScriptが主流でしたが、CSS3の登場でアニメーションを手軽にウェブサイトに利用できるようになってきました。 CSS3アニメーションを使った実用的なテクニックから、実験的なすごい作品までを紹介します。 対応ブラウザはほとんどのものがChrome, Safari, Firefox4となっています。 ※デモページは明記がないものは全てFirefox4での表示です。
CSSでレイアウトするなら絶対覚えておきたいブロックレベル要素のクセとかいろいろ
Webデザインをするときに、必ず使うスタイルシート。思うようなレイアウトを作るために、チェックしておきたいブロックレベル要素や、インライン要素のクセみたいなのをまとめてみました。後半はスタイルが反映されない原因のひとつ、スタイルの優先順位についてです。 Attention 記事公開時からいろいろと勉強して、この記事内で紹介している事柄で、間違った解釈をしていたなーと気がつきました。 この記事の中でいくつか追記してありますが、詳しくは、新しく書いた 11月7日の記事：CSSでレイアウトするなら絶対覚えておきたい配置のルール：フロートや絶対配置、z-index とかいろいろ を読んでみてくださいね！ New Post Webサイトをデザイン、レイアウトするのに欠かせないのが CSS（Cascading Style Sheets、スタイルシート）ですね！今では CSS3 が話題を集めていて、CS
12 Fun CSS Text Shadows You Can Copy and Paste
Typography is everyone’s favorite toy in web design. One particularly fun tool that CSS gives you to play with your type is text-shadow, which seems simple enough at first but can be used to create some remarkable effects with a little ingenuity and creativity. Today we’re going to run through several text-shadow examples that you can copy and paste for your own work. 19 Million+ Digital Assets, W
Stylishier - soundscapeout (仮)
Firefox のステータスバーや、ツールバーに表示されるアドオンアイコンを Mac ライクにするスタイル（Stylish 用のテーマ）。 Google 検索、Google リーダーを Snow Leopard 風にするスタイルを紹介しましたが、今回のスタイルも同じ作者の方 m.mike kondo さん作です。 このスタイルを導入することで、Greasemonkey、Stylish、Xmarks、Firebug のステータスバーのアイコンが Mac ライクになります。 Stylishier Greasemonkey status icon | userstyles.org Stylishier Stylish status icon | userstyles.org Stylishier Xmarks status icon | userstyles.org Stylishier Fir
Stylish :: Firefox Add-ons
Stylish lets you style the web according to your personal taste. ★ Give Reddit a dark mode, use minimalist Facebook themes, or change the look of Google, Twitter and any of your favorite sites ★ Customize website backgrounds, color schemes, youtube skins, fonts and even animations ★ Easily disable, enable, edit or delete any of your installed styles (themes) ★ Create your own user styles (themes)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Fetched URL: http://b.hatena.ne.jp/nekonike/css/
Alternative Proxies:
[CSS]永遠にスクロールしていたくなる、気持ちいいエフェクト -CSS Scroll Effects
Wikipedia - perfect. clean. readable. printable.
IDEA * IDEA
caleb531 - Stylish themes & skins
Text Shadow for Firefox 3.5+
m.mike kondo - Stylish themes & skins
Google Reader: Prettier add subscription, edit tag
Firefox 3.6 Sidebar Below The Tabbar
ChromEdit Plus
DesignWalker
