[B! jQuery][javascript] masa2486のブックマーク

[JS]余分なHTMLは加えずに、セマンティックに実装するスマートフォン用のナビゲーション

デスクトップ時はアイテムが水平に並び、スマートフォン時は省スペースのドロップダウン型に変わるナビゲーションを実装するチュートリアルを紹介します。デモページ：幅480pxで表示実装 HTML HTMLは非常にシンプルで、リスト要素を使いnav要素で内包するだけです。 <nav id="nav-wrap"> <ul id="nav"> <li><a href="#">Button</a></li> <li><a href="#">Button</a></li> </ul> </nav> JavaScript スクリプトではスマートフォン用にdiv要素で「Menu」を加え、それがクリックされるとアニメーションでスライドします。 <script type="text/javascript" src="http://ajax.google apis.com/ajax/libs/jquery/1.7

masa2486 2012/04/07

リンク

CSSは分かるけど jQuery は苦手 … という人が jQuery に親しんでくれるといいなーと思って書きました

Webデザインをしていると、HTML と CSS だけではできない表現ってありますよね。そんな時によく使うのが jQuery。今回は jQuery っていまいちよく分からない ... っていう人が、jQuery に少しでも親しんでもらえたらいいなーと思って、知ってる事をまとめてみました。なので jQuery 初心者さん向けの記事です。とっても当たり前なんですけど、Web サイトは基本的に HTML で書かれていて、デザインは CSS で装飾されていますよね。最近では CSS3 の登場で、簡単なアニメーションも CSS で作れるようになりました。でもクライアントワークでは、まだまだ CSS3 を使える部分が限られているし、Webデザインに少し動きなどをつけたい時などは、まだまだ jQuery を活用する事も多いです。私は Javascript が苦手で、jQuery もどちらかというと苦

masa2486 2011/10/12

リンク

PHP、Perl、Ruby、C、C++等40以上の言語をブラウザで実行できるようになるjQueryプラグイン「Run This」:phpspot開発日誌

PHP、Perl、Ruby、C、C++等40以上の言語をブラウザで実行できるようになるjQueryプラグイン「Run This」 2010年03月11日- Run This! PHP、Perl、Ruby、C、C++等40以上の言語をブラウザで実行できるようになるjQueryプラグイン「Run This」。ブラウザ内の<pre>コードで記述した部分を、その場でそのまま動かすことができ、うまくサイトに組み込めばより訪問者にとってわかりやすいページを作ることが出来そうです。例えば、PHPの入門サイトなんかでは挙動を一瞬で確認できてしまいます。具体的には以下の言語に対応しています。 Ada, Assem bler, AWK, Bash, bc, Brainf**k, C, C#, C++, CLIPS, Clojure, COBOL, Common Lisp, D, Erlang, Forth

masa2486 2010/03/11

リンク

webデザイナーのためのjQueryベストプラグイン＆チュートリアル10個

かなり人気のあるjQueryですが、そんなjQueryの私個人が選ぶ素敵なプラグインとチュートリアル10選。とりあえず定番的なものをどうぞ。ちなみにjQueryを自作できるレベルまで手軽になりたい人は以下記事参照。 web制作の現場で使うjQueryデザイン入門が激しくお勧めな件タグクラウドの細分化 jquery Hover Sub Tag Cloud - Noupe サンプルデモこれかなり好き。タグクラウドをさらに細分化させて表示させてます。こういう発想は今までなかったので最初見たときちょっと感動しましたね。ローディングページ How to Load In and Animate Content with jQuery | Nettuts+ サンプルデモのメニュー部分をクリックしてみてください。右上にローディングのマークが若干出て、さらにアコーディオン風に内容が変わります

masa2486 2010/03/03

リンク

jQueryプラグイン用途別「いつもの」ベスト1

2010年2月17日サイト制作時に実装することの多い必要最小限の機能について、僕の「いつもの」jQueryプラグインを紹介します。毎回プラグインを探すのが面倒だから jQueryは、プラグインの数が豊富なため、自分に合ったものを探すのが非常に大変です。毎回、もっといいものがあるのでは・・・、と、プラグインを探す作業で1日が終わってしまう悲しみの果てに、何が待ち受けているかは分かりませんが、できることなら汎用性の高い「いつもの」を決めておきたいところです。今回は、サイト制作時に実装することの多い必要最小限の機能について、僕の「いつもの」jQueryプラグインを紹介したいと思います。画像のロールオーバー input要素にも使えるjQueryのロールオーバープラグイン | Rewish ウェブサイトにナビゲーションがある限り、ロールオーバーは必須の機能です。cssでやってる頃は、「Java