This domain may be for sale!
2007年8月9日のブックマーク (18件)
-
lura 2007/08/09
-
CSSだけで円グラフを表示するサンプル:phpspot開発日誌
Have a Slice This is an example of creating a semi-dynamic pie chart without the use of server-side imaging libraries CSSだけで円グラフを表示するサンプル。 次のような円グラフをCSSのみで実現するサンプルが公開されています。 HTMLコードは以下のようにシンプルに表現できます。 <div class="shadow"> <div id="example"> <div class="pie size35"></div> <p class="percent">37%</p> </div> </div> 次のような１個の円グラフを並べた横長画像のbackground-positionをずらして、必要な部分だけ表示することで実現しているようです。 サーバサイドでもクライアントサ
-
-
-
光のモーションで画像を超カッコよくするPhotoShopチュートリアル:phpspot開発日誌
Creating light motion trails & glowing sparks | Veerle's blog A technique often used in advertising these days, is these glowing lines. 光のモーションで画像を超カッコよくするPhotoShopチュートリアル。 PhotoShopで光のモーションを作って画像をすごくカッコよくする流れが見れます。 本テクニックを使えば、まるで雑誌広告のようなクールな画像が作れてしまいます。 実際に上記のような画像を作るには練習が必要だと思いますが、マスターすればいろんなところで使えそうです。 関連エントリ スライムのような質感のWeb2.0風ロゴを作成するPhotoShopチュートリアル 硬い金属のような文字を作成するPhotoShopチュートリアル テキストにツララが重なっ
-
メアドをスパムに利用されないように暗号化する「emailProtector.js」 - GIGAZINE
ブログやページ上に連絡のためにメールアドレスを表示しておきたいけれども、そうすると今度はスパムメールを送信しまくるためのメールアドレス回収ボットの餌食になってしまいかねないし、だからといって画像で表示すると利便性が低下するのでなんだかな～、と悩んでいた人に朗報です。 この「emailProtector.js」を使うと、クリックすればちゃんとメールソフトが起動するタイプのリンクを作成することができ、しかもその文字列は暗号化されているのでボットには回収されないという仕組み。なかなかよくできてます。 ダウンロードと使い方は以下から。 Email Protector 実例は以下のページの「Click to email me」をクリックすればわかります。また、この「Click to email me」のリンクURLをコピーするか、直接ソースを見れば暗号化されているのがよくわかります。確かにコレならス
-
無料のアンチウイルスソフト「AVG Anti-Virus Free Edition」日本語版登場 - GIGAZINE
Windows 98/Me/NT/2000/XP/Vistaに対応したアンチウイルスソフト「AVG Anti-Virus Free Edition」の日本語版がついに先ほど、ようやく公開されました。家庭内で個人的に非商用で利用するのであれば無料です。 いろいろと機能的な制限はあるものの、常駐させることが可能で、なおかつ定期的にパソコンの中をフルスキャンさせたり、あるいは右クリックから任意のファイルをスキャンするといったことも可能ですし、メールの送受信時に自動的にスキャンしてチェックすることもできます。なので、とりあえずアンチウイルスソフトに払うお金がないという人には最適なのかも。 というわけで、実際にインストールして使ってみました。 ダウンロードは以下から可能です。 AVG - AVG Anti-Virus Free Edition ダウンロードしたらクリックして実行 「次へ」をクリック
-
Web2.0風バッジをWEB上で作れる「Web 2.0 Badges」:phpspot開発日誌
Web 2.0 Badges - Useful collection of stylish web 2.0 badges and badge generator. Web20Badges is a set of free and very cool web badges. Web2.0風バッジをWEB上で作れる「Web 2.0 Badges」。 Web2.0なサイトによく見られるバッジを、次のようなオンラインツールで自作することが出来ます。 PhotoShop用のバッジファイルもダウンロードできるので、Web2.0風バッジを作る際は迷わずここに行きましょう。 関連エントリ web2.0ボタンジェネレーター お好みのajax読み込み画像を作成するサービス
-
フロートボックスが並んだ時の右端のがカラム落ちしない方法みたいなのとIEのコメントバグ
タイトルが長い… サイトやブログの価値を調べる10の指標とツール｜前向きストラテジー 10番目のでこのブログを調べると泣きたくなるくらい安いけど、ボクは頑張ろうと思った今日この頃、皆様暑さにバテていないでしょうか？ボクはしっかりバテてダレてます。あんまり仕事してま…（加藤さまに給与減らされるので自重しました） さて、そんな訳で本題ですが、下記みたいなレイアウトの時のお話です。 一番書きたかったフロートボッ（略）みたいなの サンプルとダウンロード サンプルページ ダウンロード 今回の本題は「ほげほげ」って書いてあるところのボックスに関してだけ書くつもりが遊んでいるウチに気になった事があったのでそちらも書こうと思っております。 何はともあれ、この「ほげほげボックス」ですが、main areaは10pxのpaddingが指定されてて、その中にこんな感じでぴったりなボックスがぽこぽこ並ぶときって、
-
MOONGIFT: » ついに登場！CSSフレームワーク「Blueprint」:オープンソースを毎日紹介
誰かがきっと作ってくれると思っていた。 prototype.jsのようなライブラリを利用するのは、便利な機能が多いという事もあるが、各ブラウザ間での相違を吸収してくれるという点も大きい。 その点において、CSSもまた各ブラウザ間での表示の差異が大きい。そこで試してみたいのがこれだ。 今回紹介するオープンソース・ソフトウェアはBlueprint、ブラウザ間の描画差異を吸収して簡単にマルチカラムを実現してくれるCSSライブラリだ。 Blueprintはヘッダ、コンテンツ、サイドバー、フッターのようなテンプレートをクラス指定するだけで簡単に作成できる。デフォルトのフォーマットはリセットされているので、ブラウザ間の違いが出るマージンやパディングの差異も吸収してくれている。 また、印刷時のCSSも用意されている。これを使えば印刷時やプリンタ経由でのPDF作成時に綺麗なものが仕上がるようになる。今後の
-
MOONGIFT: » シンプル＆高速なデフラグ「UltraDefrag」:オープンソースを毎日紹介
Windowsでは速度維持のために定期的にデフラグを行ったほうが良い。とは言え、忘れていてふと気がついてみたら随分断片化が進んでいた、なんて事もあるだろう。 しかし標準のデフラグでは遅くて面倒と感じてしまっているかも知れない。そうした人はこちらを試してみよう。 今回紹介するオープンソース・ソフトウェアはUltraDefrag、シンプルで高速なデフラグソフトウェアだ。 UltraDefragはWindows NT系（2000/XP/Server 2003/Vista）に対応したデフラグソフトウェアだ。また、64ビット系にも対応している。ごくシンプルなインタフェースで使い勝手が良い。 高速動作の理由として、カーネルモードのドライバを作成しているから、とある。実際にどれくらい高速化は試していないので保証できない。また、動作モードとして通常のグラフィカル、タスクへ登録できるコンソール、プログラマ等
-
CSSデバッギングツール１０選:phpspot開発日誌
Man with no blog : CSS Debugging Tools - Gary Barber Seems lately that we are now starting to get a good spread of CSS and JavaScript (DOM Scripting) debugging tools available. CSSデバッギングツール１０選。 便利な各種ブラウザ用CSSデバッギングツールがまとまっていました。 XRay - ブックマークレット登録後、ページ内をクリックで情報を表示 YSlow - 先日Yahoo!がリリースしたパフォーマンス測定＆アドバイスツール (for Firefox) Dust-Me Selectors - 不要なCSSを調査して表示してくれるFirefox拡張 Web Developer - おなじみ、CSS用に便利機能を提
-
ウノウラボ Unoh Labs: JavaScriptを使わないスターレイティングの作り方
こんにちわ、山下です。 Amazonなどで使われているような商品を☆の数で評価するスターレイティングというものがあります。今回は、CSS The Star Matrix Pre-loadedに紹介されている記事を参考に、その作り方を簡単に紹介しようと思います。 1.画像を用意する まず次のような1枚の画像を用意します。16×16ピクセルの☆が、横に5個、縦に11個並んでいて、下に向かうに従って色の付いている☆の数が増えているのがポイントです。 2.HTMLを書く HTMLはとてもシンプルで、ULリストを使います。 <ul class="rating onestar"> <li class="one"><a href="#" title="1 Star">1</a></li> <li class="two"><a href="#" title="2 Stars">2</a></li> <l
-
消したデジカメ画像をオンラインで復活させる
デジカメの画像を誤って消去した──。そんな時、ソフトウェアを使って復元するのが一般的だが、オンラインでも復元できるサイトがあるのだ。 デジカメの画像を誤って消してしまった場合、復元ソフトを利用すれば画像を復元できることはよく知られている。こうした「消去」は通常、インデックス部分を消去しただけ。フォーマットや上書きを実行しない限りは、もともとの画像データは「消去」しても依然残っているため、復元できるというわけだ。 復元ソフトは一般的に、フリーウェアやシェアウェアなどの形態で、いくつか提供されているほか、メモリカード購入時にこうしたソフトを添付しているメーカーもある。しかし、外出先などで“誤消去アクシデント”に遭遇して、急いでデータを復元させたいのであれば、同じ機能のオンラインサービスを使うほうが手軽だ。 今回紹介するサイト「SILKYPIX 画像復活.com」であれば、復元ソフトをわざわざイ
-
Bibuly（ビブリー）-古本・中古本・中古書籍の物々交換サービス-
「ビブリー」は2009年12月29日をもちまして、サービスを終了致しました。 ＊「ビブリー」サービス終了のお知らせ 【おすすめサービス】 「みんなの物々交換」 ネットオフの運営する物々交換サイトです。 交換にはチケット方式を採用しマッチングしやすくなっています。 イーブックオフの購入履歴取り込みや、セット交換機能・ブラックリスト機能など機能が多彩で、CDの交換にも対応しています。 現在チケットプレゼントのキャンペーン中です。 「みんなの本棚」 本、CD、DVD、ゲームのバーチャル本棚サービスです。 木目調の本棚の他、クールなスチール製の本棚、ちょっと渋目の和風本棚などデザインが大変充実しています。 「ビブリー」を蔵書管理ツールとしてご利用頂いていた方におすすめです。
-
色分け、自動補完機能などを備えたJavascriptで出来た高機能なコードエディター『CodePress』 | POP*POP
コードを書く人には便利そうなツールのご紹介。 ↑ かなり高機能なエディターです。是非触ってみてください。 JavascriptでできたCodePressを使えば、以下のようなことができてしまいます。 コードを色分け（定数や命令文などがわかりやすくなりますね）。 命令を書いてTABを押すと対応する括弧などを自動補完。 括弧を自動補完。 ショートカットを装備（CTRL+SHIFT+SPACEで「 」など） 対応している言語はPHP、JS、Java、Perl、SQL、HTML、CSSとのこと。これはかなり使えるのでは・・・。 実際の動作デモ＆ダウンロードは以下からどうぞ。 » CodePress – Real Time Syntax Highlighting Editor written in JavaScript
-
-
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しました