IDEA * IDEAドットインストール代表のライフハックブログ
CSSとHTMLをリアルタイムに書き換えてプレビューできる「rendr」 - GIGAZINE
「CSS」タブをクリックして、中のコードを書き換えると、リロードせずにそのままリアルタイムにページ全体を再レンダリングしてくれます。「Markup」タブをクリックすればHTMLコード自体を書き換え可能。元に戻すには「clear markup and css」をクリック。 Firefoxの拡張である「greaseMonkey」バージョンもあるので、自分のサイトで同じようなことができるようになり、CSSデザインの試行錯誤が楽になります。 詳細は以下から。 rendr http://gregtaff.com/rendar2.html greaseMonkey版はキャッシュが有効な場合に、ローカルキャッシュのHTMLファイルを直接書き換えてリアルタイムプレビューするというモノになっています。 インストールするにはgreaseMonkeyをインストールした状態で上記ページの「greaseMonkey
Re: .pdf地雷をうっかり踏まないために - lovely::memo
http://d.hatena.ne.jp/girls_fashion/20090223/1235388451 自分とまったく同じようなことを考えている人がいるんだなぁ、ということでちょっと書いてみます（主に自分が地雷を踏まない用）。 当該アイデアのブックマークコメントにも書いたのですが、私は Firefox のユーザースタイルシートで対処しています。Firefox のユーザースタイルシート（userContent.css）に、 a[href$=".pdf"]:after { content : "[pdf]"; color : #f00; background-color : #ff0; } と書いておくと、リンク先が pdf ファイルの場合、アンカーテキストの後ろに [PDF] というのが追加されます。わかりやすいように、id:girls_fashion さんのブックマークを例にすると
Emacs設定メモ |未分類
Emacs - Pukiwikiモードの設定Pukiwikiを編集する際、ブラウザからだとかなり面倒なので、Meadow/Emacsから編集できるようにする。ちなみにapelパッケージがインストールされていないと使えないらしい。自分はかなりはまってしまった・・・orzまず、http://www.bookshelf.jp/elc/pukiwiki-mode.elを取ってきてロードパスの通ったところに置く。また、http://tdiary.cvs.sourceforge.net/tdiary/contrib/util/tdiary-mode/からhttp.... Emacs|CSSモードの設定どうも最近、Web関係のことをしてると、どうしてもCSSを触らないといけないので、CSSモードを設定してみる。設定といっても、http://www.garshol.priv.no/download/sof
[CSS]IE5からIE8までのCSS 2.1の対応一覧表
米マイクロソフトのIE5, IE5.5, IE6, IE7, IE8beta1, IE8のCSS 2.1の対応一覧表の紹介です。
[CSS]矩形の画像を角丸で表示するスタイルシート -Rounded Corners for Image
Adding Rounded Corners to Images Using CSS デモ 仕組みは、矩形の画像の上下に、空のspanを2つずつ配置し、それぞれに角丸の画像を重ねて表示するものです。
ルビ表示はユーザスタイルシートで! - 徒書
なんだか最近になってMozillaでルビ表示3の記事(個別ページ)がブックマークされているなと思っていたのですが、404 Blog Not Found:css - ルビもCSSでで紹介されていたからのようでした。 それにしてもその紹介記事のブックマーク数が200以上ってすごいな。やはりウェブでは作った人よりも紹介した人の方が注目される、ということなのでしょうか。それはいいとしても、トラックバックで「プログラマーの小飼弾氏のアイデアと技術には……」と書かれているのを見てしまうと釈然としないものを感じてもいいでしょうか。(←誤った疑問文) それはそれとして、404 Blog Not Foundではルビ表示用のスタイル定義をサイト用のCSSに組み込んでいますが、これはあまりよくありません。あのスタイル定義は(2001年当時のMozilla用に作った、)あくまで擬似的な表示を行うスタイルです。製作
CSSセレクタ
日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。
素晴らしいJavascript&CSSナビゲーションメニュー13選『13 Awesome Javascript CSS Menus』 | CREAMU
DiaryTechnology 素晴らしいJavascript&CSSナビゲーションメニュー13選『13 Awesome Javascript CSS Menus』 CSSでメニューを簡単にコーディングしたい。 そんなあなたにおすすめなのが、『13 Awesome Javascript CSS Menus』。素晴らしいJavascript&CSSナビゲーションメニュー13選だ。 以下にいくつかご紹介。 » Sexy Sliding Menu MootoolsとScript.aculo.usのバージョンがある » Webber 2.0 Dock Menu ドックタイプのナビゲーション » Phatfusion- Image Menu javascriptを使った画像メニュー » LavaLamp jQuery Sliding Menu jQueryを使ったナビゲーションメニュー » Moot
HTML版『スタイルシートWebデザイン』
すみけんたろう著 簡略な目次 HTML版に寄せて 詳細な目次 まえがき 1. Introduction to CSS with HTML 2. tutorial of HTML as SGML 3. some more HTML 4. CSS syntax in detail 5. CSS properties for visual media in detail 6. road to mastering CSS 7. new feature in CSS2 解説と凡例――HTML版編者より アーカイヴ版の配布 HTML版に寄せて いま私はプロの編集者として勤務しています。その目から見れば、本書の記述はあまりに固く、冒頭が長すぎ、リファレンスとして使いにくく…と欠点だらけです。 ところが本書は、専門家を含む一部のかたに一定以上の評価をいただいています。大変ありがたいことです。「美人は3日で
私がWEB制作ネタを探している海外サイトベスト10
最近よく聞かれるのですが、一体Yamada氏のネタ元はどこですかと聞かれます。 ネタ師であるブロガーがネタ元を晒すのはどうかと思っていたのですが、有益である情報は晒すべきだと友人に言われてしまったのと、海外でまとめエントリにされていたので公開に乗り切ります。 より有益な情報を得る為に 友人いわく、公開してその上を目指せ、とか意味がわからないことを言われましたが、結局のところ海外の数々の有益な情報からピンポイントで発信するからこそ価値があるのであって、まとめサイトが有益なものであるとは限りません。 これらネタ元をつかって、より多くの方にピンポイントで面白い記事の発掘が出来るようになれば、それはそれで自分にかえって来るんだなぁと思います。 WEB制作者向け発掘サイト DZone - fresh links for developers デザイン、CSS等に関して有益なエントリが上ってくるシステ
Our Favorite Cheat Sheets
Resources Here you'll find information on emerging technologies and trends, careers in technology and how businesses can use technology to be more successful. New & Updated Definitions What is ESG (environmental, social and governance)? Environmental, social and governance (ESG) is a framework used to assess an organization's business practices and performance on various sustainability and ethical
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スチーム速報 ＶＩＰ
IBM Developer
よく使われているCSSハック12選（＋おまけ） | IDEA*IDEA
ちょっと便利なCSS Tips いろいろ - DesignWalker
あなたのマークアップのどこがどう正しくないかを具体的に指摘してくれる『xhtml-css』 | 100SHIKI.COM
phpspot開発日誌 - PHP/Ajax/JavaScript/CSS等の最新技術情報をお届け
ホームページを作る人のネタ帳
