フォームのtextareaをより使いやすくすることが出来る「Textarea tools」:phpspot開発日誌
Textarea tools Small collection of tools for use with textareas (or input fields). フォームのtextareaをより使いやすくすることが出来る「Textarea tools」。 上記画像では、右端にはるボタンを押して、textarea部分のリサイズや、フォントサイズの変更が可能になっています。 使い方は非常に簡単で、必要なJavaScriptファイルとCSSファイルを読み込んでおき、textarea に class="resizable" の属性を付与するのみとなっています。 掲示板なんかにこの機能を組み込んでおけば親切ですね。
CSSとJavaScriptでアニメーションがカッコいいメニューを実装「FreeStyle Menus」:phpspot開発日誌
CSSとJavaScriptでアニメーションがカッコいいメニューを実装「FreeStyle Menus」 2006年10月04日- FreeStyle Menus Demonstration This script is a highly flexible means of converting HTML content into powerful popup menus, using either nested lists or DIV tags for menu data, and following best practice guidelines for powerful and accessible menus. CSSとJavaScriptでアニメーションがカッコいいメニューを実装「FreeStyle Menus」。 ブラウザ上で動くWindowsのメニュー風のUIは結構見かけ
CSSとJavaScriptでブロック要素の角を自在に操るライブラリ『Transcorners』:phpspot開発日誌
CSSとJavaScriptでブロック要素の角を自在に操るライブラリ『Transcorners』 2006年10月01日- Transcorners ? Cornerus Pride is there *scared* Well, Nifty technogy is used. There are small stripes appending inside of an element which create an illusion of transcorn. CSSとJavaScriptでブロック要素の角を自在に操るライブラリ『Transcorners』。 mootoolsをフレームワークとして使用しています。 次のように、左下の大きな角丸や、右上の一部切り取ったような角も簡単に実現できます。 大きな角丸を作るには、radiusというプロパティを大きく指定することで実現できます。 この
TechTarget - Global Network of Information Technology Websites and Contributors
Looking for information about Informa TechTarget products and services? The commercial homepage has moved. Visit Informa TechTarget News 01 Aug 2025 / Cloud Providers AWS reports 17.5% growth, fails to impress investors Amazon's cloud business delivered better-than-expected growth in the second quarter but pales in comparison with results from Google and Microsoft. 01 Aug 2025 / Pharmaceuticals Li
ドラッグ＆ドロップできるサイドメニューの折りたたみ（その1：基本設定）
「Docking boxes」という、JavaScript + CSS でサイドメニューの折りたたみとドラッグ＆ドロップを実現したスクリプトの紹介です。WordPress をお使いの方は管理画面で利用されているのでご存知の方も多いのではないかと思います。 本記事では一般的な設定方法を紹介し、「その2：ブログへの適用」で Movable Type 等への設置方法について説明します。 配布元にサンプルがありますのでお試しください。 １．スクリプトのダウンロード Docking boxes(dbx) のページの「Get the Script」からアーカイブをダウンロードします。アーカイブを解凍した中から下記のファイルのみを使用します。 dbx.css（または dbx-allrules.css） dbx.js dbx-key.js 他のファイルおよび画像はサンプルのためのものです。全てをアップロー
CSSとJavaScriptで影付きの角丸ボックス要素を作る:phpspot開発日誌
Transparent custom corners and borders, version 2 | 456 Berea Street It’s been almost a year and a half since I posted Transparent custom corners and borders, a technique for creating custom corners and borders with optional alpha transparency. CSSとJavaScriptで影付きの角丸ボックス要素を作る。 次のような２重線と影がついたボックスのサンプルが公開されています。 HTMLは次のようにシンプルな形に出来るようです。 <div class="cbb"> <h1>Transparent custom corners and borders, v
Yahoo! UI Library を使ったページ送りが可能なグリッドコンポーネント:phpspot開発日誌
Yahoo! UI Library を使ったページ送りが可能なグリッドコンポーネント 2006年09月22日- YUI Grid Sample This is a sample of using the YUI Grid created by Jack Slocum with a twist. Yahoo! UI Library を使ったページ送りが可能なグリッドコンポーネント。 次のようなウィジェットをJavaScript+CSSで実現しています。画像下部のページング部分を押すことで、ページ送りが可能になっています。 ライブラリ自体は、JSファイル、CSSファイルをダウンロードでき、レスポンスのXML形式もどのようにしたらよいか、というのが公開されているようです。 こういったインタフェースが使いたかった、という方は使ってみてはいかがでしょう :-) 関連エントリ
JavaScriptとCSSを使ったクールなメッセージBOX:phpspot開発日誌
Crossfade DIV Demo For a long time, people looking to introduce animations to their website needed to resort to a third-party plugin such as Flash or Java applets to get the job done. JavaScriptとCSSを使ったクールなメッセージBOXのデモ。 ライブラリはscriptaculousを使用。 スクリプト自体は非常にシンプルで、単純にsetIntervalでタイマーをまわしてscriptaculousのEffect.fade / Effect.appear で各DIVを切り替えているだけのようです。 デモサイト上のソースをみれば、プログラミングの知識がない方でも実装できそうです。 WEBデザイン時のちょ
【ハウツー】The Web 2.0 IDE - 時代を作る開発環境"Aptana" (1) Aptanaとは | エンタープライズ | マイコミジャーナル
AjaxはいまやWebにおいて重要な関心事項となっている。今後のWebには、たとえAJAX技術を使わなかったにしても、同様の成果が要求されるようになるだろう。もはやクリックごとにページ全体がリロードされるようなシステムは使いにくいという感覚が芽生えつつある。 AJAXは、使う分には素敵な技術だが、作るとなるとこれはちょっと手の付けたくないものでもある。そんな困難をサポートするべく、Web 2.0時代のIDEを謳う統合開発環境のひとつにAptanaがある。Eclipse IDEをベースとする開発環境のひとつだが、これがよくできている。ここではAptanaを紹介したい。 Aptana Aptanaは7月22日(米国時間)、Aptanaの最新版となる次の4シリーズのプロダクトを公開した。AptanaはEclipse IDEベースの統合開発環境。特にJavaScriptにフォーカスして開発された統
Dreamweaverの代わりになるフリーソフト「Aptana」 - GIGAZINE
JavaScriptの開発環境、要するにJavaScript用IDEという位置づけなのですが、HTML、CSSの構造をアウトラインで示してくれたり、文法の間違いを指摘してくれたり、やっていることはほとんどDreamweaverの持っている機能と同じです。 特に面白いのはJavaScriptやCSSなどがInternetExplorerとFirefoxに対応しているかどうかが一発で分かる点。JavaScriptのエラーについても細かい部分まで指摘してくれます。つまり、実行しなくてもエラーがドコにあるのか分かる「静的解析」が可能というわけ。 Windows、Macintosh、Linux版があり、Eclipseプラグインとして動作するバージョンもあります。 スクリーンショットや実際に動かして機能を解説しているムービー、ダウンロードは以下から。 Aptana: The Web IDE http:
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
cssMenus css Learn solarDreamStudios
