ブロックレベル要素の高さを揃える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)
BJKit(BeautifulJapaneseKit)（ツール） - アイデアマンズ株式会社
BJKit(BeautifulJapaneseKit)htmlソースに簡単なJavascriptを記述するだけで、ページ上の文字列がアンチエイリアスの効いた美しい文字に代わります。 BJKit(BeautifulJapaneseKit)でビューティフルな見出しを生成 htmlソースに簡単なJavascriptを記述するだけで、ページ上の文字列がアンチエイリアスの効いた美しい文字に代わります。日本語にも対応しているので、様々な場面で利用することができます。 動的に表示するので、画像を作成する必要がない 新聞記事風、楷書風、POP調など、書体を自由にアレンジ出来る htmlの構造を崩さず、SEOやユーザービリティを犠牲にしない など、ページ作成の効率アップと同時に、表現力も向上させる手法です。 適用例 従来は、当ページの見出し（h1タグ）は下記のように表示されます。 従来の見出しの例 BJKi
r202.org: こんなクライアントには気をつけろ！（Webデザイナー編）
なんでも借入をたくさんするというのはデメリットが大きい、これは誰もが知っていることだと思います。あまりにも借入を他社からたくさんしていると、それだけで多重債務になってしまって自己破産をしてしまう…もしくは他社借り入れが多すぎると借り入れ自体ができなくなってしまう、これはその通りです。ですからちゃんと考えている人ほど、借金をたくさんしないようにしていますし、いろいろなところから借り入れをしないようにしています。 この借金ですけれども、実はカードローン（モビット）だけではなく住宅ローンも関係しています。まさか住宅ローンをいろいろな銀行から借りるという人はいないと思いますが、カードローンを借入しながら住宅ローンを借入するという人はいると思います。この場合審査に通らないということはないのですが、全く何も借り入れをしていない人に比べて通りにくくなっているのです。たくさんの会社からカードローンを借入し
小粋なインターフェースを実現する25のコード （パート2） - SIMPLE*SIMPLE ～ ウェブ職人のための小粋なネタ帳 ～
「小粋なインターフェースを実現する25のコード | S i M P L E * S i M P L E」の続編が出たようです。 今回もなかなか小粋な技がそろっていますね。新しくサービスを作られている方は参考にされてみては。 ↑ ツリー構造のテーブルを実現。 ↑ CSSでプログレスバー。 ↑ CSSでちょっとかっこいいボタン。 ↑ CSSでドロップシャドウかな。 世界中でこうした知識が共有できるようになりましたね。いい時代になったものです。さて、あとはこれをどういうアイディアで実現するか、ですな。オリジナリティのあるサービスつくりたいなぁ。 » » 25 Code Snippets for Web Designers (Part2)
[JS]ブラウザの種類を検出して、CSSのセレクタで実装できるスクリプト | コリス
jQuery Browserは、スクリプトでブラウザの種類を検出して、CSSのセレクタとして実装できるスクリプトです。 jQuery Browser jQuery Browserは、ブラウザのもつplatformやuserAgentから、OSやブラウザの情報を取得し、セレクタを利用して、ブラウザごとのスタイルシートを適用することが可能です。 jQuery Browserでのスタイルシートの記述例 <textarea name="code" class="css" cols="60" rows="5"> div#browser-test{ border: 2px solid #000; padding: 10px; } ■Internet Explorer用 div#browser-test.msie{ background-color: #f00; } ■Firefox用 div#brow
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を使った伸縮する
hbkr ハバカリ 記録より記憶
kazuma ieiri, イエイリカズマ,家入一真７年程前かな、僕がネットを始めた頃のお話。（すんごいうろ覚えなんで、実際の話とは多少どころか思いっきり違うかもしれないし、いくつかの出来事が混ざって記憶しているような気もする。間違ってたらすみません。何か知ってる人がいれば教えて下さい。） 当時ある少年が、自作の掲示板を自身のサイトに置いていた。 その掲示板の面白いところは、（今では珍しくないけれど）好きな場所にコメントを貼ることが出来るというところと、時間が経つとそのコメントがどんどん薄くなっていって、最後には消えてしまう、というところ。確かjavascriptで作ってたと思う。 面白いものを作る人がいるなあ、と良くその掲示板を見に行ってたんだけど、ある日その少年のお母さんの書き込みで、少年が事故で亡くなった事を知った。僕はネットで亡くなった方を初めて目の当たりにしたこともあ
Dynamic Drive DHTML Scripts- Ajax Tabs Content Script (v 2.2)
Note: Updated April 8th, 08 to version 2.2. Adds support for expanding a tab via a link on another page and using a URL parameter. Only .js file changed from v2.1 Description: This is a versatile Ajax Tabs Content script that lets you display content pulled from external files inside a DIV and organized via CSS tabs. A fully unobtrusive, CSS and HTML based script, it supports practical features su
タブで写真切り替え
Lightboxes, Modal Windows and Tooltips for Prototype.js Tutorial API Resources Introduction By default, Control.Modal creates modal windows and lightboxes from any links/anchors elements on your pages. Since it attaches these behaviors to HTML that already has semantic meaning, it will degrade gracefully for browsers that do not support JavaScript, and is search engine friendly. It attaches in one
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
youmos - 新しいWebビジネスや技術アイデアを活性化するWebマガジン
[JS]角丸を簡単な記述で実装するスクリプト -Roundcorners Canvas | コリス
NameBright - Coming Soon