ホームページやWebサービスの制作を通して、実践的にプログラミングを学べます。他にも、ゲーム制作やデータ分析・機械学習/AIに使われる言語まで幅広くカバー。学びたい分野のレッスンがきっと見つかります。
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 スクロールに応じて視差効果 を表現できるスクリプト・ jarallaxのご紹介。jQueryを 必要とするみたいです。よく 見かけるやつですが、デモが 良かったので備忘録的に。 jQuery依存のパララックスエフェクト実装スクリプトです。時間無いので紹介だけとさせて頂きます。 よくあるパララックス実装スクリプト。デモ作る暇が無かったので公式のをご覧下さい。 Sample フェードエフェクトがうまく使われてます。 アニメーションの定義をcloneAnimationでクローン化出来る様にしたそうです。 var jarallax = new Jarallax(); var animation = jarallax.addAnimation('#foo',[{progres
コメントを残すメールアドレスが公開されることはありません。 * が付いている欄は必須項目です コメント * 名前 * メール * サイト 次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。
Bing Mapsの基礎〜応用 某GのmapのAPIを利用するのにクレカ登録が必須となったので、Bing Mapsでどのくらいまでいけるのか試してみた。 主な使用技術 Bing Maps API、JavaScript、CSS、レスポンシブ 詳しく見る Youtube APIを使用したサンプル YouTube Data API (v3)を使用し、JavaScriptにてユーザーチャンネルの動画を取得するプログラムを作成。 主な使用技術 YouTube Data API、JavaScript(jQuery)、CSS、レスポンシブ 詳しく見る ポケモンGO図鑑 Githubに公開されている「Pokemon-DB」を元にページを生成 主な使用技術 JavaScript(jQuery)、CSS、レスポンシブ、Photoshop（タイプのドット絵を作成） 詳しく見る
とても簡単かつ軽量なjQueryのスライダー「jQuery Slider²」を使ってみました。使いやすくて、サクっと実装できます。オプションで幅や高さも指定できますし、スピード、自動スライドも切り替えられ、それなりの機能もつけられるのでいい感じかと思います。以下、サンプルと使い方です。 [ads_center] 使い方 以下のサイトからダウンロードできます。 jQuery Slider² – Make your site slide – wex.im いつも通り、head内にjQuery本体とプラグインを読み込みます。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <script type="text/javascrip
jQuery で書かれたプレゼン用のスクリプト Slippy を使って基金訓練でのスライドを作ってみたのでそのメモとか。Slippyのライセンスはたぶん修正BSD 使い方はデモを見ればOKデモページのスライドがSlippyの使い方の説明になっているので読めば使い方は分かる。 戻る : 左矢印キー進む : 右矢印キー, スペースキー, ダブルクリック一覧表示 : Escキー, Delキー, Tabキー (その後クリックでスライド選択)指定したページへジャンプ : 数字を入力後 EnterソースのメモHTMLの書き方についてのメモ 使うときはコードを軽く書き換えるだけでOKIntroducing Slippy - HTML Presentations - Jordi Boggianoに github へのリンクがあるのでそっからソースをダウンロードする。で、HTMLファイルの中身を見ればどう書
10 Best jQuery Flip effect plugin with examples jQueryでフリップエフェクトを使った良プラグインやサンプル集１０。 送信時にフリップするフォームやフリップするカウンタの他、アイテムをフリップアニメーションさせてオシャレにレイアウトするプラグインやサンプルがまとまっています。 こういうことも出来るんだということを認知する意味で一度見ておくとよさそう 数年前ではこういうのはFlash以外に考えられませんでしたが進化を感じられますね 関連エントリ jQueryでフリップするカッコいいメニュー作成のチュートリアル 多数のパネルをアニメーションでフリップさせるクールなUI実装サンプル
jQueryで簡単に作れるマウスオーバーでアニメーションするボタン５種 ちょっと前まではマウスオーバーといえば画像の切り替えくらいでしたけど、最近ではアニメーションで切り替わるマウスオーバーも増えてきましたね。 ということでこの記事ではjQueryを使用して、わりと簡単に作れるマウスオーバーアクションをご紹介します。 投稿日2010年10月24日 更新日2012年03月05日 ナビゲーションはテキストにしないとseo的にあれだよとか言われていますが、コーポレートサイトではまだまだ画像を使用されていることが多いと思います。なので、今回は画像ナビゲーション限定です。（テキストでもあまり変わらないと思いますが……） 縦型+テキストタイプのナビゲーションはこちらの記事をご覧ください。 「jQueryで作るマウスオーバーアニメーションするテキストタイプの縦型ナビゲーション10種」 htmlと画像の準
Flippy is a cross-browser flip effect plugin for jQuery and allows you to flip whatever html element you want.What is Flippy ? Flippy is a cross-browser flip effect plugin for jQuery which allows you to flip whatever html element you want. Download flippy v1.0.1 Options color_target : The targeted background color. (ex.: ‘aliceblue’ or ‘#f0f8ff’ | default: ‘white’) content : The content to show af
We're sorry, but the page you are looking for does not exist. It may have been moved, deleted, or never existed at all. Please check the URL or navigate back to our homepage.
jQuery Zoom マウスホバーだけの簡単操作で画像をズームできて便利な「jQuery Zoom」。 画像にマウスホバーするとマウス位置部分が拡大されて表示されます。クリックをトリガにすることも可能。 操作自体はとてもシンプルですが、ホバーだけで拡大したい位置を拡大できるというのは意外と便利そうです。 LightBoxのような形式であってもポップアップでズームというと閉じないといけませんし、これぐらいのシンプルさはショッピングサイトなどでの利用頻度が高い場合においては使い勝手がよさそう。 角っこにズームアイコンが付けられたりするのもオシャレですね 関連エントリ ECサイトなどで使えそうな360度ズーム機能を実装するjQueryプラグイン「AJAX-ZOOM」
グリッドレイアウトの雛形を作成 出来るWebサービスのご紹介。よく あるサービスですが、OSSとしてソ ースも公開されているのでローカル 環境でも使えるのが有難かったの でシェアしたいと思います。 よくあるグリッドレイアウト生成ツール。OSSとしてソースコードも公開されているので自分用にカスタマイズする事も出来ます。
First thing's first: download the dependencies. You'll need jQuery (>= 1.7) and Moment.js (>= 1.7). Once you've got everything, put this somewhere in your page: <script src="jquery.js"></script> <script src="moment.js"></script> <script src="livestamp.js"></script> No extra JavaScript required! Just use a <span> with the data-livestamp attribute set to the desired Unix timestamp (in seconds), like
Meny - CSS 3D fold-in menu concept 3D Transformsを使った次世代の3Dサイドメニュー実装スクリプト「Meny」。 ページのサイドに矢印があって、クリックするとコンテンツがグリっと3Dで回転して超カッコいいメニューの実装例です。 SafariやiPhone等で確認することが出来ます メニューを開いた例。 ページの右側を切り替えても動くように出来ます。 これは、まだまだ進化しますね 関連エントリ シンプルだけどデザインがよいドロップダウンメニュー実装チュートリアル デザインも動きもオシャレなjQuery＆CSS3メニューデモ スマホサイトでも使えそうなかっこいいドロップダウンメニュー実装jQueryプラグイン「ddSlick」 メニューを固定したWEBデザインのサンプル２１
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
