How To Design and Create a PHP Powered Poll - CSS-Tricks Polls are fun! They can help engage the readers of your site and give both you and the poll-taker valuable information. PHP＋MySQLで投票機能を作成するチュートリアル＆ＤＬ。 Photoshopでデザインを作成するところから、マークアップしてPHPを書いてMySQLの設定してというところまでチュートリアルになってます。 デモを起動 作成した投票機能はダウンロードすることもでき、中には、PHP、CSSコードはもちろん、Photoshopファイルも入ってます。 通常、チュートリアルというと、デザイン寄りか、プログラム寄りになるのですが、どちらも学べる感じでな
Scriptに関するcaraldo_kのブックマーク (146)
-
caraldo_k 2008/06/06
-
-
jQuery用プラグイン「jquery.suggest」を使って入力補完機能を実装してみる
こんにちは。サイフをなくしてヘコんでいる松田です。 今回はトレイン・トレインで使用することになった、入力補完ライブラリ「jquery.suggest」を使ってみたいと思います。 入力補完機能とは、テキストフィールドにある程度文字を入力すると、その文字が含まれた単語のリストを表示してくれるという機能です。サジェスト機能とも呼ばれます。 Googleサジェストを使ってみればどんなものか分かると思います。 「javascript suggest」などで検索してみると、 ・suggest.js ・AjaxAutoSuggest ・jquery.suggest などなど、いくつか候補が出てきます。 この中から選別したわけですが、suggest.jsはサーバーと通信を行わなずに、最初に読み込んだリストから取り出すだけなのでダメ、AjaxAutoSuggestはデザインが凝り過ぎでトレイントレインの雰囲
-
-
[JS]わずか4KBの超軽量の画像ギャラリーのスクリプト -slide.js
leigeberのエントリーから、スムーズにスクロールするサムネイルから拡大画像を表示する画像ギャラリーのスクリプトを紹介します。 Dynamic Image Gallery and Slideshow デモ slide.jsはjQueryやPrototypeなど他のスクリプトに依存することなく単独で動作するスクリプトで、動作環境はIE6/IE7, FF, Opera and Safariとなっています。 サムネイルはリスト要素となっており、オプションでは「拡大画像の格納場所の指定」「拡大画像の拡張子の設定」「スピード」などを設定することができます。
-
超簡単な画像ズームエフェクトjavascript「zoomi」
画像を使用することの多いWebでは、見せ方に工夫することが必要になります。 昨今、LightBoxをはじめとするツールが多くなりましたが、導入が面倒でした。 今回紹介するzoomiは、ほとんと手間をかけずに画像をズームさせるエフェクトをjavascriptでつけることができます。 sponsors 使用方法 zoomiからzoomi.jsを、jQueryからjquery.jsをダウンロードします。 <script src="http://yourdomain/jquery.js" type="text/javascript"></script> <script src="http://yourdomain/zoomi.js" type="text/javascript"></script> 上記のようにjavascriptを記述したら、あとは対象となるimgにclass="zoomi"を付
-
jQuery 642 プラグイン：skuare.net
jQueryのプラグインを利用して出来るサンプルです。 jQueryは、John Resig によって開発されたJavaScriptライブラリで、AjaxやDOMプログラミングコードを「簡潔・簡単」に書けます。 ここでは、画像関連、メニュー関連、フォーム関連、テキスト／リンク関連、その他、日本語未解説のjQueryプラグインを分類して紹介しています。 初心者でもすぐにリッチなサイトを作成可能ですので、ぜひjQueryプラグインをご利用ください Image Menu Form Text/Link Other W/O_JP
-
jQuery examples
jQuery examples # example update star comment link 1 curvyCorners 20080123 3 角丸 curvyCorners の jQuery版 * 3 tabs-simple 20080123 4 最もシンプルなタブ * 4 jdNewsScroll 20080123 4 リストをスクロール表示 * 5 columnizeList 20080123 4 list を table のように表示 * 6 toggleElements 20080123 4 任意の要素を開閉 * 7 styleswitch 20080123 4 style の切り替え * 8 tooltip 20080123 4 シンプル * 9 autogrow 20080123 4 textarea の高さを自動調整 * 10 lightbox 20080123
-
호스팅 사용 기간 만료 | 카페24
사용하고 있는 호스팅 서비스 이용기간이 만료되었습니다. 궁금한 점은 카페24 호스팅센터 고객센터로 문의해주세요. Sorry, Your hosting service subscription has expired. If you have any questions, please contact us through the Cafe24 Hosting customer support center.
-
[Think IT] 【これならわかる！JavaScript/Ajax】やりなおしのJavaScript 第1回：そろそろ本気で学びませんか？ (1/3)
画面の一部を瞬時に切り替える方法 JavaScriptを勉強したいけど、プログラム構造がよく分からなくて、なんとなく使っている人は多いのではないかと思います。市販の本やWebサイトにはJavaScriptのサンプルがたくさん載っているので、必要なところをコピー＆ペーストしてしまうと、JavaScriptの文法が分からなくても動いてしまいます。 しかし、このような使い方をしていると、JavaScriptサンプルを少しだけ修正したいという時に対応できなくなります。これでは「JavaScriptを使える」とは言えませんよね。 そこで、本連載では、JavaScriptをもう一度やり直したい方々のために、勉強の切り口を変えて紹介していきましょう。 最初のトピックでは、JavaScriptを使ってHTMLのコンテンツを入れ替える方法について紹介してます。この技術は、最近話題になっているAjaxのベース
-
Exceptional Ajax/javascript Techniques (Recently Created) - noupe
In this article we’d like to present a list of over 30 hand-picked Ajax and javascript techniques you can use to achieve some special visual effects in your designs. The best thing about this list is how fresh it is, you might have seen some of it but we guarantee not all. jQuery, Mootools, Prototype and script.aculo.us are used in these examples, so every taste has its demos served. You might be
-
素晴らしいAjax + CSSフォーム47選『47+ Excellent Ajax CSS Forms』 – creamu
Ajax + CSSでさくっとフォームを実装したい。 そんなあなたにおすすめなのが、『47+ Excellent Ajax CSS Forms』。素晴らしいAjax + CSSフォーム47選だ。 以下にいくつかご紹介。 » Uni Form セマンティックでカスタマイズも可能なフォーム » AJAX Contact Form アクセシブルなAjaxフォームの好例。↑のキャプチャはこのサイト » FancyUpload using Mootools Mootoolsを使った美しいファイルアップロード » Really Easy Field validation with Prototype とても簡単に使えるフォームバリデートスクリプト » Live Validation リアルタイムでバリデートしてくれるオープンソースのjavascript 素晴らしいAjax + CSSフォーム、チェック
-
[JS]jQueryのプラグイン33+1選 -2008年5月 | コリス
当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
-
CREAMU
Monthly Archive 2024年4月 (1) 2024年3月 (4) 2024年2月 (2) 2023年12月 (10) 2023年10月 (1) 2023年9月 (2) 2023年8月 (4) 2023年7月 (5) 2023年6月 (10) 2023年5月 (4) 2023年4月 (2) 2023年3月 (3) 2023年2月 (3) 2023年1月 (1) 2022年12月 (1) 2022年11月 (5) 2022年10月 (2) 2022年8月 (2) 2022年7月 (3) 2022年6月 (1) 2022年5月 (1) 2022年4月 (5) 2022年3月 (4) 2022年2月 (9) 2022年1月 (15) 2021年12月 (7) 2021年11月 (11) 2021年10月 (15) 2021年9月 (4) 2021年8月 (7) 2021年7月 (9)
-
ブラウザでお絵描きプログラミング！ Processing.js 登場！ - IT戦記
はじめに 今日、 jQuery の作者として有名な John Resig さんが Processing.js という JavaScript のライブラリを公開しました。 John Resig - Processing.js このライブラリを使うと、比較的簡単に以下のようなグラフィックスやアニメーションを書くことができるようになります。 というわけで、公開されたばかりのこのライブラリを簡単な使い方から詳しい使い方までとことん掘り下げてみたいと思います。 Processing.js 概要 まず、 Processing.js とは何かという話をします。 Processing.js とは、ブラウザで Processing というプログラミング言語を実行する JavaScript のライブラリです。 では、 Processing とはどのようなプログラミング言語なのでしょうか。 Processing
-
google-code-prettify - Google製コードハイライト表示JavaScriptライブラリ: ある SE のつぶやき
google-code-prettify google-code-prettifyは、Googleが提供するコードをハイライト表示してくれるJavaScriptライブラリです。 サンプルはこちらから見ることができます。 READMEを見ると、使い方も簡単そう。 まず、ライブラリの読み込み。 <link href="prettify.css" type="text/css" rel="stylesheet" /> <script type="text/javascript" src="prettify.js"></script> onLoad時に実行。 <body onload="prettyPrint()"> ハイライト表示したいコードは、こんな感じで記述。 <pre class="prettyprint"> /*--------------------------- google-co
-
Welcome To EZjQuery.com Plugins for jQuery
This domain may be for sale!
-
サイトのギャラリーに最適なスマートなギャラリーライブラリ「Galleria」
WEBで画像を表示するようなギャラリーはよく見かけるし、作品紹介や、写真紹介など様々な用途で使われる場合が多いです。Flashなどを使ってギャラリーページを作っても良いのですが、もっと手軽にかっこいいギャラリーを作りたいそんな時におすすめなのが、今回紹介するJavaScriptベースのライブラリ「Galleria」です。 「Galleria」はJQueryを使ったライブラリで、シンプルながらも画像表示にフェードをかけたり画像の表示もスマートで、導入も比較的簡単にできるようになっています。 詳しくは以下 公開されているDemoは初めの画像のように、メイン画像下にサムネイルをまとめた「Galleria Demo 1」ともう一つはメイン画像の左側にサムネイルを配置した「Galleria Demo 2」の2種類。どちらもCSSでレイアウトは制御されているので、比較的カスタマイズしやすくなっています
-
ricollab Web Tech Blog » Blog Archive » 【重要】ricollabサービス終了のお知らせ
いつもricollabをご利用いただき、ありがとうございます。 この度、誠に勝手ながら2018年2月28日をもちまして「ricollab blog」「郵便番号検索サービス」の各サービスを終了させていただきます。 日頃より利用いただいております皆様にはご迷惑をおかけすることとなり、誠に申し訳ございません。長らくのご愛顧をいただき、厚くお礼申し上げます。 ricollabは、2008年より運営を続けて参りました。しかし、この数年で利用者も大幅に減少しており、サービスとしての役割を終えたと考え、終了という判断に至りました。ご愛用頂いている利用者の皆さまにはご迷惑をおかけしますが、何卒ご理解頂きたく存じます。 ■郵便番号検索APIのご紹介 http://zipcloud.ibsnet.co.jp/doc/api https://github.com/madefor/postal-code-api
-
input要素にも使えるjQueryのロールオーバープラグイン - Rewish
jQueryプラグインの習作をするために作成したモノではありますが、プラグイン化したことでかなり楽に使えるようになったので、気が向いたら使ってみてください。 ライブラリについて HTMLを汚さず、簡単に画像のロールオーバーを実装できます。 ダウンロード jquery.rollover.js - v1.0.4 ライセンス MIT License 主な機能 HTMLで指定するのは初期表示の画像だけ 指定された箇所でも _on が付いている画像は無視 ロールオーバー画像をプリロード 拡張子は何でもOK (png, jpg, jpeg, gif, etc…) ロールオーバー画像を示す _on の部分を自由に変更できる 使用方法 画像を用意する example.jpg をロールオーバーしたい場合は、名前の末尾に _on を付けた画像 example_on.jpg を example.jpg と同じデ
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しました