cssglobe.com 2024 著作権. 不許複製 プライバシーポリシー
Welcome to Tablecloth テーブルのマウスオーバーを色変更
cssglobe.com 2024 著作権. 不許複製 プライバシーポリシー
画像に鏡面効果を与えるreflection.js[to-R]
画像に鏡面効果を与えるreflection.js reulection.jsは画像に鏡面効果を与えるjsライブラリになります。 このライブラリを使用すれば、画像を加工することなく画像の下に鏡に反射したようなエフェクトが追加されます。 設置方法 ダウンロードしたreulection.jsをhead要素などで読み込みます。 <script tyle="text/javascript" src="./reflection.js"><script> エフェクトを追加したい画像のclass名にreflectを設置します。 <img src="[画像]" alt="" class="reflect" /> これだけで鏡面効果が与えられます。 サンプル 初期段階で画像が作るのが困難な場合や、背景が設定されている場合はこのライブラリを使えば効率的に作業ができるでしょう。 rheight20～80のクラス名
![画像に鏡面効果を与えるreflection.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)
JavaScript無しのドロップダウンメニューを実行する純粋なCSS*ホームページを作る人のネタ帳
サンプルはこちら 現在結構話題になっていますが、これはすごいなと思ったので記事として残しておきます。 純粋なCSSによって実行させるドロップダウンメニューのサンプルが公開されています。 非常に勉強になりますね。 コードをコピペして超約してみたんですが、どうもあきらかな著作権違反ぽくなってしまったのでコピペはしません。 どうかリンク先でお確かめください。 Implementing drop-down menus in pure CSS (no JavaScript) （追加記事） コメントから参照 Browserによりサポートの仕方違いますよ Browser Supportを見たら分かるとおり、IE6ではJavascript使用して疑似クラスをごにょごにょしてます。 はてぶでも誤解している人が多いので、注釈お願いします。 すごいですねー。 JavaScriptを切ると見れないですねー。
Prototype.jsでiGoogleっぽいポータルな仕組みを作れるJSライブラリ「Xilinus」:phpspot開発日誌
Prototype.jsでiGoogleっぽいポータルな仕組みを作れるJSライブラリ「Xilinus」 2007年08月31日- var portal = new Xilinus.Portal("#page div")Xilinus : Prototype Portal Class I have always wanted to create a Class to handle in a easy way portal page like netvibes. After having tried to used Sortable of script.aculo.us, I decided to write my own Class. Prototype.jsでiGoogleっぽいポータルな仕組みを作れるJSライブラリ「Xilinus」。 Xilinus を使って、次のような、ドラッグ＆ドロ
Javascript＆Ajaxの小技をまとめた便利サイトいろいろ | P O P * P O P
自分用のメモも兼ねてエントリー。JavascriptやらAjaxやらで何かやりたいときに便利そうなリンク集のまとめです。 Javascript Libraries 主要なライブラリーとエフェクト用の拡張機能、その他ツールなどです。まずはこちらからいろいろ試してみるのがよさげですね。 » Javascript Libraries Ajax Rain Ajaxの小技いろいろ集です。ちょっとしたスクリーンショット付きのこうしたリンク集は眺めていて楽しいですね。 » 485 + Ajax/Javascript/Dhtml examples and demos to download Mini Ajax こちらもAjax Rainと同様です。こちらも綺麗なサイトで眺めていて楽しいですよ。 » MiniAjax.com / A showroom of nice looking simple downl
ブロックレベル要素の高さを揃える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
WEB制作者が一度は触ってみておくべきオープンソース『Ext』*ホームページを作る人のネタ帳
（2007.7.20 記事更新） 誰かがそろそろExtについて詳しい事を書いてくれるのではとか、甘い期待をしていたけど、ぜんぜん出てこないって事は人気がないって事なんでしょうか。 でもこれ、相当すごいものだと思うんです。 例えば、このページ（hello worldをクリック）だけをとっても良い動きをしてくれるのが確認できると思います。 なので今回はJavaスプリクト＋Ajaxなオープンソース『Ext』をご紹介しておきます。 概要 非常に簡単なコードで、高度な動作を要求することが出来る。 それがJavaScriptフレームワーク『Ext』です。 フレームワークについてはウィキ等で見てもらえればわかると思いますが、私の絵心のない簡略図でよければ、以下のようなイメージがフレームワークですね。 基本的に商用は有料。 個人利用や、企業内でも、閉鎖されたネットワークでの使用はOKだそうです。 ライセン
Ajaxでおしゃれな小窓を作る6つのサンプル*ホームページを作る人のネタ帳
これはなかなかおしゃれな小窓が作れそう。 ウェブサイトでちょっとしたお知らせなどを入れる時に役に立つと思います。 特に、フォームを利用しただけではあまりおしゃれなものになりませんので、この技術を応用してみてはいかがでしょうか。 ６つのサンプル 試しにサンプルファイルを開いてみれば、一通り使えると思いますよ。 サンプル１ マウスによるロールスクロールは出来ない。 矢印にマウスを乗せるとスクロールする。 サンプル２ スクロールバーを左に配置。ボタンデザインをこったものに出来るサンプル。 サンプル３ スクロールバーを右に配置しているが、特殊なバーに加工している。 サンプル４ 上のサンプル３に、タブを追加したバージョンです。 サンプル５ 上のサンプル４に、さらに右側にリンクによるナビゲーションを追加したバージョン。 リンクナビゲーションをクリックすると、中のスクロールもそこまで移動するという代物。
Accordion v1.0 Demo
Мостбет сайтМостбет сайт — это молодой ресурс, который идет семимильными шагами к достижению наивысшего качества. Число пользователей которые посещают сайт растет с каждым днем и большое количество задумывается о том, чтобы создать профиль и начать делать ставки. Эта статья предназначена для тех кто еще раздумывает или просто не знает как начать потому что еще не имеет опыта с этим видом онлайн ра
ドラッグ＆ドロップAjaxの遊べるライブラリ６個*ホームページを作る人のネタ帳
なにかと面白そうなAjaxの中から、ドラッグ＆ドロップでちょっと素敵なアクセサリーにもなるプログラムのご紹介。 特に、iGoogleのようなRSS配信形のページは面白そうですね。 iGoogleのようなRSS集合体のAjax Demoページ あのiGoogleのようなシステム運営が出来る。RSSの読み込みも可能なAjaxです。 ページの一部を動かすAjax Demoページ ページの一部を移動させてどうなるのとか言われても困りますが、ネタとして覚えておいて損はないかも？ ドラッグ＆ドロップページ Demoページ iGoogleのように動かせるもの。 イメージギャラリー＆HTMLギャラリーをドラッグ 商用利用の場合は29ドルだが、非営利の場合は無料で使える。 時間のドラッグ＆ドロップ タイムラインをドラッグして時間をずらし、そのときにあったものをさらにリンク表示させるもの。 画像拡大虫眼鏡 F
伸縮するアコーディオン風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 伸び縮みするので少ないスペースで実装することが出来、なめら
ブログでも使える画像をポラロイド風にさせるJavaScript『Instant.js』
↑上のような画像群を、JavaScriptスクリプトで制御して このようにポラロイド写真風に表示させる事が出来る代物。 このブログでも試してみたけどとりあえず導入できるようで、画像の編集などあまりしないようなブログの方にはいいかもしれない。 写真の加工が素敵 このように色々と加工が可能です。 instant.jsのダウンロードは以下サイトで。 http://www.netzgesta.de/instant/ このライブラリを使用するページのmetaタグ部の下に <script type="text/javascript" src="instant.js"></script> という感じでJavaScriptを呼び出し、指定されたclassをイメージ画像につけたします。 上のロゴの加工サンプルは以下に <img class="instant itiltright" style="positi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Ajax/Javascript/Dhtml examples and demos to download
jsScrolling
http://youmos.com/news/accordion_js
IEでアルファチャンネルPNGを表示する （iepngfix.htc） - youmos
Sexy Sliding Menu for script.aculo.us at Andrew Sellick
sidebar mootools
ウインドウの横に隠れるサイドナビゲーションJavaScript （side-bar.js） - youmos
textareaをたった一行のコードで拡張してくれる『WMD-editor』 - 100SHIKI ～ 世界のアイデアを日替わりで ～
