http://www.designwalker.com/2009/09/jquery-table.html
ソースが公開されているcss小技11エントリーまとめ
cssを使った小技テクニックの エントリーが様々なブログで 公開されていますが、必要な時に 探すのが面倒なのでまとめます。 ソースコードを公開している記事に 絞ってまとめています。 CSSで実装する、ちょっと凝ったパンくずリスト cssでパンくずをデザインする方法とサンプル CSSで実装するちょっと凝ったパンくずリスト CSS（スタイルシート）でbodyに設定しておくと便利な5つのポイント ユーザービリティ（見易さ）を考慮したbodyに設定する。CSS HappyLifeさんも 記事を参考に別コードを公開。 CSS（スタイルシート）でbodyに設定しておくと便利な5つのポイント CSSだけでフレームを作るテクニック frameタグを使用しないで擬似フレームを作成。IE6対応。 CSSだけでフレームを作るテクニック テキストに影を付け印象的にする JSとｃｓｓでテキストに影を付けるテクニック
アルツハイマー病の原因となる「脳の廃棄物除去システムの老化」を改善する治療法が開発される
アルツハイマー病などのさまざまな認知症疾患の原因の1つとして、脳内に「タウタンパク質」と呼ばれる物質が蓄積することが挙げられています。このタウタンパク質はグリアリンパ系といういわば「脳の廃棄物除去システム」によって除去されるのですが、老化が進むとこのグリアリンパ系が機能しなくなり、認知障害を引き起こすことがわかっています。ロチェスター大学医療センターの研究チームが、老化で機能しなくなったグリアリンパ系を改善する治療法を発表しました。 Restoration of cervical lymphatic vessel function in aging rescues cerebrospinal fluid drainage | Nature Aging https://www.nature.com/articles/s43587-024-00691-3 Cleaning up the agi
ブログ上にソースを記述する際、美しく表示する方法 | 楽してプロっぽいデザイン | Forty-N-FiveBlog
最近多くのweb系のブログで見られるようになった上記のようなソースを綺麗に表示してくれるフォーマット。その導入方法をご紹介します。これまで、ブログでソースを紹介しようにも＜＞を特殊文字で表したり、どこからどこまでがソースなのか分かりにくい部分もありましたが、これを導入することで、美しくユーザビリティにも配慮したソースを紹介することができます。うーんまさにプロっぽい。 導入する方法 まずgoogle codeから導入に必要なソースをダウンロードします 一般的に「dp.SyntaxHighlighter」と読ばれているようで、http://code.google.com/p/syntaxhighlighterからダウンロードできます。 ファイルの中身を確認 ダウンロードしたファイルには「css」「Scripts」「Uncompressed」フォルダが入っています。（Uncompressedフォ
フォルダに画像ファイルを入れるだけでクールなギャラリーが自動で出来るPHPスクリプト作成:phpspot開発日誌
Scanning Folders with PHP - NETTUTS フォルダに画像ファイルを入れるだけでクールなギャラリーが自動で出来るPHPスクリプト作成チュートリアルが公開。 次のようなクールなギャラリーがチュートリアルと共に、ソースコード公開されています。 写真をクリックするとタイトルが微妙にアニメーションするところもよいですね。 関連エントリ JavaScript製の画像スライダー・ギャラリーいろいろ 壁に画像を貼ったようなUIの画像ギャラリー「PostcardViewer」 超絶クールなMacスタイル写真ギャラリー「PhotoFlip」 サクサク動く画像ギャラリー作成JSライブラリ「noobSlide」
商品画像の一部をズームできるショッピングサイト | SiMPLE*SiMPLE
JavaScriptでこういう効果を実現するライブラリがありましたが、ショッピングサイトで実装されているのは初めて見たかも。なかなか良いですね。 ↑ 商品画像の上でマウスオーバーすると右に拡大画像が。 LightBoxと同じぐらい普及してくればいいのになぁ、と個人的には思ったり。 実際に動作している様子は以下からどうぞ。 » Pretty Bitter – Stationery that pushes the envelope ■ 関連記事 あらゆるページに拡大鏡を追加できる『Loupe.js』 | SiMPLE*SiMPLE 画像がズームしながら浮かび上がってくる特殊効果 | SiMPLE*SiMPLE 拡大鏡インターフェース | SiMPLE*SiMPLE
JavaScript製の画像スライダー・ギャラリーいろいろ:phpspot開発日誌
Top 10 Javascript slideshows, carousels and sliders JavaScript製の画像スライダー・ギャラリーいろいろ。 JavaScriptで画像を使ってアニメーションさせたり、リスト管理したりするライブラリが多数紹介されています。 SpaceGallery Noobslide Accessible News Slider SmoothGallery jQuery Multimedia Portfolio JCarousel Glider Carousel Carousel slideshow Carousel.us 過去の画像ギャラリー関連エントリ スライドショー付きLightBox風イメージアルバムのサンプル jQueryベースのLightBoxクローン「prettyPhoto」 ＵＩがクールでサクサク使えるMacウェブギャラリー風画像ギャ
[JS]入れ子の階層に対応した、多段型ナビゲーションのスクリプト集
Dynamic Driveのエントリーから、入れ子の階層に対応した多段型ナビゲーションのスクリプトを紹介します。
[JS]特定のエリアのみをスクロールしても同じ位置に表示するスクリプト
WebResourcesDepotのエントリーから、特定のエリアのみ（キャプチャの右のエリア）をスクロールしても、同じ場所に表示するスクリプトの紹介です。 Smart Floating Banners デモ:1 デモ:2 スクリプトはjQueryをベースにしたもので、デモでは右に配置されたエリアの特定の一部のみをスクロールしても同じ場所に表示させています。 当サイトが配布している「Page Scroller（スムーズにスクロールするスクリプト）」と、同じ位置に表示するスクリプトの相性が悪い、というのをどこかのブログで見かけたのですが、これを使用すると特に問題無く実装できました。 Page Scrollerと合体させたデモ（「右パネルのtop」と「ページ下のtop」） Page Scrollerは、「$」ではなく「$j」を使用なので、下記のように変更しています。 <textarea name
★[JS]省スペースにも最適なアコーディオンのスクリプト集 | コリス
WebTeckerのエントリーから、jQueryやPrototypeやMooToolsなどライブラリを使用するものや、単独で動作するアコーディオンのスクリプトを紹介します。 Great Accordion Scripts
データが分かりやすい、グラフやチャートにする10のスクリプト | コリス
WebTeckerのエントリーから、JavaScript, Flash, Silverlight, PHPなどを使用して、グラフやチャートなどにデータをビジュアル化するスクリプトの紹介です。
textareaのサイズを入力にあわせて調整するＪａｖａＳｃｒｉｐｔ:phpspot開発日誌
textareaのサイズを入力にあわせて調整するＪａｖａＳｃｒｉｐｔ (イラストdeブログ開発記) イラストdeブログの掲示板の使い勝手を高めるため、textareaサイズをJavaScriptで改行入力毎に大きくするコードを書いてみました。textareaのサイズを入力にあわせて調整するＪａｖａＳｃｒｉｐｔサンプル。 rows=1にして、１行のtextareaを使っているサイトを見かけたりしますが、とても使いづらくなってしまいます。 何を入力したのか、上の方を見返すのは小さいスクロールをクリックしないといけません。 とはいえ、スペースはあんまりとりたくない、というケースもあります。 そんなケースに使えます。 こうした形であれば、省スペースかつ、全文を見ながら入力できますね。
[JS]スクロールされる度にコンテンツを表示するスクリプト -Continuous Pagination
Switch On The Codeのエントリーから、スクロールされる度に表示されていないコンテンツを表示するスクリプトを紹介します。 Javascript Tutorial - Continuous Pagination デモ Continuous PaginationはAJAXなどを使用して外部コンテンツを読み込むものではなく、スクロール領域の下部に達すると、新規コンテンツをスクリプトで生成して表示するものです。
[JS]タブを上下にアニメーションで切り替えるナビゲーションのチュートリアル
NETTUTSのエントリーから、タブを上下にアニメーションで切り替えるナビゲーションのスタイルシートとjQueryを使用したスクリプトの紹介です。 タブ型のインターフェイスとしては、ちょっと珍しい動きをするナビゲーションです。
バナーのローテーション表示を JavaScript で行うサンプル:phpspot開発日誌
バナーのローテーション表示を JavaScript で！ - codess - builder by ZDNet Japan バナーのローテーション表示を JavaScript で行うサンプルが公開されてます。 同じセッション内で広告を切り替えられるので、なかなかよいですね。 やってそうであまりやってないというこの機能、今後普及しそうな気がしないでもないです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[JS]フォームのボタンやチェックボックスをかわいくするスクリプト | コリス
CSSで様々なアクセサリをつける装飾CSS＋ｊQuery*ホームページを作る人のネタ帳
2008年2月版web開発者のためのベストクリップ36個*ホームページを作る人のネタ帳
[JS]パネルを切替可能なタブ型コンテンツ、7つの実装例
[JS]iPodのようにパネルを次々とスライドできるスクリプト