mooSlide revampは、div要素のパネルをブラウザの上下の端から、スムーズにスライドで表示したり、フェードで非表示することができるスクリプトです。 mooSlide revamp デモ(Toggle sli [...]
自分用のメモです。font-sizeはpxやptなどで指定するとIEで拡大、縮小ができないので、パーセントなどで指定することが多いと思います。しかし、パーセントで指定すると、ブラウザごとに大きさが違ったりします。そこで、基本サイズが12px~16pxのときに10px~26px相当を表示するパーセントの数値を計算して、各ブラウザで確認したものをまとめました。 注意点 これは僕が自分で...
snap2objectsのエントリーから、ビジネスマンのシルエットのベクター素材を紹介します。 12 Free Vector Businessman Silhouettes
noobSlideは、画像やテキストなどのパネルをスムーズなスクロールで切り替えて表示するスクリプトです。 noobSlide
Kwicksは、Mootoolsにあるように領域をアニメーションでスムーズに収縮するスクリプトのjQuery版のスクリプトです。 Kwicks for jQuery デモ
最近ケータイサイトの開発を行っているのですが、キャリアや機種によって動作にいろいろと違いがあり、なかなか面倒ですね。 キャリアごとにテンプレートを分けて記述するのは手間なので、基本的に共通テンプレートで記述したいところですが、どうしても振り分けをしないと駄目なこともあるため、今回やってみて気がついた違いなどについてまとめてみました。 なお、...
nyroModalは、アニメーションを伴って表示・非表示される、高いカスタマイズ性を備えたモーダルウインドウを生成するスクリプトです。 nyroModal デモページ
specky boyのエントリー「Mootoolsのプラグイン Best 41」から、Mootoolsのプラグインをいくつか紹介します。 41 of the Best MooTools Ajax Example Downloads MooWheel データの視覚化。 Simple 3D Carousel 3D空間に浮遊するボタン。
Excelってそれほど使う事はないのですが…。 今回は、Excelのデータをグラフなどを使って、視覚的に分かりやすく表示できるツールやTipsなどをご紹介します。 CX NOW! Powered by Crystal Xcelsius Excelファイルをインポートして、データをビジュアライズできます。パイチャートやダイヤルなど、かなり高機能です。flashやPowerPointなどにエクスポートできます。 Chart Chooser ExcelやPowerPointに使...
CSS-Trickのエントリーから、背景画像を半々に表示するスタイルシートの紹介です。 Multiple Backgrounds: Left Half and Right Half デモページ
dfFlexGridは、既存サイトのグリッドやフォントサイズの変更ができ、変更したスタイルをクッキーに保存することができるスクリプトです。 dfFlexiGrid - Liquid Javascript Grid Layout デモページ
←こういう感じで、画像の横にあるテキストを画像に対して上下中央にするってーのは、今まで出来ないと思ってたんす。 だけども、ヨモツネットさんの記事でヨモツネット[日記] ≫ CSS で簡単に上下中央揃えを実現するってが紹介されてたので、試して見ました! display: table-cell;がポイントになってて、IEはハックで対応みたいな感じです。 ---- こっから続き デモページ 画像と...
などのライブラリと一緒に設置しないと動作しなかったりしますが、このiBoxは単独で実装することができます。 また、容量も18.5KBと他の多くのスクリプトと比べ軽く、Packerを使用すると7KBになります。 iBoxの実装方法は、「ibox.js」と「ibox.css」を外部ファイルとして指定し、下記のコードを記述します。 titleは、キャプションとして表示されます。
Super Tablesは、テーブルのヘッダを固定表示にし、縦横にスクロールバーを表示させるスクリプトです。 Super Tables デモページ
inputlog - yuga.js 0.5.1 - 優雅なWeb制作のためのJavaScriptバージョンアップはこそ...
Bits & Pixelsのエントリー「Cross-browser transparent columns」から、背景が透けるカラムを実装するスタイルシートを紹介します。 Cross-browser transparent columns デモページ
Konstruktors Notesのエントリー「How to Create Beautiful and Elegant HTML Lists Using CSS」から、CSSを使用して美しくエレガントなリストを制作する方法を紹介します。 How to Create Beautiful and Elegant HTML Lists Using CSS
『 超クールなカレンダー型日付入力補助用JSライブラリ。次のような個性的なカレンダーで入力補助が可能です。 』 by inforeal
『 CSSのOverflowを応用して画像を綺麗にリサイズ表示するサンプル」の説明。「width,heightのサイズ指定と、overflow:hiddenによってサイズを調節/画像の左上の開始位置をtop,leftで指定/a:hoverによって、画像を元のサイズで表示 』 by picnicgraphic
先日の、Photoshopレイヤースタイルの続編です。。 本日は、海外の有名サイトのボタンなどを参考に、Photoshopのレイヤースタイルを作ってみました。『