ブロックレベル要素の高さを揃えるheightLine.js[to-R]
ブロックレベル要素の高さを揃えるheightLine.js Web標準の日々のグループディスカッションで出たライブラリ案を作っていく企画、第一弾。 ブロックレベル要素の高さを揃えるjsライブラリを作ってみました。 このライブラリは新バージョンがあります。 レスポンシブWebデザインに対応した「jquery.heightLine.js」 CSSでは複数のブロックレベル要素の高さを揃えれないという問題があります。 このheightLine.jsは、複数のブロックレベル要素の高さを揃える事ができ、2カラムレイアウトや3カラムレイアウトのそれぞれのカラムの高さを揃えたり、複数のブロックレベル要素をfloatで配置する際の高さを揃えたりできる、便利なライブラリになります。 設置方法 head要素内にダウンロードしたheightLine.jsを読み込みます。 <script type="text/ja
![ブロックレベル要素の高さを揃えるheightLine.js[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
伸縮するアコーディオン風UI実装ライブラリ集:phpspot開発日誌
10 different styles of Accordion’s (Using Ajax, JavaScript, DHTML…)at Developer Snippets Hi developers here I am back again with some useful stuff. I had a thought of how to represent lot of stuff in a constant space area in a webpage 伸縮するアコーディオン風UI実装ライブラリ集。 YourHead Accordion Ext Accordion MooTools Menu Accordion Example with Mootools Accordion Example Accordion Demo 伸び縮みするので少ないスペースで実装することが出来、なめら
ライブラリ活用編 - JavaScriptist
カラーピッカーを表示し、HTMLの色情報入力の際に便利に使えるJavaScriptウィジェットを紹介します。 > ライブラリを見る
JavaScriptライブラリExtを使った伸縮するクールメニュー実装ライブラリ「Ext.Accordion」:phpspot開発日誌
JavaScriptライブラリExtを使った伸縮するクールメニュー実装ライブラリ「Ext.Accordion」 2007年06月20日- Ext.Accordion Widget Example by Saki This page is about the InfoPanel and Accordion javascript classes and its purpose is to allow the potential users to get the feel-and-touch of the user interface they provide. It contains also step by step instructions on how to integrate the Accordion to a web page. JavaScriptライブラリExtを使った伸縮する
画像に簡単にポラロイド風エフェクトをかけられるJavaScriptライブラリ「Instant.js」:phpspot開発日誌
FlashとAjaxを使った使いやすいファイルアップロードライブラリ「FancyUpl... 次の記事 ≫：16x16ピクセルの芸術的favicon集 Instant.js Instant.js 1.0 allows you to add an instant picture effect (including tilt) to images on your webpages. 画像に簡単にポラロイド風エフェクトをかけられるJavaScriptライブラリ「Instant.js」 次のように、画像をポラロイド風にすることが出来ます。使い方も簡単で、画像の class 属性に定められたclass名を付けるだけ。 使い方は、まず、<script type="text/javascript" src="instant.js"></script> でinstant.js を読み込んで、 画像にcl
クールなAjaxスクリプト108選『Ajax Compilation』 | CREAMU
いろんなAjaxを実装したい。 そんなあなたにおすすめなのが、『Ajax Compilation』。クールなAjaxスクリプト108選だ。 以下にご紹介する。 Pie & Donut chart パイ&ドーナツチャートを実装 Reflection.js 写真に反射効果を与える Highslide JS クリックで拡大するサムネイルビューアー TripTracker アニメーションするバーを持ったイメージビューアー Prototype Window HTMLにwindowを追加 Dragable Content Script コンテンツをドラッガブルにする Drag & Drop ドラッグ&ドロップを可能に Amberjack クールなサイトツアーを実装するライトなオープンソースライブラリ Tabbed Content Ajaxで作られたタブ ThickBox 3 一枚の画像や複数の画像、i
JavaScriptツールチップライブラリ24個:phpspot開発日誌
24 Tooltipp-Scripts | Dr. Web Weblog Tooltipps, also Mini-PopUps, beharrscht jeder halbwegs moderne Browser. JavaScriptツールチップライブラリ24個。 カーソルを合わせた際などにヒントとしてポップアップしてサイトの使い勝手を向上させることの出来るツールチップライブラリが多数紹介されています。 Unobtrusive and Slightly Accessible CSS Tool Tips on Semi Transparent CSS Menus jTip – A jQuery Tool Tip AJAX-enabled Help-Balloons Tooltipps mit CSS und Javascript qTip BoxOver SuperNotes DHTML
Interface elements for jQuery - Real examples of Interface elements
Index of /demos NameLast modifiedSize Parent Directory - windows.html2010-02-26 19:13 9.1K ttabs.html2010-02-26 19:13 1.0K tooltip.html2010-02-26 19:13 3.2K sort_tabs.html2010-02-26 19:13 2.1K sort_lists.html2010-02-26 19:13 1.6K sort_floats.html2010-02-26 19:13 2.9K sort.html2010-02-26 19:13 5.2K slideshow.html2010-02-26 19:13 4.1K slider_resize.html2010-02-26 19:13 1.8K slider_minmax.html2010-0
超クール画像ギャラリーが作れるJavaScriptライブラリ:phpspot開発日誌
Galeria 超クール画像ギャラリーが作れるJavaScriptライブラリ。 次のような画像ギャラリーのサンプルライブラリが公開されています。 カーソルを合わせると画像が浮き上がり、クリックで拡大します。 Flashを使ったようなUIを実現でき、覚えておけばふとしたところで使える筈。
虫眼鏡を使って画像をズームする感じのUIライブラリ「TJPzoom」:phpspot開発日誌
valid.tjp.hu - TJPzoom 3 - JavaScript / CSS / DOM image magnifier As you may have realized, this is an image magnifier. It's a completely rewritten version of my script tjpzoom, but still is in JavaScript / DOM :).虫眼鏡を使って画像をズームする感じのUIライブラリ「TJPzoom」。 次のように、マウスの位置に従ってレンズが動作し、レンズ部分が拡大されます。 画像上をドラッグ＆ドロップでレンズのサイズを変えたり、ズーム比を変更したりすることが出来ます。 （左にドラッグでレンズ縮小、右にドラッグでレンズ拡大、上にドラッグでズーム比拡大、下にドラッグでズーム比縮小） 小さい画像と大き
CSSを使ったテキストをデザインとして魅せるテクニック集:phpspot開発日誌
Mandarin Design: Text Tricks CSSを使ったテキストを魅せるテクニック集が色々公開されていました。 例えば、次のような見出しの１文字を修飾するテクニック 次のようなCSSで実現可能のようです。 <!-- the drop cap --> <span style="margin-right:6px;margin-top:5px;float:left;color:white;background:khaki;border:1px solid darkkhaki;font-size:80px;line-height:60px;padding-top:2px;padding-right:5px;font-family:times;">T</span>his is a drop cap with a black background, white text, and a
MOONGIFT: » 超美麗なグラフを描くJavaScriptライブラリ「WT Toolkit」:オープンソースを毎日紹介
システム開発は何らかの出力をもって完結する。メール送信する場合や、画面出力等がある。業務システム系であれば、帳票や一覧表も考えられる。その中でよく要望に挙がるのがグラフ表示だろう。 グラフ用のライブラリを導入したり、表示のプロットが面倒だったりして、最終的には表計算ソフトウェアに逃げてしまうことが多い。既存データへのグラフ表示機能を追加するのにJavaScriptという選択肢はいかがだろう。 今回紹介するオープンソース・ソフトウェアはWT Toolkit、グラフ表示をはじめとするリッチなコンポーネントを提供するJavaScriptライブラリだ。 まずは何といってもグラフ表示機能だろう。デモで見られるのは3D円グラフ、棒グラフさらにレーダーチャートなど。どれもWebブラウザ上で動的に変更できる。ただし日本語はグラフ上は文字化けするのでご注意いただきたい。 他にもツリービューや表計算風シートの
loupe.js (photorealistic loupe effect for images)
loupe.js 2.0 allows you to add photorealistic loupes (magnifier) to images on your webpages. The design is changeable by use of an image editing program. It uses unobtrusive javascript to keep your code clean. It works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Safari, Chrome and IE6+. On older browsers, it'll degrade and your visitors won't notice a thing.
Dynamic Drive DHTML(dynamic html) & JavaScript code library
This innovative script uses CSS flexbox to create cards that when clicked on expands to show copious amount of information in a compact, manageable manner. Think of it as an expandable cards based layout. Ken Burns is a type of panning and zooming effect commonly used in video production to bring still images to life. This image slideshow adds an awesome Ken Burns effect to each image during trans
実装してみたいjavascript15選『15 Javascript Snippets You Can’t Live Without』 – creamu
DiaryTechnology 実装してみたいjavascript15選『15 Javascript Snippets You Can’t Live Without』 javascriptでweb2.0な動きを実装してみたい。 そんなあなたにおすすめなのが、『15 Javascript Snippets You Can’t Live Without』。実装してみたいjavascript15選だ。 このエントリーでは、素敵なjavascript のデモページを紹介してくれている。リンクしたページは、デモがあり、サンプルコードが配布されている。 フェードインする画像処理や、定番のscriptaculousのドラッガブルソート、サイトは知っていても、でもページを探すのに苦労したりするから、こうした特集はとても参考になる。 参考にして、新しい動きを実装してみたいですね。 DBからPHPからいろいろ
mootoolsベースのウィンドウ内別窓作成ライブラリ「Smoothbox」:phpspot開発日誌
Smoothbox : Thickbox for mootools Smoothbox is the mootools conversion of Thickbox, a script running on jquery. mootoolsベースのウィンドウ内別窓作成ライブラリ「Smoothbox」。 以前、「ThickBox」というウィンドウ内別窓作成ライブラリを紹介しましたが、mootoolsベースのSmoothBoxというものがリリースされました。 画像だけでなく、IFRAMEによってHTMLも開けるというものです。 mootoolsはサイズが軽量という特徴があって、そのライブラリベースという点がメリットでしょうか。 なかなかスムーズに動いてくれます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ドラッグ＆ドロップAjaxの遊べるライブラリ６個*ホームページを作る人のネタ帳
youmos.com
http://youmos.com/news/dhtmlxtabbar.html
http://youmos.com/news/livepipe.html