日本人ですし、WEBでも縦書き使いたいですよね? はいJavaScript! 縦書きjQueryで実現するnehan - Project Hosting on Google Codeです。 ※作者の方からご指摘いただき、jQueryがなくても動くとのことです。 jQueryないバージョン sponsors 使用方法 nehan - Project Hosting on Google Codeからファイル一式をダウンロードします。 <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript" src="nehan.js"></script> <script type="text/javascript"> $(function(){ Nehan.LayoutMa
Both Twitter and the Apple App Store use a brilliant technique for loading more information; you click the link and fresh items magically appear on the screen. This tutorial teaches you to use AJAX, CSS, Javascript, JSON, PHP, and HTML to create that magic. This tutorial will also feature both jQuery and MooTools versions of the script. Assumptions There are a few assumptions and notes that we're
デザインの都合上、省きたいが、でもこのコンテンツ入れたい。。。 そんなサイト制作者の葛藤を解消してくれるのが、Slide boxです。 最初は隠しておきながら、ボタンを押すとエフェクトつきで表示されます。 使用方法 Slide boxからslidebox.js、slidebox.cssを、jQueryからjquery.jsをダウンロードします。 <link rel="stylesheet" href="slidebox.css" type="text/css" media="screen"> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="slidebox.js"></script> <script> $(document).ready(function
縦に動くシンプルなティッカーを紹介します。 ニュースや更新情報をこのように見せると印象深くなります。 via:vTicker sponsors 使用方法 vTickerからjquery.vticker.jsをjQueryからjquery.jsをダウンロードします。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.vticker.js"></script> <script type="text/javascript"> $(function(){ $('.class名').vTicker(); }); </script> あとは上記でclass名でlist要素をくくれば完成です。 <div class="class名"> <ul>
ソーシャルな時代にはブックマークやrss、twitter、facebookなど使っているものが多くなります。 これらを手軽に表示するjSocial | Social Links Plugin By thatryanを表示することで、あなたのファンが増えていくことでしょう。 sponsors 使用方法 jSocial | Social Links Plugin By thatryanからファイル一式をダウンロード。 <link rel="stylesheet" href="style.css" type="text/css" media="screen" title="no title" charset="utf-8"> <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/java
指定数以上を隠したテキストを、もっと読むボタンで表示させるJavaScript「Jquery.readmore」 ブログなどでは概要を一定の文字数で区切って「...read more」みたいのがあります。 これは1ページでより多くの情報を見せられるようにするためと考えられますが、jQueryプラグインの「Jquery.readmore Demo」を利用するとページ遷移することなく続きを見せられるようになります。 続きがあまり長くない場合には有効ではないでしょうか。 使用方法 導入は簡単です。 Jquery.readmoreからjquery.readmore.jsをjQueryからjquery.jsをダウンロードします。 <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/
表示したい関連リンクなどが多いとき、こんな風に表現すると面白いかもしれません。 Cut & Paste jQuery Mega Menuを利用するとマウスを乗せたときに中身がどばっと表示されます。 sponsors 使用方法 jQueryからjquery.jsを、Cut & Paste jQuery Mega Menuからjkmegamenu.css、jkmegamenu.jsをダウンロードします。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <link rel="stylesheet" type="text/css" href="jkmegamenu.css" /> <script type="text/javascript" src="jkmegamenu.js"> /******************
布や木などのテクスチャ、タイル状のテクスチャ、アブストラクトなパターン、ウェブページのテンプレートなどの高品質な素材を配付しているサイトを紹介します。 elemis [ad#ad-2] 利用にあたっては個人でも商用でも、無料で利用が可能とのことです。 各素材はタグやカテゴリで管理されており、下記にそのカテゴリを紹介します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く