[B! これはすごい][web制作] kiyotaka_hのブックマーク

kiyotaka_h id:kiyotaka_h

これはすごいとweb制作に関するkiyotaka_hのブックマーク (8)

IDEA * IDEA
ドットインストール代表のライフハックブログ
kiyotaka_h 2011/06/17
CSS

web制作

これはすごい

webサービス

最適化

WEBデザイン
リンク
古いブラウザでもCSS3セレクタを使ってWebページをデザインできるようにしてみた - latest log
uuCSSBoost.js は uuAltCSS.js に名前が変更になりましたが、一部の説明が記事を書いた当時の古い名前のままになっています。最新版では、uuCSSBoost.revalidate() は廃止され uuAltCSS() を呼び出すように変更になっています。コードの解説を追記しました。﹁最新の規格を実装したブラウザが登場しても、IE6 のせいで諦めるしかないのか﹂﹁CSS3セレクタを古いブラウザでも使いたい!﹂といった現場の声にお応えして、ほぼ全てのブラウザで CSS3セレクタを利用したページデザインが可能になるJavaScript ライブラリを作ってみました。特徴軽いよいろんなブラウザで動くよ(Firefox2+, Opera9.2x+, Safari3+, IE6+, Google Chrome1+) 95%〜98%ぐらいのシェアをカバーできるんじゃない
kiyotaka_h 2009/06/26
これはすごい

javascript

CSS

web制作
リンク
Ajax開発等に超便利なページ内の変更部分が一発で分かるFirefoxアドオン「Firediff」:phpspot開発日誌
Ajax開発等に超便利なページ内の変更部分が一発で分かるFirefoxアドオン「Firediff」 2009年04月20日- Firediff - In Case of Stairs Ajax開発等に超便利なページ内の変更部分が一発で分かるFirefoxアドオン「Firediff」。これは欲しかった！という機能がついにリリースされました。インストールにはFirebug1.4が必要で、Firebug1.4a17以降が推奨されています。 Firebug1.4のダウンロードはこちらから可能です。まず、インストールすると、次のように、FirebugにChangesタブが表示されます。で、実際どうやって使えるか？見てみましょう。 (1) DOMインスペクタをいじった結果をDIFF たとえば、DOMインスペクタの中で、要素を編集してみます。 2009年4月16日を2009年にしてみました。す
kiyotaka_h 2009/04/21
これ最高だ。

これはすごい

add-on

firefox

web制作
リンク
[JS]Firefox 2/3, Safariも判別する1行のスクリプト | コリス
昨日紹介した「わずか「12文字」でIEを判別するスクリプト」に続いて、Firefox 2/3, Safariを判別する1行のスクリプトをThe Spannerから紹介します。
kiyotaka_h 2009/04/14
Firefox 2/3, Safariも判別する1行のスクリプト

これはすごい

javascript

web制作
リンク
これは驚きの、CSSだけで作れる吹き出しボックス:phpspot開発日誌
Fun WithCSS Shapes - Nettuts これは驚き！CSSだけで作れる吹き出しボックス。次のような吹き出しが、画像を一切使わずにCSSだけで実現できてしまうようです。 HTMLコードをちょっと分かりやすいようにダイエットしてみたものが以下。 <!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="text/css"> blockquote {
kiyotaka_h 2009/04/07
IE6 でも動作。border だけでこうなるとは驚き。特別トリッキーではないから余計すごいなぁ

CSS

web制作

これはすごい
リンク
[JavaScript] dataスキームURI生成（画像データのBase64変換）
Greasemonkey のユーザスクリプトなどの JavaScript ソースコード内に画像データを埋め込める、﹃data:image/gif;base64,～～～﹄形式のデータ︵dataスキーム︶を生成します。画像ファイルなどのバイナリデータを Base64 エンコードに変換しています。 data スキーマでは、外部ファイルへのアクセスなしにスクリプト内で完結して画像を表示できるため、小さなアイコンなどの表示には便利です。data スキームは Firefox・Opera では利用できます。残念ながら Internet Explorer は data スキームに対応していないので利用できません。やってみよう画像URL: ▼ ▼ JavaScript ソースコード生成結果: ここにソースコード結果が表示されます。 ▼ data スキーム経由の画像表示: 生成したコードの使い方
kiyotaka_h 2009/03/13
はてブのエントリで使ってる favicon は Base64 で埋め込み HTTP 通信を減らしている。しかし IE 非対応。 Trident...

favicon

base64

web制作

これはすごい
リンク
IDEA * IDEA
ドットインストール代表のライフハックブログ
kiyotaka_h 2009/03/13
すごい。ベータサービスの時とか良さそう。

javascript

web制作

これはすごい
リンク
Rendur 2.4
Warning: Since this doesn't require a login or account, you should assume that your data is not private, nor permanent. Anyone can delete or save over your work.
kiyotaka_h 2009/02/23
リアルタイムにウェブ上 JS / CSS / HTML 編集できる。

これはすごい

web制作
リンク
1

お知らせ

もっと読む

公式Twitter

@HatenaBookmark
リリース、障害情報などのサービスのお知らせ
@hatebu
最新の人気エントリーの配信

キーボードショートカット一覧

j次のブックマーク

k前のブックマーク

lあとで読む

eコメント一覧を開く

oページを開く

設定を変更しましたx