“Checkmark” Your Visited Links with Pure»CSS - CSS-Tricks
📣 Freelancers, Developers, and Part-Time Agency Owners: Kickstart Your Own Digital Agency with UACADEMY Launch by UGURUS 📣 Due to user privacy issues, more modern browsers severely limit how you are able to style :visited links, which renders this article rather useless. You can read more about it here. Web browsers know which links on a page have been visited by a user (until the cache is clear
MOONGIFT: » デザインもオープンソース化「Open Designs」:オープンソースを毎日紹介
技術者にとって、デザインは鬼門だ。システムはどんどん作れても、デザインが乏しいと急速にやる気をなくしたり、プロジェクト自体が頓挫してしまう。 そこで私自身はデザインは極力外部から持ってくる事にした（または手伝ってもらう）。そうした時に役立つのがこのサイトだ。 今回紹介するのはOpen Designs、オープンソースのデザインテンプレート配布サイトだ。 Open Designsでは600種類を越えるWebページデザインがアップロードされている。ライセンスはCreative Commons、GPL、Public Domainになる。非常に様々なクールなデザインテンプレートが数多く存在している。 特にブログ向けなどのカテゴライズはないので、Webサイト全般で利用できるだろう。カラム数や色合い、バリデーションを指定しての検索も可能だ。 システムがいくら素晴らしくとも、デザインがさえないサイトはそれ
PukiWiki/1.4/マニュアル/テンプレート - PukiWiki-dev
編集時に読み込む 雛型ページ† PukiWiki には、編集画面で「雛型とするページ」を選択して取り込む機能があります。この機能は大変便利なものですが、表示可能な全てのページがプルダウンボックスに表示されるため、ページ数が多くなると 編集開始までに時間がかかるようになってしまいます。そこで、この機能を無効にすることができます。 $load_template_func 編集時の雛型となるページの読み込み機能の ON /OFF 0 : OFF / 1 : ON (default) default.ini.php ///////////////////////////////////////////////// // 雛形とするページの読み込みを表示させる $load_template_func = 1; ↑ AUTO TEMPLATE FUNCTION (自動雛型機能)† PukiWiki に
IE6以下をWeb標準に準拠させるライブラリ『IE7.js』
IE6以下をWeb標準に準拠させるライブラリ『IE7.js』 多くの人が待ちに待ち望んだライブラリ。やはりすごい人はすごいものを作るんですね。 このライブラリを読み込むことによりIE6以下でもIE7と同じようなXHTM/CSSの解釈を行ってくれます。 ただし完全にIE7と同じような形にするのではなく、より近い形ということです。 現在公開されているバージョンはversion 2.0 (beta)ということで、まだ実務で使うのは難しいかもしれませんが、MITライセンスで公開されておりますので正式にリリースされればweb制作の現場を変えてしまうライブラリです。 設置方法 Google コードのie7-jsより直接読み込むことが可能です。 以下の要素をhead要素内などに記述します。 <!--[if lt IE 7]> <script src="http://ie7-js.googlecode.c
最速インターフェース研究会 :: ホイール回転でAmazonのカートを少し便利にする
今、Amazon最速検索の改良バージョンを作っているのだが、Amazonはカートに入れるのは簡単なのにカートから削除するのとかがとても面倒くさい。そんなわけなのでホイール回転で注文数を変更できるようにするBookmarkletを書いてみた。 input type=textで、かつ、数値が入っている入力ボックス上でホイールを回転させると数値を変更できる。IEとFirefox兼用、他のブラウザはホイールを使えないので無理。ホイールマウスを持っていない人が切なくなるが、持ってる人が便利なのに越したことはない。 こんな感じで動く。 http://la.ma.la/misc/demo/amazonwheel.htm Bookmarklet ホイールで数量変更 Greasemonkeyスクリプトにしてみた。内容は同じ。 http://la.ma.la/misc/userjs/AmazonCartHel
ページ送り部分のデザイン研究:phpspot開発日誌
Pagination Gallery: Examples And Good Practices | Design Showcase | Smashing Magazine ページ送り部分のデザイン研究。 SmashingMagazine にて様々なサイトのページ送り部分を色々とまとめたエントリが公開されました。 なるほど、ページ送りといえど様々なデザイン方法があるようで、勉強になります。 色々なサンプルを見るうちに、自分のサイトのページャーはどんなのが合うか？といったことも分かってきそうです。 PHPでページャーを作る場合は、「PEAR :: Package :: Pager」を使えば簡単に作れます。
CSSベースのクールなリストが作れる「List-O-Matic」:phpspot開発日誌
List-O-Matic - Generate CSS-styled navigation menus based on list items (using <li>tags) | Developer Tools | Accessify CSSベースのクールなリストが作れる「List-O-Matic」。 WEB上で様々なスタイルのリストが作成できます。 1. まず、リストの項目を定義 2. 次にスタイルを定義 3. コードが出力されます リストに特化していますが、他のテンプレート作成ツールなんかと組み合わせて使うことができそう。 関連エントリ プロレベルのWEBデザインをオンラインで簡単生成「doTemplate」 質問に答えるだけで1〜3カラムのCSSレイアウトページ生成
ブラウザ上で画像を角丸に出来るサービス「RoundPic」:phpspot開発日誌
RoundPic - rounded corners for avatars and images [web 2.0 design] ブラウザ上で画像を角丸に出来るサービス「RoundPic」 ファイルをアップロードorＵＲＬ指定で画像を角丸に出来ます。 角丸の度合い、背景色、サイズなども指定できます。 画像を角丸に素早く行いたいという場合はとても便利なサービスですね。
CSSのみでクールな階層メニュー作成サンプル:phpspot開発日誌
Stu Nicholls | CSSplay | Cross browser flyout menu examples using only css CSSのみでクールな階層メニュー作成サンプル。 次のようなカッコいい階層メニューのサンプルが公開されています。 クールなのでそのままサイトに組み込んで流用できそう。 IE5.5 , IE6, IE7, Firefox, Opera 等で動作。 関連エントリ CSSでちょっと変わっているピル風の形をしたナビゲーションを作成 セクシーに動作するスライドメニューバー実装JSライブラリ クールにスライドするメニューを作成するJavaScriptライブラリ「Image Menu」 CSSのクールなメニューをオンラインで簡単生成「CSS Menu Generator」
MOONGIFT: » あなたのサイトに動画を載せよう「FLV player」:オープンソースを毎日紹介
Youtubeをはじめとした動画共有サイトが数多く登場したこともあって、動画（FLV形式）を再生するFlashプレーヤもまた、色々なものが作られている。 大抵、プレーヤに対して様々な機能が付与されていき豪華なものになっていくか、これはちょっと毛並みが違うようだ。 今回紹介するオープンソース・ソフトウェアはFLV player、複数の機能分けがなされたFlash動画プレーヤだ。 FLV playerは5つのプレーヤに分かれて開発されている。デフォルト、ミニ、マックス、JSそしてマルチだ。ミニは最低限の再生機能、マックスは全ての機能を備えている。 マルチはプレイリストに対応し、複数の動画を順番に再生していくことができる。JSはJavaScriptベースで大きさや初期表示時の画像を変更することが可能だ。マックスでは再生停止に加えて、フルスクリーンモードや音量設定、再生時間表示などの機能も付け加わ
VyprVPN Review
About Vypr VPN from Golden Frog The face of the VPN industry is ever-changing, but one constant that has remained over this considerable period of evolution is that of the Golden Frog-owned Vypr VPN. This veritable behemoth of the world of private internet is powered by veteran minds that have been involved in the field since the first breakthrough of public internet back in 1994, and boasts over
SlashDot風のサイトメニューを作る「Slashdot Menu」:phpspot開発日誌
Prototype.js を利用して作られたJavaScriptライブラリまとめサイト「Scripteka... 次の記事 ≫：Javascript で HTMLエスケープを行うPHP関数、htmlspecialchars を実装 Dynamic Drive DHTML Scripts- Slashdot Menu This is a stylish collapsible menu modelled after the navigational menu found on Slashdot. SlashDot風のサイトメニューを作る「Slashdot Menu」。 次のようなSlashDot風のメニューを実装することが出来ます。 大メニュー選択でアニメーションもします。 実装コードは次のようにシンプル。 var myMenu = new SDMenu("main_menu"); // I
ラスター画像をベクター形式に変換できるサービス「VectorMagic」:phpspot開発日誌
VectorMagic ラスター画像をベクター形式に変換できるサービス「VectorMagic」 VectorMagicを使えば、次のように、ラスター画像をベクターな画像に変換できるようです。 ＵＩにはＦｌａｓｈを使用しています。Ｆｌａｓｈはこういうことも出来るんですね。 ベクターであれば拡大しても劣化がないため、大きなサイズの画像にも使えるようになります。 これを活用して作品作りに役立てられそうですね。 関連エントリ オンラインで使えるPhotoShop風画像編集ツール「Splashup」 凄い！オンラインで内容を保ったまま画像のリサイズ等を行える「resizr」 オシャレなバックグラウンド画像をWEB上で生成できる「Tartan Maker」 オンラインで写真を編集/共有するツール色々 写真をアップすることで有名人で誰似かを調べられる「顔写真分析」
hxxk.jp - DOCTYPE スイッチについての検証とまとめと一覧表
DOCTYPE スイッチについての検証とまとめと一覧表 http://hxxk.jp/2006/12/19/2100 前の記事 : Web Scouter だと LIPPiN にも Lucky bag::blog にも 3ping.org にも何故か勝ってしまう件について 次の記事 : Destroy target="_blank" with Firefox 2 DOCTYPE スイッチについて DOCTYPE 宣言の種類によって、ブラウザのレンダリングが標準準拠モードになったり後方互換モードになったりすることを DOCTYPE スイッチと言います。 今回は要点だけ手短かに行きたいので詳しくは解説しませんが、 IE 6 だと DOCTYPE 宣言より前になんらかの文字 ( 記述が推奨される XML 宣言であっても ) があれば問答無用で後方互換モードになるバグがあるとか、まあよく聞く話題で
MOONGIFT: >> Flash 画像で作るハイクオリティプレゼンテーション「Scaena」:オープンソースを毎日紹介
プレゼンテーションをMac OSXで行う人が増えてきた。その際によく使われるのが「KeyNote」で、その魅力は見栄えの良さと、ページ切り替え時のダイナミックなアクションだ。 あれが良いな、と思っていた方には朗報だ。Webベースで簡単に実現できるライブラリの登場だ。 今回紹介するオープンソース・ソフトウェアはScaena、3Dスライドショーを実現するソフトウェアだ。 Scaenaでは画像とアクションをXMLファイルで指定することで、画像を移動する際に各種アクションを実現できる。 後方から目の前に迫ってくるもの、自動ドアのように開くもの、鏡のように回転するもの等、アクションは10種類くらい存在する。これを使えばプレゼンテーションが映えること間違いなしだ。 スライドの下には映りこみがある等、細かい点にも気が配られている。プレゼンをもっと楽しくしてくれるソフトウェアだ。 Scaena - Onl
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://solutoire.com/gchart/
IDEA * IDEA
AJAXアプリケーションで標準的なブラウザナビゲーションを再現する：CodeZine
radinks.com
凄く美しいVistaパッケージ風の各種OSアイコン81集:phpspot開発日誌