An Austin, Texas based Architecture & Design Studio
Andersson / Wise is an architectural design firm in Austin, Texas focused on the idea that a collaborative approach to design leads to a built solution attuned to its purpose. We are an office of thirty-one architects and designers dedicated to excellence in public, educational, religious, hospitality, and residential architectural master planning, design and interiors.
40分で覚える！jQuery速習講座 (1/6)
いまやWeb制作に欠かせなくなったJavaScript。でも、「JavaScriptはほとんど“アリモノ”で済ませている」という方も多いのでは？ そこで、WebデザイナーやマークアップエンジニアなどのWeb制作者の方向けに、いま一番人気のJavaScriptライブラリー「jQuery」の基本を学べる特別レッスンをお届けします。題して、「40分で覚えるjQuery」。要点だけにぎゅっと絞って解説しますので、手を動かしながら今すぐjQueryを始めましょう。 【0分目：導入編】 jQueryのダウンロードと利用方法 jQueryのライブラリー本体（JavaScriptファイル）は公式サイトからダウンロードし、head要素などにscript要素を書いて読み込みます。
jQueryベースの使えそうなWordPressプラグインいろいろ:phpspot開発日誌
45 jQuery Based Wordpress Plugins and Tutorials jQueryベースの使えそうなWordPressプラグインが色々まとまっていました。 WordPressでクールで動くブログを作りたい際の参考にできそうです。 ブログ閲覧にあたって便利な機能が沢山あって簡単に追加できるみたいなので、参考にできそう。 無限ページスクロール カルーセル実装 ランダムに記事を表示 LightBoxプラグイン 注目の記事をかっこよくみせるウィジェット オーディオファイル再生 ページ送りをスライダーで実現 関連エントリ ゼロからWordPressプラグインを作成するためのチュートリアル Googleとの連携を便利にする１０のWordPressプラグイン WordPressプラグイン作成用コードテンプレート WordPressの便利プラグイン他、チートシートやテーマ作成リフ
テーブルで1行おきに背景色を変える。｜web bibo
昔（テーブルレイアウトの時代）は、trやtd一つ一つにbackgroundで指定していました。CSSが普及してきてからはidまたはclassで指定したtrやtdにbackground-colorなどで色付けしています。 ただ問題は、各行にclassを付けて1行おきに背景色を変えるテーブルを作成します。そして、そのテーブルに新しい行を追加または削除すると、行の順番が変わるので色付け用のclassをまた付け直さなければなりません。かなり面倒ですよね。これから紹介するのは行を追加・削除しても1行おきに背景色が変わる方法です。メインはJavascriptになっちゃうんですけど、参考にしてみてください。 Javascriptを記述 //-------------値設定--------------- var classN = "zebra"; //クラス名を指定 var addClass1 = "
[JS]ホバー時に光源が移動するエフェクトがかっこいいスクリプト
マウスのホバー時に、光源がカーソルに追従するエフェクトがかっこいいスクリプトをcoders.meから紹介します。
David DeSandro: jQuery Masonry
Masonry is a layout plugin for the ever-popular Javascript library jQuery. Download jQuery Masonry Think of Masonry as the flip side of CSS floats. Where as floats arrange elements horizontally then vertically, Masonry arranges them vertically then horizontally. The result leaves no vertical gaps between elements of varying height, just like a mason fitting stones in a wall. Invoking Masonry only
jQueryでAjaxを利用する基本チュートリアル (1/4)
前回の「フォーム」に続き、jQueryの特別な機能を解説します。今回取り上げるのは、「Ajax」を利用するための機能です。 今さら聞けない「Ajax」とは？ 「Ajax」（エイジャックス）は 「Asynchronous JavaScript + XML」の略で、あえて日本語にすれば「JavaScriptとXMLによる非同期通信処理」といった意味です。難しく聞こえますが、JavaScriptでWebページを切り替えずにサーバーとデータをやりとりすることです。JavaScriptでサーバーのデータを取りに行けば、ページを切り替えずに画面の一部を書き換える、といった処理ができるようになります。 WebブラウザーはWebページを表示するために、サーバーからHTML/XHTML（以下、特に断りのない場合はHTMLと書きます）ファイルを取得し、取得したHTMLを解釈して描画（レンダリング）します。通常
How to Make a Smooth Animated Menu with jQuery « Build Internet
How to Make a Smooth Animated Menu with jQuery Ever seen some excellent jQuery navigation that left you wanting to make one of your own? Today we’ll aim to do just that by building a menu and animate it with some smooth effects. The Goal – One Smooth Menu Here’s a demo of what we’ll end up with by the end. Introduction – An explanation of easing The menu has such a smooth animation because of a th
日付の範囲を入力する際に便利に使えそうなjQueryのUIプラグイン:phpspot開発日誌
Generate a JQuery UI Slider using Data from a Select Element 日付の範囲を入力する際に便利に使えそうなjQueryのUIプラグイン。 次のように、スライダーのＵＩで範囲を指定する際に便利に使えそうです。 デモ１） Date Slider デモ２） Speed Slider 使用頻度はそれほどないかもしれませんが、ここぞという時に覚えておいて損はなさそうですね。 関連エントリ jQueryを使ったカレンダー型、日付入力補完ライブラリ GoogleカレンダーみたいなカレンダーをjQueryで一瞬で作成できる「jquery-week-calendar」 JavaScriptで日付をTwitter風に○分前といった表記に変換できるライブラリ「niceTime」
Webデザイナーのための美しいjQueryプラグイン22 – creamu
Tutorial9で、Webデザイナーのための美しいjQueryプラグインが紹介されています。 ざっといくつかご紹介。 » jQuery.popeye – an inline lightbox alternative lightboxをギャラリーのようなインターフェースに代替したjQuery.popeye » jPlayer – jQuery mp3 player plugin jQueryで作るmp3ミュージックプレーヤー » jQuery form plugin jQueryで非同期通信のフォームを実装 » easyDrag jQuery plugin 簡単にコンテンツをドラッグ&ドロップできるようにするプラグイン » jQuery accordion plugin – vertical 垂直方向のアコーディオンメニュー » Switch stylesheets with jQuery
World of Merix Studio | Web Design Agency
Ooops, JavaScript is switched off :( We detected you have JavaScript switched off, please turn it on in order to fully experience the rich World of Merix Studio We’re a well organized, talented and flexible team of designers, web developers, project managers and marketers passionate about creating websites. Merix Studio is a Poland-based web design agency operating internationally. We have over 10
[JS]滑らかにスライドするナビゲーションを実装するチュートリアル
滑らかにスライドするアニメーションが軽快なナビゲーションを実装するチュートリアルをSoh Tanakaから紹介します。 Animated Navigation with CSS & jQuery demo デモでは背景の有無の2パターンで、どちらも滑らかにスライドするアニメーションが面白い効果を生み出しています。 ナビゲーションはリスト要素で実装されており、「overflow:hidden;」でマスクし、マウスのホバーでスライド表示させています。 <textarea name="code" class="html" cols="60" rows="5"> <ul id="topnav"> <li><a href="#">Home</a></li> <li><a href="#">Services</a></li> <li><a href="#">Portfolio</a></li> <li
jQueryを使ったクリエイティブなイメージギャラリーいろいろ – creamu
webstandard blogで、jQueryを使ったクリエイティブなイメージギャラリーが紹介されています。 ざっといくつかご紹介。 » Full screen Image-Gallery フルスクリーンのクールなイメージギャラリー » ImageRotator クールにローテーションするギャラリー » Content-Gallery 下にサムネイルを配置したデザイン » Galleriffic シンプルなデザイン » Slider 水平方向にスクロールするクールなギャラリー その他のリストは以下からどうぞ。 » Creative Image-Galleries by jQuery 今日も超天気いーですねーーー。バイクで走りまくり。外苑前→白金→品川イマココ。
20 jQuery Tutorials And Plugins To Impress Your Friends - SpyreStudios
I have always liked playing around with jQuery and I’m sure many of you do too! In fact we’ve published some jQuery ‘getting started‘ guides here on SpyreStudios in the past. So this time I thought we’d go more in depth and I’ve hand-picked 20 awesome jQuery tutorials (most of them have working demos) Here they are: Creating a Keyboard with CSS and jQuery ↓ In this tutorial you’ll learn how to cre
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
jQueryによるAjax操作の基礎｜JavaScriptプログラムメモ｜プログラムメモ
CSSとjQueryで作るカラフルなアナログ時計 – creamu
[JS]画像だけでなく動画やHTMLコンテンツを拡大表示するスクリプト -Clearbox
http://www.coders.me/lang/en/web-html-js-css/javascript/mootools/buttons-like-windows-7-with-js-css
IDEA * IDEA
