はてなブログ | 無料ブログを作成しよう超絶品！死ぬまでに一度は食べてほしい煮込み10選 ああ。いかにもインターネット！みたいなタイトルをつけてしまった。 「超絶品！死ぬまでに一度は食べてほしい煮込み10選」て。読んでほしすぎて大仰な形容詞をつけて数字を入れて読み手の注意を引くタイトル、もうネット記事まるだしである。 でも、わかってほしい。…
使っていないCSSを見つけ出す方法 | エンタープライズ | マイコミジャーナル
Windows Internet Explorer 8 オンザフライでCSSを調整してブラウザの表示に反映させるツールはいくつもある。WebデザイナやWebデベロッパにとって、WebサイトやWebページを制作する段階において欠かせないツールといえる。主要ブラウザにはそれぞれデバッグツールが付属しているか、付属していなくてもFirebugのように実質的にデファクトになっているツールが提供されおり、そうしたツールを使うことが多い。 このようにCSSをチューニングするためのツールは数多く提供されているが、逆にCSSで使われていないセレクタを特定して削除するといった機能を提供するものは少ない。IEBlog : CSS Crunch: new IE Extension for developersにおいてSelectors API Level 1で規程されているdocument.querySelec
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
Firefox 3.6 for developers - Mozilla | MDN
Firefox 3.6 では新規あるいは開発中のウェブ標準のサポート、性能の向上、ウェブユーザーと開発者にとってより良い体験が提供されます。このページは Firefox 3.6 で新しく利用出来るようになった機能に関する記事のリンクを提供します。 グラデーションの利用 Firefox 3.6 では background において、Mozilla が提案中の -moz-linear-gradient と -moz-radial-gradient プロパティのサポートが追加されました。 複数の背景 background プロパティ（および background-color、background-image、background-position、background-repeat、background-attachment）が複数の背景をサポートしました。これによりひとつのレイヤーの中で他に重
Twitterのウェブサイトをクライアントとして使うのに役立つGreasemonkeyとCSS
TwitterのHomeであるhttps://twitter.com/homeをクライアントして使うのに役立つGreasemonkeyとuserContent.cssのメモ書き Twitterを利用するのにTweenなどのクライアントソフトを使っている方も多いと思いますが、自分でいじれる範囲が限定されるため、 Twitterのホームページを積極的に使っていこう的な内容です。 自分の使い方としては、メインPCの横にLOOX Uを縦にした状態での使いやすさなので、縦長の画面での使いやすさを考慮してます。 まずスペースを確保するためにCSSで余計なものを消していきます。 Firefoxではusercontent.cssやstylishでCSSをいじれるので、自分なりに省スペースにしたものを置いておきます。(userContent.cssとは) usercontent.css 次に、画面サイズによ
XBLとuserContent.cssとGreasemonkey - 素人がプログラミングを勉強していたブログ
追記：コメントでbindToUntrustedContent="true"が必要になったと指摘をうけたので追加 2015/3/21 userContent.cssに @-moz-document domain("reader.livedoor.com") { #right_body > .item { -moz-binding: url("ldr.xml#filter") !important; } } と書いて、同じchromeディレクトリに、ldr.xmlという名前で <?xml version="1.0"?> <bindings xmlns="http://www.mozilla.org/xbl"> <binding id="filter" bindToUntrustedContent="true"> <implementation><constructor><
AAが貼ってあるページを自動判別してフォントをIPAモナーにするGreasemonkeyスクリプト - 素人がプログラミングを勉強していたブログ
javascripter's gist: 38970 — Gist にスクリプトを置いた。 // ==UserScript== // @name FixAAFont // @namespace http://d.hatena.ne.jp/javascripter/ // @include http* // ==/UserScript== var xpr = document.evaluate('descendant-or-self::*[contains(text(), "／")]/ancestor-or-self::div', document.body, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null); for (var i = 0; i < xpr.snapshotLength; ++i) { var elem = xpr.sn
CSSにデータを埋め込む方法を考えてみた(CSS2KB) - latest log
ここ最近 DOM + CSS + JavaScript な Widget を作ってます。タブとかスライダーとかです。 Wiget の見栄えを切り替える方法(テーマ)も実装してますが、CSS とテーマ情報を格納するファイルが、別々のファイル(CSS + js)に分かれてしまうので、どうにかしてこれらを一元管理できないもんかと考えてました。 今日は、list-style-image: や background-image: の URL(QueryString) に定数を埋め込む方法を思いついたので、その説明です。 list-style-image: url(1dot.gif?key=val) の key=val が取り出せるか試してみる <!doctype html><html><head><title></title> <style> .widget { list-style-image:
各種ブラウザでの互換性を検証できる編集ツール「Pirka'r」，IPAがOSSとして正式公開
独立行政法人 情報処理推進機構(IPA）は2009年9月30日，コンテンツをさまざまなWebブラウザで閲覧した際の互換性向上を支援するツール「Pirka'r」（ピリカル）を，オープンソース・ソフトウエアとして正式公開した。互換性を検証や，コンテンツ編集機能を備える。 Pirika'rは以下のような機能を持つ。HTMLやCSS，JavaScriptを検証し，ブラウザに依存する記述がないかどうかを検証する「ブラウザ互換性チェック機能」。コンテンツがFirefox, Internet Explorer, Safariでどう表示されるかを，1画面に並べて表示する「マルチブラウザビュー機能」。また，コード補完や，シンタックス・ハイライト，構文チェックが可能なHTML/CSS/JavaScriptのエディタを備えており，指定したURLのコンテンツをディレクトリ構造を保ったままダウンロードし編集できる。
IE PNG Fix - TwinHelix
IE PNG Fix 2.0 Alpha 4 This script adds near-native PNG support with alpha opacity to IE 5.5 and 6. Now you can have full translucency and no more ugly grey borders! Full CSS background positioning and repeat are supporting (including CSS sprites). It requires only one line in your CSS file, and no changes to your website HTML. <IMG> tags and background images are both supported. Script License Ag
古いブラウザでもCSS3セレクタを使ってWebページをデザインできるようにしてみた - latest log
uuCSSBoost.js は uuAltCSS.js に名前が変更になりましたが、一部の説明が記事を書いた当時の古い名前のままになっています。最新版では、uuCSSBoost.revalidate() は廃止され uuAltCSS() を呼び出すように変更になっています。 コードの解説を追記しました。 「最新の規格を実装したブラウザが登場しても、IE6 のせいで諦めるしかないのか」 「CSS3セレクタを古いブラウザでも使いたい!」 といった現場の声にお応えして、ほぼ全てのブラウザで CSS3 セレクタを利用したページデザインが可能になるJavaScript ライブラリを作ってみました。 特徴 軽いよ いろんなブラウザで動くよ(Firefox2+, Opera9.2x+, Safari3+, IE6+, Google Chrome1+) 95%〜98%ぐらいのシェアをカバーできるんじゃない
getComputedStyle()を利用した既読チェック
COLLECTION & COPYのそのリソースを訪問済みか判定するやHatebu Addictionなどで使われている既読チェック。これらとは違う、getComputedStyle()メソッドを利用して文字色を取得し訪問済みリンクの文字色かどうかをチェックという手法で既読チェックを実現している、Jeremiah Grossman: I know where you've beenというページを見つけた。FirefoxやSafariなどではこれで既読チェックが可能。 getComputedStyle()メソッドはstyle属性やJavaScriptで設定されたスタイル以外のスタイル情報をまとめて取得するメソッドで、ComputedCSSStyleDeclarationオブジェクトを返す。そして、ComputedCSSStyleDeclarationオブジェクトのgetPropertyVal
JavaScriptでCSSとイベントを扱う from Kanasan.JS | Blog.37to.net
最終更新日 Sun, 19 Apr 2009 20:27:25 +0900 最後のコメント Mon, 14 Jul 2014 08:14:00 +0900 ブックマーク 先日開催された、Kanasan.JS JavaScript第五版読書会#7のレポートです。 今回はCSSとイベント処理の入門的内容でした。 ご参加頂いた皆様、ありがとうございました。 JavaScriptからCSSを扱う それ程難しくはないので、簡単にまとめておきます。 はまりがちな事 Element.style.colorなど、Element.style.〜のスタイルオブジェクトで操作出来るのは、 インライン指定されたスタイルのみなので気を付ける必要があります。 僕も最初の頃は知らずによく間違えていたのですが、これを知っていると無駄に時間を使わなくて済むと思います。 <style> #foo { background-c
JavaScriptでCSSパーサーを書くための情報を収集中(1日目) - latest log
<style type="text/css"> ... </style> CSS ファイルを一本化できればステキ。ブラウザ毎に書き分けるのって本来の姿じゃない。 CSS3 の機能を古いブラウザで使えればもっとステキ。 古いブラウザに時間を掛けたくない。CSS のバッドノウハウなんてノーサンキュー。やりたいことが表現できればそれでいい。 ブラウザに CSS の解釈を任せなきゃいいんじゃないか? まずは、JavaScript で CSSパーサーを書くための情報収集からです。 わかってること ロード済みのスタイルシートは、document.styleSheets に擬似配列として格納されています。長さは document.styleSheets.length から取得できます。 スタイルシートの各ルールは、cssRules (IE なら rules)に格納されています。 document.sty
SelectorGadget: point and click CSS selectors
SelectorGadget is an open source tool that makes CSS selector generation and discovery on complicated sites a breeze. Just install the Chrome Extension or drag the bookmarklet to your bookmark bar, then go to any page and launch it. A box will open in the bottom right of the website. Click on a page element that you would like your selector to match (it will turn green). SelectorGadget will then g
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はてなブログ | 無料ブログを作成しよう
はてなブログ | 無料ブログを作成しよう
で、実際のところHTML5でどのくらいのアプリが実装できるのか実験してみた