PHPからTwitterを簡単に操作できるPEARパッケージ「Services_Twitter」がアッ... 次の記事 ≫：PHP関数の挙動をちょっと調べたいときに助かる「PHP Functions Online」 jQuery Form Tips Plugin フォーム要素にうっすらデフォルト値を入れてヒント表示できる「jQuery Form Tips」 フォームにデフォルト値を入れておくことで利用者が何をいれていいのか、というのが直感的にわかり、かつスペースもとらないのでよく使われる手法ですが、実装も超簡単にやりたいですね。 jQuery Form Tips を使えば、フォーム要素の title 属性に値を入れておくだけでヒントを自動表示できます。 <p> <label for="i1">Field1</label><br /> <input type="text" name="i1"
かっこいいスライドショーを作りたい。 そんなときにおすすめなのが、『28 Useful JQuery Sliders You Need To Download』。jQueryのかっこいいスライドショースクリプト集です。 かなりいい感じのものが揃っています。 Automatic Image Slider w/ CSS & jQuery CSSとjQueryで作られた、自動でスライドするギャラリー Animate Panning Slideshow with jQuery 大きい画像の一部がパンしながら移動するスライドショー SlideDeck jQuery plugin とてもかっこいいスライドショー。無料版と$99の有料版がある。Basecampのサイト等、実装例多数 jQuery Infinite Carousel スムーズな動きのカルーセル（イメージスライダー） Easy Slider
display:inline;を指定して水平に並べた場合、要素と要素の間に隙間が生じます。 これは空白類文字といって、ソースコード内の改行は半角スペースくらいの空白に変換するそうです。 XHTML&CSSを記述 li { display: inline; } <ul> <li><img src="/images/tips/h_list_space_01.png" alt="HTML" /></li> <li><img src="/images/tips/h_list_space_02.png" alt="CSS" /></li> <li><img src="/images/tips/h_list_space_03.png" alt="JavaScript" /></li> <li><img src="/images/tips/h_list_space_04.png" alt="PHP" /
最近作ったサイトでサイドメニューで子メニューをドロップダウンで表示するものを作ってみた。 ドロップダウンで表示するメニューはグローバルメニューでは良くあるのだが、今回はサイドメニューで作りたかった。 JavaScriptは出来るだけ使わないでCSSだけで作ってみました。 サンプルページはこちら 実際に設置したサイトはこちら→コミュニケーションツールでコミュニケーションを企画する?ちよだ ファイルのダウンロードはこちら→menu.zip XHTMLはこんな感じ [html] <div id=”sidebar-left”> <div class=”menu”> <div class=”title”>●Menu●</div> <ul id=”left-menu”> <li class=”pnk” onmouseover=”this.className=’pnk1′” onmouseout=”th
今日の内容 JavaScriptを勉強し始めくらいの人を対象にしたJavaScript入門講座的なもの 文法とかは調べればわかるのでふれません 一人で勉強してもわからなそうな概念などを重点的に説明します ライブコーディングするのでJavaScriptってこんな感じて作るんだなーというのがわかってもらえればと アジェンダ JavaScriptを勉強する前に JavaScriptの基礎知識 ライブコーディング part1 jQueryの基礎知識 ライブコーディング part2
jQueryのアップロード. ファイル名のピリオドはひとつなのでリネームする。 (例) jquery-1.3.2.min.js → jquery-1_3_2_min.js. FC2ブログの「ブログ」タブ ... cafefilter.de<title> <!--Lightbox--> <script type="text/javascript" src ...
CSSハック一覧 - IE, Firefox, Safariなどなど異なるブラウザーで見たらレイアウトが崩れる。。CSSハックはそんな時のお役立ち裏技（？）です。私がブックマークしているCSSハックに関するWebサイトがたくさんあったので（Safariがのってない・IE8しかのってない。。等の理由で）、自分用メモ。「こんなやり方もある！」というのがあればコメントして教えてください！ Internet ExplorerIE6 以下#help_me { _color: blue; } * html #help_me { color: red; } IE7*:first-child + html #help_me { color: red; } * + html #help_me { color: red; } IE6, IE7#help_me { /color: blue; } IE8#hel
もはやこの業界ではかなり浸透しつつあるjQuery。 今回はそんなjQueryにスポットを当て、本年度紹介された中でも、ホットなトレンドプラグインをご紹介します。 ※プラグインつかってないのもあります。 １）3D表示プラグイン サンプルデモ 今年のトレンドと言えば3D。 というわけでこちら。まずはサンプルデモを確認。 触ってわかる通りですが、2枚の画像が3D表示されます。 呼び出す $(function() { $('#mindscape').smart3d(); }); HTML <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS #mindscape { width: 720px; height: 170px;
Google パブリックサービス検索 Google では、世界各国の教育機関や非営利団体を対象に、ウェブ サイトを検索するためのサイト検索と、インターネットを検索するためのウェブ検索の 2 つの無料サービスを提供しています。カスタマイズも可能で、検索結果ページに広告が表示されることはありません。登録はこちら Google にリンクする 当サイトは原則リンクフリーです。ロゴを利用したリンクをご希望の方は、Google ロゴ使用をご覧下さい。 Google フリー検索: ホームページに Google の検索ボックスを設置する ご自分のホームページに Google の検索ボックスを加えることができます。Google フリー検索にはベーシック版とカスタム版があり、それぞれウェブ検索機能のみ、またはウェブ検索 + サイト検索両方の機能をご利用いただけます。なお、Google では検索結果ページに
すぐに使えそうなネガティブマージン 2008-05-15 0 0 XHTML/CSS CSS, margin margin にはマイナスの値を入れることができます。マイナスの値を持つ margin を「ネガティブマージン」と言ったりします。 あまりむずかしくなく，すぐに使えそうなネガティブマージンを紹介してみましょう。 見出しにネガティブマージン 本文の左に見出しよりも大きな余白をとりたいというとき。 <div class="section"> <h3>見出し</h3> <p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。...</p> <p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。...</p> </div> div.section { padding-left: 15px; } div.section h3
ul，liでメニューをマークアップ 2007-02-17 0 2 XHTML/CSS ul, XHTML メニューを「リンクのリスト」ととらえて，ul，liでマークアップしているところが増えていますね。 本文中のまとまった意味を持つ一連の文章なら，おもに<p> ...... </p>でマークアップしますが，メニューはそれとは役目も意味も違います。やはり「リスト」ですね。MovableTypeのデフォルトのテンプレートも，ul，liでマークアップされていました。 実際にはこんなふうに書かれています。 <ul class="module-list"> <MTEntries lastn="10"> <li class="module-list-item"><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></li> </MTEntries> <
Captcha security check monodez.com is for sale Please prove you're not a robot View Price Processing
Captcha security check monodez.com is for sale Please prove you're not a robot View Price Processing
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
