スマートフォンの普及やデジタル化により、 インターネットでの情報収集が当たり前の世の中で、 企業と顧客・求職者との最初の接点がWebサイトであることは珍しくありません。 Webサイトは、まさに企業の顔であり、 顧客や求職者にサービスや製品などの企業や店舗の情報を伝える 必須のビジネスツールです。 ニイグミでは500件以上のノウハウを生かし、 本当に必要なWebサイトをご提供します。
MELLOWDOWN | 香川県ホームページ制作
スマートフォンの普及やデジタル化により、 インターネットでの情報収集が当たり前の世の中で、 企業と顧客・求職者との最初の接点がWebサイトであることは珍しくありません。 Webサイトは、まさに企業の顔であり、 顧客や求職者にサービスや製品などの企業や店舗の情報を伝える 必須のビジネスツールです。 ニイグミでは500件以上のノウハウを生かし、 本当に必要なWebサイトをご提供します。
画像ポップアウト・イメージギャラリー・スライドショー｜jQuery plugin｜Ajax｜PHP & JavaScript Room
Lightweight Circle slideshow〔くるくる回して画像を切り替える円形のイメージギャラリー〕 Smooth Div Scroll〔水平方向に並べた画像をマウス操作でするするスクロール〕 Nivo Slider〔9種類のエフェクトがかけられるイメージスライダー〕 Galleriffic〔画像ギャラリーをリッチかつ高速にレンダリング〕 IMGPREVIEW〔マウスオーバーでリンク先の画像をプレビュー表示〕 jQuery largePhotoBox plugin〔大きな画像対応ポップアップ（マウス移動で画像全体を閲覧可能）〕 PIROBOX〔シンプルかっこいい画像ポップアップ〕 bxGallery〔シンプルな画像ギャラリー〕 A Simple jQuery Slideshow〔シンプルなスライドショー〕 Accessible News Slider〔全件表示や件数に応じて前
Create Featured Content Slider Using jQuery UI - WPLoaded
Showing off the best content of your website or blog in a nice intuitive way will surely catch more eyeballs. Using an auto-playing content slider is the one of techniques to show your featured content. It saves you space and makes for a better user experience, and if you add a pinch of eye candy to it, then there’s no looking back. There are a few tutorials on creating featured content sliders li
IE PNG Fix | 設置サンプル
PNG Opacity Fix for IE6 | 設置サンプル ▼jQueryを使用。 まずブラウザ判定をし、透過PNGに対応していないIE5.5またはIE6の場合に、ページ内のsrc属性の拡張子がPNGのimg要素にDirectXのAlphaImageLoaderを適用させています。 【設置サンプルのソース】 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text
jQuery で CSS を切り替えて文字サイズを変更する 2 つの方法。
Web 制作のことを中心に、ちょっとした Tips などを掲載しています。「自分用メモ」が基本スタンス。 btmup Blog 最近、文字サイズの切り替えボタンを設置しているサイトも多くなってきましたね。 自治体や病院など公共性の高いサイトを中心に、導入が進んでいるようです。 僕自身も医療系のサイトに関わることが多いのですが、「設置して当然」の要件となりつつある感じ。 まー、正直「周りがやってるから」というのが主な理由なんですが、結果としてユーザビリティやアクセシビリティにつながるなら良しとしましょう（誰 今回は、その「ボタンをクリックして文字サイズを変更」する機能を実現する方法について、定番を 1 つと、新しく見付けたのを 1 つご紹介します。 定番の方は、プラグインを追加するだけなので手軽＆気軽にできるのが特徴。 新発見の方は、いろいろ書かないといけないので若干メンドくさいですが、その
jQuery Mega Menu - GeekTantra
This is a simple jQuery based MegaMenu plugin. Demo: Click Here Download: Click Here The other day I was searching for a jQuery based MegaMenu over google but couldn’t find any good plugin for the same so sat down and wrote one for myself. Here is a simple jQuery plugin to create an unbloated MegaMenu in seconds. Demo: Click Here Download: Click Here Project Repository: Click Here In your header s
jQueryでメガドロップダウンメニュー | helog
スマートフォンやhtml5+CSS3など新技術に四苦八苦。PHPやAjaxも難しいですね。そんなWebに悩む人のネタ帳です。 jQueryを使って簡単なメガドロップダウンメニューです。 このブログのグローバルメニューでも使っている、簡易的なメガドロップダウンメニューです。 このブログをサンプルに説明したいと思います。コードは見やすいように、要点のみの抜き出しています。また、jQueryのバージョンは1.4.2ですが、1.3系でも動作するはずです。 まずはHTML部分ですが、ulタブで２段階に組みます。１段目がカテゴリメニュー、２段目がサブカテゴリメニューというイメージです。 ２段目のulについてはデフォルトで「display: none;」というようにして、非表示状態にします。 <ul id="Gmenu"> <li class="parent"> <a href="/categor
jQueryプラグイン「Easy Slider」でスライダーを簡単導入
twitter facebook hatena google pocket スライダーを導入したい。 でも導入は難しそうだからと、見送っていませんか。 jQueryプラグイン「Easy Slider」なら、あなたのサイトでもすぐに使用できます。 sponsors 使用方法 Easy Sliderからファイル一式をダウンロードします。 <script type="text/javascript" src="jquery-1.3.js"></script> <script type="text/javascript" src="easySlider.packed.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#slider").easySlider(); }); </script>
40分で覚える！jQuery速習講座 (1/6)
いまやWeb制作に欠かせなくなったJavaScript。でも、「JavaScriptはほとんど“アリモノ”で済ませている」という方も多いのでは？ そこで、WebデザイナーやマークアップエンジニアなどのWeb制作者の方向けに、いま一番人気のJavaScriptライブラリー「jQuery」の基本を学べる特別レッスンをお届けします。題して、「40分で覚えるjQuery」。要点だけにぎゅっと絞って解説しますので、手を動かしながら今すぐjQueryを始めましょう。 【0分目：導入編】 jQueryのダウンロードと利用方法 jQueryのライブラリー本体（JavaScriptファイル）は公式サイトからダウンロードし、head要素などにscript要素を書いて読み込みます。
jQueryで、ぬるっとスクロールしながらページのトップに戻る機能を実装する。 - WEB人
jQueryで、ぬるっとスクロールしながらページのトップに戻る機能を実装する。 公開：2009年11月 4日 21:06, 更新：2009年11月 5日 08:01 トラックバック(0) コメント(0) 最近の流行を抑えたサイトを見ていて気になる機能がありました。ページをスクロールして下へ移動すると、右下にスーッと出現する上向きのボタン。ポチっと押すと、ぬるっとスクロールしながらページのトップに戻ってくれる優れものです。 ホイールやスクロールバーを使って戻るのは、縦に長いページほど手間がかかるので、このプラグインがデザインの邪魔にならないのであれば是非実装してみましょう。場合によっては劇的にユーザビリティが向上します。 必要ファイルの準備 まずはjQueryのライブラリファイルを用意します。jQuery公式サイトに「Production (19KB, Minified and Gzi
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+ サンプルデモのメニュー部分をクリックしてみてください。 右上にローディングのマークが若干出て、さらにアコーディオン風に内容が変わります
真面目にエロサイトを作ってみた【プログラマ編】 - BLOG｜ASTRODEO
東京都台東区で黙々とウェブでサービスを開発している株式会社アストロデオのホームページです。
jqueryでウェブサイトをリッチにするプラグインまとめ « vanillate
jqueryのプラグインのまとめです。jqueryはjavascriptベースのライブラリのようなもの。画像やメニューに動的な操作を与えたりすることが可能です。また、HTMLソースも複雑になりにくく、デザインをCSSで操作可能なものが多く、ウェブデザインをより魅力的にすることができます。 フェードしながらスライドするjQueryプラグイン デモ jQuery ListMenu Plugin デモ 大量のアイテムもすっきりとリストにできます。 Sliding login panel with jQuery デモ ログインフォームもおしゃれに。常に表示しておく必要はないですよね。アニメーション付きでぶらさがってくるこんなプラグインはいかがですか。 create a better jQuery stylesheet switcher デモ スタイルシートをjqueryで切り替えるプ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://depthcode.com/2010/10/swap.html
jQuery ドロップダウンメニュー | CSS Lecture
leandrovieira.com – Só mais um site WordPress
Takazudo Clipping*
jQuery・Ajax実践サンプル
http://shin.s-ence.org/archives/2007/12/2176.html
マウスオーバーするとスライド式で現れるナビゲーション | CREAMU