ウェブサイトオーナーやサイト管理者の方なら、サイトをCSSで装飾するような作業を行うことはよくあることだと思います。 最近ではこのような作業も優秀なフリーソフトやオンラインツールで簡単に行うことができるようになっていますが、サイトを閲覧しながら思い立った時にすぐ実行したいということもあるでしょう。 こんな時、ブラウザから素早くCSSを生成することができれば便利かもしれませんね。 Firefoxに「CSSsir」というアドオンをインストールしておけば、そんな場面でも素早くCSSジェネレータを起動し、コードを生成することができるようになります。 「CSSsir」は、Firefoxのツールバーボタンから7種のCSS3クロスブラウザコードを生成することができるようになるというアドオンです。 アドオンをインストール後ツールバーに設置されるボタンをクリックし、メニューから生成したいCSSを選択するだけ
CSSに関するw2allenのブックマーク (19)
-
w2allen 2012/07/12
-
コピープロテクトのメディアはコピー出来ない | ImgBurn
ImgBurn > コピープロテクトのメディアはコピー出来ない 当たり前と言えば当たり前の事ですが。 ImgBurnはコピープロテクトが施されたメディア（CD,DVD,BD等）は扱えません。 読み込めません。ドライブにその手のメディアをセットして、ImgBurnで認識させると以下のメッセージが表示されます。 This disc is copy protected! Copyright Protection System Type: CSS/CPPM Sorry, ImgBurn cannot read copy protected discs. If you go ahead and try to create an image anyway, don’t blame me if it fails! メッセージを訳すと、 「このディスクは、保護されています! 著作権保護システムタイプ: C
-
-
DVD の CSS 解除は適法です (ただしCSS に限る) - 宇宙線実験の覚え書き
2012 年 10 月 1 日から違法になりました 今更感のある話題ですが、自分用のまとめ。DVD には CSS という「プロテクト」がかかっていて、単純に DVD-R に焼いたり HDD にコピーしたりすることはできません。CSS を解除するための手段をとらない限り、CSS を解除するための鍵自体がコピーされないからです。 この CSS を解除するのが違法か適法かというのは DVD のパソコン視聴が一般的になった 2000 年代初頭から議論のあるところで、CSS を「コピーコントロール技術」だと解釈すると著作権法違反になり、また「アクセスコントロール技術」であると解釈すると適法だと言われています。 自分は法律の専門家ではないので法の解釈は詳しく知りませんが、朝日中央綜合法律経済事務所グループというところが運営している法律相談のページによると、 Q. CSS という暗号技術が施された DV
-
スタイルシート［CSS］
文字サイズの指定方法 文字のサイズは、以下の3つの方法で指定することができます。 長さ・パーセントで指定 font-size: 1.5em; font-size: 80%; 数値+単位（em 等）またはパーセントで指定する方法です。 パーセントで指定することをお勧めします。 絶対サイズのキーワードで指定 font-size: small; 次の7段階のキーワードで指定する方法です。 xx-large … 最も大きいサイズ x-large large medium … 標準サイズ（初期値） small x-small xx-small … 最も小さいサイズ xx-large が最も大きいサイズ、xx-small が最も小さいサイズになります。初期値は medium です。 ブラウザの種類や表示モードによっては、small が標準サイズとして扱われる場合があります。詳しくは表示モードによる解釈
-
HTMLとスタイルシート（CSS）の業務スキルレベル 判別表 （５段階） - 主に言語とシステム開発に関して
スキルチェックの目次へ HTMLおよびスタイルシート（CSS）を利用したWebページ制作の，簡易スキルチェックのための調査表。印刷用。 マークアップ・エンジニアとしてのレベルを測定する。 これは，「Webページをコーディングして作る人」全般に当てはまる。 レベルは，０から４までの５段階。 （０） 非エンジニア （１） 初学者（入門書を学習してゆく段階） （２） ノーマル（基礎的な知識があり，ある程度の画面を作れるようになった段階） （３） 中級者（Webアプリの開発プロジェクトで１人月としてカウントできる水準） （４） 上級者（メインPG/デザイナとして，Web UIの主担当を任せられる水準） Webアプリのプロジェクト開始時に作業振り分けをするにあたって，新規メンバ全員にこれを渡して回答してもらうという用途を想定。 なお，システム開発上のスキルをチェックする事が主眼なので，アーティスト（
-
-
Mozilla、「CSS による Web ブラウズ履歴漏えい」をブロックする方向へ | スラド セキュリティ
「JavaScriptを使わずにWebブラウザの閲覧履歴を盗む」や「楽天・ドリコムの行動ターゲッティング広告、HTML/CSS仕様の不備を突いて訪問先サイトを調査」などで過去話題に上った「HTML/CSS仕様の不備」について、Mozilla が対策を行う方針で検討を進めるようだ (Mozilla Japan ブログ記事、Mozilla Security Blog の記事、Mozilla Developer Street (modest) の記事) 。 問題となっている「HTML/CSS仕様の不備」というのは、「すでに訪問済みのリンクを別の色で表示する」というもの。これは長らく使われてきた仕様であり、ユーザビリティの向上にも役立っている。しかし、たとえばページ内に大量の隠しリンクを埋め込み JavaScript でその表示状態をチェックする、といった手法を用いることで、URL に対し訪問の有
-
iPhone 17 Airは予想より安く、折りたたみ式iPhoneは2026年に発売予定との報道
2025年に登場予定のiPhone 17では、超薄型のiPhone 17 Airという新モデルが追加されるのではないかとウワサされています。このiPhone 17 Airの詳細を、ウォール・ストリート・ジャーナルが報じました。また、Appleが開発しているとウワサされている折りたたみ式iPhoneは、2026年に登場するとも報じられています。 Apple Plans Thinner, Foldable iPhones to Revive Growth - WSJ https://www.wsj.com/tech/apple-thin-iphone-foldable-computer-plans-dbb4286c WSJ: iPhone 17 Air to be cheaper than expected; foldable iPhone on track for 2026 - 9to5Ma
-
「HTMLやってる」人を何と呼ぶ？ | スラド デベロッパー
人々がウェブページのマークアップ書きを生業とするようになってから10年以上経つが、その肩書き（とその役割）はいまだ定まっていないように思う。インテグレーションのタスクとして取り組む人、全体のUIデザインの一部として見る人など、マークアップを書く人のタイプは異なる。仕事場における「グラフィック・デザイナー」や「インフォメーション・アーキテクト」といった役割の存在によって、その状況はより複雑化している。このことは人材募集を行うにあたって頭痛の種となる。 皆のまわりの「HTMLやっている」人（HTMLに加え、CSSとJavaScriptやグラフィックをいじるのも少々含まれるだろうか）はどんな肩書きで呼ばれているだろうか？ 今まで目にした肩書きには「デザイン・テクノロジスト」、「ウェブ・デベロッパー」、「フロントエンド・デベロッパー」、「HTML/CSSデベロッパー」、「クライアントサイド・デベロ
-
自分のページやサイトが各ブラウザでどのように見えるか確認できる便利なサイトいろいろ - GIGAZINE
サイトのレイアウトを変更したり、新しくデザインする際に使えるのがこのクロスブラウザテスト、要するに「それぞれのOSのそれぞれのブラウザで自サイトは正しく見えているのか？」をチェックするサイトです。予算と時間が潤沢であれば、自分で各種OSを揃え、各種ブラウザを導入してチェックできるのですが、あまりにも非現実的な場合が多いため、この手のテストサイトは非常に重宝します。 というわけで、デザインやレイアウトのチェックに使えるクロスブラウザテストのサイト一覧は以下から。 10 Helpful Resources for Cross Browser Testing Browsershots http://browsershots.org/ 見てのとおり、現時点ではほぼ最強に最も近い定番クロスブラウザテストサイトが「Browsershots」です。Linux・Windows・Mac OS・BSDの各種ブ
-
-
デザイン・テンプレートを変更しました | スラド
本日 18 時に，slashdot.jp のデザイン・テンプレートを変更しました． 以前のバージョンアップのときに書いたとおり，テンプレートを大幅に書き換え，CSS によるデザインになりました．slashdot.org のテンプレート・CSS をベースにして作成しています． コードベースは変更していませんので，機能的な差異はありませんが，CSS 化の影響でライトモードの扱いが変わっています．ライトモードは '省帯域モード' と、'シンプルデザインモード' の２種類の設定に分割されました． この２つは 同時に指定できます． 設定ページでこれらのモードを標準に設定できます．light=1 の指定はまだ有効です(両方指定された状態になります)が、いずれ無くなりますので注意願います． いくつかの環境でチェックを行いましたが，まだいくつかの問題が残っている箇所があると思います．表示に問題があると思っ
-
Seesaaブログテンプレート更新
当サイトで現在公開中のSeesaaブログテンプレートを更新しました。 Seesaaブログは最近ご無沙汰してまして、「機能追加されています」というコメントを頂いての反映です。ご連絡ありがとうございました。 今回の更新はSeesaa ブログ、新機能追加によるスパム対策強化のお知らせに対応しています。具体的には、コメント入力時に 名前 メールアドレス ホームページアドレス 本文 の必須入力を指定することができます。 また、コメント送信時に認証コード（CAPTCHA™）を要求することも可能になりました。認証コードは管理画面で手入力する形式で、動的に認証コードが変化するものではありません。 最新のデフォルトテンプレートと比較して差分を追加しましたが、上記以外の機能については未確認ですので、不具合がございましたらご連絡ください。 変更内容の動作については私のSeesaaブログをご覧ください。コメントエ
-
CSSとHTMLをリアルタイムに書き換えてプレビューできる「rendr」 - GIGAZINE
「CSS」タブをクリックして、中のコードを書き換えると、リロードせずにそのままリアルタイムにページ全体を再レンダリングしてくれます。「Markup」タブをクリックすればHTMLコード自体を書き換え可能。元に戻すには「clear markup and css」をクリック。 Firefoxの拡張である「greaseMonkey」バージョンもあるので、自分のサイトで同じようなことができるようになり、CSSデザインの試行錯誤が楽になります。 詳細は以下から。 rendr http://gregtaff.com/rendar2.html greaseMonkey版はキャッシュが有効な場合に、ローカルキャッシュのHTMLファイルを直接書き換えてリアルタイムプレビューするというモノになっています。 インストールするにはgreaseMonkeyをインストールした状態で上記ページの「greaseMonkey
-
ルビ表示はユーザスタイルシートで! - 徒書
なんだか最近になってMozillaでルビ表示3の記事(個別ページ)がブックマークされているなと思っていたのですが、404 Blog Not Found:css - ルビもCSSでで紹介されていたからのようでした。 それにしてもその紹介記事のブックマーク数が200以上ってすごいな。やはりウェブでは作った人よりも紹介した人の方が注目される、ということなのでしょうか。それはいいとしても、トラックバックで「プログラマーの小飼弾氏のアイデアと技術には……」と書かれているのを見てしまうと釈然としないものを感じてもいいでしょうか。(←誤った疑問文) それはそれとして、404 Blog Not Foundではルビ表示用のスタイル定義をサイト用のCSSに組み込んでいますが、これはあまりよくありません。あのスタイル定義は(2001年当時のMozilla用に作った、)あくまで擬似的な表示を行うスタイルです。製作
-
css - ルビの理想と現実 : 404 Blog Not Found
2006年06月01日17:20 カテゴリTips css - ルビの理想と現実 まずは業務連絡ぎょうむれんらくから。みなさん、CSSでrubyルビをやる方法ほうほうの元もとはこちらです。私わたくしではありませんのでご注意ちゅういください。 akatsukinishisuさん、改あらためてお礼れい申もうし上あげます。 ルビ表示はユーザスタイルシートで! - 徒書 それにしてもその紹介記事のブックマーク数が200以上ってすごいな。やはりウェブでは作った人よりも紹介した人の方が注目される、ということなのでしょうか。それはいいとしても、トラックバックで「プログラマーの小飼弾氏のアイデアと技術には……」と書かれているのを見てしまうと釈然としないものを感じてもいいでしょうか。ルビ表示はユーザスタイルシートで! - 徒書Mozillaでルビ表示3の記事でも触れていましたが、ルビ用のスタイル定義は、ルビ
-
css - ルビもCSSで : 404 Blog Not Found
2006年05月31日00:55 カテゴリTips css - ルビもCSSで これ、実はCSSでなんとかなります。 檜山正幸のキマイラ飼育記 - ルビ（ふりがな）タグの話 IE6では期待通りの表示（ふりがなの「おびただ」が「夥」の上に乗る）が得られます。FireFoxはダメでした、 以下をご覧ください。 夥 （おびただ） しい数のWebページ どうです? 当blogでは、現在以下をCSSに加えてrubyを実現しています。IEでもSafariでもFirefoxでもちゃんと見えます。 /* * based upon * http://www.akatsukinishisu.net/itazuragaki/2001_10.html#ruby_for_Mozilla_3 */ ruby { display:inline-table; text-align:center; white-space:
-
パンパでガウチョ : livedoor BlogのCSSアレンジ(3) - livedoor Blog（ブログ）
「livedoor BlogのCSSアレンジ(2)」から1年と5ヶ月の歳月を経ての続編…(爆) 上の記事に掲載した画像とどっちが分かりやすいでしょう？ カレンダー部分はちょっとわかりやすくなったかもしれません。 というか、この図はどこかで見た記憶があるので、きっと既にどなたかが描いておられるでしょう。まあせっかく書いたのでエントリーします。 参考にさせていただいたのは下記の記事です。 はてなブックマークの構造(?d:kamioka) body #container #banner//タイトル領域 .blogtitle//ブログのタイトル a .description//ブログの説明 #content//記事部分 ※トップページのみ .blog .date//投稿日付 .blogbody .title//記事タイトル .main//記事本文 img.pict//記事中画像 span.main
-
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しました