WonderHTML5Wall
About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more · Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-
HTML5やCSS3を使った次世代表現を学ぶのに役立つコードサンプル
わずか280行程度のJavaScriptで作られ... / JavaScriptで作るいろいろな物理シミュレ... / JavaScriptによる波の物理シミュレーショ...他...全14件
AIAD（アイアド）は、ファッションマーケティングのプロ集団です
メディアは、手段にすぎない。 実行力のないコンサルティングは、無意味だ。 私たちAIADは、違います。 どこまでも課題ファーストで考える。 1978年の創業から鍛えぬいたファッション思考で、 ソリューションを導きだす。 ひとつひとつの課題に、統合化されたソリューションを。 クライアントの声にまっすぐ向き合う。 課題の先へ、さらに先へ。深く潜り、ビジョンを捉える。 そして浮上しながら、他にはないアクションを起こしていきます。 それは、才気あふれるクリエイターの広告かもしれない。 流通システムの改善かもしれない。 最先端のデジタルプロモーションかもしれない。 人材育成という一歩踏みこんだ提案かもしれない。 データは完璧ではない。だからこそ、持ちうる限りの知恵や感性を注ぐ。 すべては、ブランドの未来につながるビジネスモデルのために。 ファッションの未来を構築する。それが、私たちの使命です。
jQueryでフィルタ（フィルタリング）機能をシンプルに実装する方法｜BLACKFLAG
写真の一覧ページなど、Webページ上でたくさん並べられたコンテンツ要素に対して カテゴリ分けした括りなどで、絞り込んだ状態で表示するフィルタ機能。 ページ上に表示する要素が数多くある場合に有効な機能になったりしますが そんなフィルタ機能をjQueryを使ってシンプルに実装するサンプルを作ってみたので紹介してみます。 まずは動作のサンプルから。 下記画面の上部にあるカテゴリリンクをクリックすると そのカテゴリの種類で絞り込まれた状態で画像が表示されます。 フィルタ用のリンクをクリックすることで サイズの縮小とフェードのアニメーションが付いた形で 画像がフィルタリングされます。 このフィルター機能の全体構成について、 まずはHTMLから。 ◆HTML <div id="filter"> <a href="javascript:void(0);" class="allitem">ALL</a>
jQueryを使ったタブメニューの実装サンプルまとめ
**追記** この記事とは直接関係ありませんが、自作のタブプラグインを貼っておきます。 rin316/jquery.tab: jQuery tab plugin. **追記終わり** 仕事でjQueryを使ったタブメニューを作ったので忘れないようにメモ。 それぞれの挙動も比較しやすいように並べてみました。 今日が勉強初投稿の日！ 写真:新川通りで撮った桜。 まずはファイルの用意 下記リンクからダウンロード。 ・jQuery本体…Past Releases内→最新バージョンのMinified ・Download Builder | jQuery UI (このサイトで使っているui.tabs.zip) head内にリンクを張る ダウンロードしたファイルに対して、head内にリンクを張ります。 <head> <!-- jQuery --> <script type="text/javascrip
簡単に実装できるjQueryのスクリプト5選 | Web Mugen
イロイロとプラグインやらナンやら巷に溢れていますが、「そんな高機能はいらない」「もっとシンプルなのがいい」って思ってるあなたへ。今回はシンプルで簡単に実装でき、よく使いそうなjQueryのスクリプトをまとめて紹介します。まあ独断と偏見によりますが。それではどうぞ。 準備 今回のスクリプトは全てjQueryを必要としますので、まずはそちらの導入から始めます。 必要なファイル jquery.js 設定 HTMLヘッダー内でjquery.jsを読み込む。 準備が出来ましたら、どうぞスクリプト達と戯れて下さい。 1.画像のロールオーバー 野に咲く花のように巷に溢れているスクリプトだと思います。単純かつ効果的。無くても大丈夫だけど無いとなんだか寂しい。そんな時こそ彼の健気なココロを知るのです。そんな素敵な存在です。 Demo HTML ロールオーバーを設定するimg要素にclass="rollove
法則36 Ajaxを利用して人気記事ランキングを表示する｜サンプル紹介｜【公式サポートサイト】Movable Type 4.x 本格的CMSサイトを構築するためのMTスーパーテクニック クリエイターが身につけておくべき新・100の法則。
prototype.pagerank.jsのカスタマイズ Cookieを有効にする //14 行目 var pagerank_enable_cookie = 1; ブログIDを指定する //21 行目 var pagerank_blogid = <$MTBlogID$>; トップページのURLを指定する //33 行目 var pagerank_blog_url = '<$MTBlogURL$>'; 関連ファイルの場所を指定する //34 行目 var pagerank_home_url = 'js/pagerank/'; ランキングの表示件数を指定する //57 行目 var pagerank_ranking_max = 15; ランキングの表示形式を選択する //63 行目 var pagerank_ranking_type = 1; ランキングのタイトルを指定する //274 行目
JavaScriptを使ってフォーム項目の表示/非表示を切り替えるスクリプト
こんなことありませんか？ フォームの項目が多くなり過ぎてしまい、ユーザーがストレスを感じそうと思う時はありませんか？ そんな時、押した項目によってその後の内容を変化させれば 項目が減って見た目もスッキリ・ユーザーの離脱も効果的に抑えられるはずです。 JavaScriptはかなりの初心者なので忘れないようメモしてみました。 【サンプル】例えばお申し込みフォームで… ・【初めて申し込む】を押した時は、「紹介者」入力欄・特典を表示。 ・【2度目以降の利用】を押した時は、「会員番号」入力欄を表示。 利用方法 初めて申し込む 2度目以降の利用 紹介者 紹介された方のお名前を入力してください。 会員番号 会員番号を入力してください。 特典:初めての方は30%オフ！ サンプルソース(ラジオボタン) HTML <form> <table border="0" cellspacing="0" cellpad
JavaScript初心者入門講座
一覧からデータを選択したとき、テキストボックスPREF_CDとPREF_NAMEに値が自動で入力されると、更新や削除のときとても便利です。今回はこの方法を学びましょう。 ついでにもう一つ、CSS（カスケーディングスタイルシート）を使って画面をデザインする方法も解説します。 【1】「sample010.html」を以下のように更新してください。コピーして貼り付けてもかまいません。 <html> <head> <script type="text/javascript" src="sample010.js"></script> <link href="design.css" rel="stylesheet" type="text/css"> <title>sample010</title> </head> <body> 都道府県マスター <form name="form1"> PREF_CD:
jsdo.it
Come creare il miglior gioco da casinò Quando si progetta un gioco da casinò, la prima cosa che devi considerare è che tipo di gioco sarà. Ci sono molti diversi tipi di giochi da casinò, dalle slot e video poker ai giochi da tavolo e giochi di carte. Dovrai decidere quale tipo di gioco si adatta meglio alle tue esigenze. Ogni tipo di gioco ha il proprio set di regole e regolamenti, quindi dovrai a
画像ポップアウト・イメージギャラリー・スライドショー｜jQuery plugin｜Ajax｜PHP & JavaScript Room
Lightweight Circle slideshow〔くるくる回して画像を切り替える円形のイメージギャラリー〕 Smooth Div Scroll〔水平方向に並べた画像をマウス操作でするするスクロール〕 Nivo Slider〔9種類のエフェクトがかけられるイメージスライダー〕 Galleriffic〔画像ギャラリーをリッチかつ高速にレンダリング〕 IMGPREVIEW〔マウスオーバーでリンク先の画像をプレビュー表示〕 jQuery largePhotoBox plugin〔大きな画像対応ポップアップ（マウス移動で画像全体を閲覧可能）〕 PIROBOX〔シンプルかっこいい画像ポップアップ〕 bxGallery〔シンプルな画像ギャラリー〕 A Simple jQuery Slideshow〔シンプルなスライドショー〕 Accessible News Slider〔全件表示や件数に応じて前
ページめくりを実装するjQueryプラグイン「jPageFlipper 」
ページめくりを実装するjQueryプラグイン「jPageFlipper 」 Check Tweet 配布元：jPageFlipper ライセンス：MIT License 「jPageFlipper 」は画像のページめくりを実装する為のjQueryプラグインです。 HTML 5 canvasで開発されておりGoogle Chrome 4以上, Firefox 3.5以上, Safari 4以上, Opera とiPhone、 IPadなどで動作可能です。 利用方法 まずは、ｊＱｕｅｒｙ本体とjquery-vsdoc.js、jquery.pageFlipper.jsをhead要素などで読み込みます。 <script type="text/javascript" src="lib/jquery-1.4.2.min.js"></script> <script type="text/javascri
Ajax - to-R
Ajaxの記事一覧 Google Chrome でAjaxを利用しローカルファイルにアクセスする Google Chrome5.0.335以降でどうやらローカルファイへのアクセスポリシーが変更されており、AjaxのXMLHttpRequest でローカルのHTMLなどからローカルファイルにアクセスが出来なくなってしまったようです。[5.0.335 Update] 2010年6月24日 20:28 Ajax中にページ更新する際の注意点 Ajaxで通信中にF5などを押してページをリロードすると通信エラーが帰ってきます。 2009年10月 9日 02:04 jQuery.suggestをIEの日本語に対応 jQuery.suggestでサジェスト機能を実装しようとしたところIEでの日本語の認識が上手に行きませんでした。 2009年7月31日 07:32 prototype.jsを使ってみる 1
新しいウィンドウをサイズ指定して開く
<html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>サンプル</title> <script type="text/javascript"> <!-- function openwin() { window.open("./window.html", "", "width=500,height=400"); } // --> </script> </head> <body> <a href="javascript:openwin();">新しいウィンドウ</a> </body> </html> <a href
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
kaiyun云开全站app登录-🍒云开全站登录app官方版
http://sixnine.biz/2011/08/jquery-1.html
Welcome to nginx!
http://wayfarerweb.com/jquery/plugins/mapbox/
JavaScript + Ajax 実践サンプル集 - ホーム
jQuery custom scrollbar