手軽に扱えるjQueryプラグインを使ってみようCodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。
ページ内スクロールのjQueryプラグインいろいろ
ページ内、要素間のスムースな スクロールを実装する事が可能な jQueryプラグインのメモ。使ってい るサイトも随分見かけるようになっ てきましたね。 ページ内、要素間のスムースな スクロールを実装する事が可能な jQueryプラグインのメモ。使ってい るサイトも随分見かけるようになっ てきましたね。 個人的には特定のものしか使っておらず、いろいろと挑戦したいと考えているのでそのとき用にメモ。カルーセルとかギャラリーみたいなスライダータイプは今回割愛しています。 ScrollTo Posts With jQuery ページ内をダイナミックにスクロール。サイドのメニューっぽいところで操作します。 ScrollTo Posts With jQuery Create a Vertical, Horizontal and Diagonal Sliding Content Website with
読み込むだけでページ内リンクをスクロールするjQueryプラグイン
2010年2月21日 ページ内リンクをスムーズスクロールさせるjQueryプラグインを作ってみた。 今あるサイトに読み込むだけの簡単設計 巷にありふれている、ページ内リンクをスクロールさせるための、jQueryプラグインです。正直、「新しく作る必要なくね？」な印象は拭えません。 しいて言えば、今あるサイトに読み込ませるだけでページ内リンクが自動でスクロールするようになるため、初心者にやさしい設計だということです。 あと、最後に言い残すこととしては、「これなら自分にも作れそう」・・・と、思うことって、最初の一歩を踏み出すのにすごく大切なことだと思う。ってことだけです。 DOWNLOAD - jquery.scroller.d5.js サンプル このサイトでも使用しているので、このページのフッターにある「このページの先頭へ」というリンクで動作が確認できます。 簡単な使い方 <script ty
jQuery Mobile コンポーネントシリーズ #6 「開閉式とアコーディオン式コンテンツ」 | DevelopersIO
前回#5では「ボタン」について紹介しました。 jQuery Mobileの開閉式コンポーネントには2つの種類があります。今回は「開閉式とアコーディオン式コンテンツ」について紹介します。 開閉式コンテンツ 開閉式のコンテンツを作成するには、コンテナとなる要素に対して「data-role=“collapsible”」を指定します。入れ子にすることもできます。 サンプルソース <div data-role="collapsible"> <h2 id="toc-1">開閉</h2> <p>この部分には内容が入ります。</p> </div> 読み込み時の開閉状態を制御する 読み込み時にコンテンツが開いた状態にしておきたい場合「data-collapsed="false"」をコンテナとなる要素に指定します。 <div data-role="collapsible" data-collapsed="tr
jQuery Mobileでサクッと作るスマートフォン向けWebアプリの基本 ─ ＠IT
大日本印刷 森川 裕美 2011/9/29 jQueryMobileを使って、スマートフォン向けのWebアプリケーションを手軽に作成する方法をおばかアプリを例に紹介します おばかアプリの開発にjQuery Mobileを使ってみました 先月8月20日に開催されました「第5回おばかアプリ選手権（見よ！ コレジャナーイアプリの数々を！）」にて、jQuery MobileとHTML5の要素を使用した、iPhoneのMobile Safariで動作するミニアプリiBooNを紹介させていただきました。本記事では、jQueryMobileを使って、お手軽にスマートフォン向けのWebアプリケーションを作成する方法をiBooNを例に紹介します。 iBooNは、iPhoneの傾きに応じて車の音が変わるミニアプリです。まず、Color Select画面から好きな色の車を選びます。ミニカーの画像が表示された画面
Android向けサイトに必要最小限ないくつかのMETA(メタ)タグ
#iOS | #Android ファショ通 Swift を身に付けていく過程の記録、最新ニュースや使い方、iPhone、Mac、Android、Python なども。 パソコン向けサイトをたくさんつくってきたおまいさんたちでも Androidブラウザが認識できるみたことがないMETAタグがあったりします。 これらは、スマートフォンWEBサイトをつくるときには 大変便利なものだったりします。 <meta name="viewport" content=" height = [pixel_value | device-height] , width = [pixel_value | device-width ] , initial-scale = float_value , minimum-scale = float_value , maximum-scale = float_value ,
WebサイトをiPhoneで見やすくする5つの方法
2017年6月29日 Webサイト制作, Webデザイン, 便利ツール iPhone持ってないくせにWebクリエイターボックスをiPhoneで見やすいよう改良しました。iPhoneからhttp://webcreatorbox.comにアクセスすると自動的にhttp://webcreatorbox.mobify.meにリダイレクトされます。（されてなかったら直接http://webcreatorbox.mobify.meからドウゾ…）今回は下記に説明するmobifyというサイトからiPhone用サイトを作りましたが、他にも便利な方法があったので紹介してみます。 ↑私が10年以上利用している会計ソフト！ 1. CSSのみで切り替える iPhone用に作成したCSSを作り、デバイスの幅によって使用するCSSを切り替えます。 &amp;amp;amp;amp;amp;lt;link rel
iPhoneページ製作用jQueryプラグイン「jQTouch」
jQTouchとは iPhone（WebKit）向けjQueryのプラグインです。 何ができるか iPhoneでよく利用される機能を容易に実装されるようになっている。 ページ移動のアニメーションなどの機能が最初からついている jQTouchの使い方 まずサンプルページを見て、必要なJSファイルを読み込みます。http://www.jqtouch.com/preview/demos/main/#home（※公式サイトからダウンロードしたファイルの/demos/main/index.html に同じページが入ってます） <style type="text/css" media="screen">@ import "../../jqtouch/jqtouch.min.css";</style> <style type="text/css" media="screen">@ import "../
マイ・ファニー・タクシー 【イラスト作成】 : jQuery Mobileでモバイルサイトを作ってみた！
オリジナルの可愛いコラージュ風イラストと４コマ漫画を作成中。本ＷＥＢ等でイラストレーターとして仕事をしています。似顔絵、結婚式、季節のイラスト等。作成のご依頼はメールでお願いします。今回、こっそり運営しているホームページをjQuery Mobileを使ってスマートフォン対応サイトにしてみました。その過程で引っかかった問題や修正点などを紹介したいと思います。 jQuery Mobileとは？jQuery Mobileは、Javascriptを使った、モバイルサイトやモバイルアプリ向けのフレームワークです。HTMLとCSSさえ書ければ、誰でも簡単にモバイルサイトが作れます。2011/4/15現在アルファ版のバージョン4.1が出ています。 最近何かと話題に出てくるので、自分のサイトをこれでデザインしてみました。テストも兼ねているのでCSS3やHTML5を不自然に使っているところもありますけど
jQuery Mobile リファレンス的なもの - へっぽこプログラマーの日記
jQuery Mobile のリファレンス的なものを作りました。 取り敢えず叩き台で、ツッコミなどあればコメントください！ ※RC2版に対応しました Page 要素 属性 値 概要 div data-role page ページ 設定 値 既定 備考 data-fullscreen boolean false フルスクリーン表示（ヘッダーとフッターでdata-position="fixed"を指定する必要がある） data-add-back-btn boolean false 戻るボタンの自動生成 data-back-btn-text 任意 "Back" 自動生成された戻るボタンのテキスト data-keep-native 任意 ネイティブで利用するUIをセレクターで指定する data-dom-cache boolean false ページをキャッシュする data-theme 任意 c テ
雨のち晴れ » iphone対応サイト制作まとめ
iphoneに表示最適化したサイトもかなりたくさん出てきていますが、iphone対応サイトの作り方を備忘録的にまとめたかったので途中までまとめてみた。もっと書きたい事あるけど、続きは追記しておこうかな。 iphone最適化とはヤフー検索が対応した事例でもある通り、すぐに情報を見つけられるように、よりページを軽く、そして操作性の良い、iphoneに特化した見せ方をする事を言います。iphoneは通常PCでの見え方をそのまま表示し、タップしたりピンチオープンして拡大させたりしながら使用しますが、PC表示だといらない情報が多く、特に検索だと、パッと探してパッと表示できるものであって欲しいですよね。使う人の利便性を考えた設計から成り立ってます。 と言うことで今回は、iphoneサイト制作の基本をまとめてみた。 基本 iphoneのブラウザはMobile Safari ブラウザ: Safari2.
apacheのアンインストール方法
æ�¥æ��ï¼� 2006/12/26 07:06 å��å��ï¼� とんとん お世話になります。 apacheを設定後、起動しなくなってしまったのでアンインストール後に再度インストール したいのですがアンインストール方法をお教え下さい。 apacheのバックアップをしてたつもりが忘れていたようです。 remove apacheでやってもだめでした。 ①不明点・障害内容：apacheが起動しない ③Distribution ：Fedora Core5です
吉野家の牛丼にミニストップのソフトクリームを混ぜると、神の領域に達するほど激ウマらしい・・・ : はちま起稿
マジでうまかった 【激ウマ】吉野家の牛丼にミニストップのソフトクリームを混ぜると神の領域！騙されたと思ってやってみて！ http://rocketnews24.com/2012/04/12/201049/ 頼むから信じてほしい！ 本当にこれだけは信じてほしい！ 吉野家の牛丼にミニストップのソフトクリームを混ぜると激ウマすぎて、神の領域に入ることができるのだ！ どうしてそんなにウマイのか!? 記者自身も、その美味しさに驚きを隠せない心境である。 心の底から声を大にして言いたい！ 「騙されたと思ってやってみろ!!」と言いたい！ 家の近くに吉野家とミニストップがあれば、すぐにこの「神の領域に達した魅惑の味」を堪能できるのだ！ ということで、とりあえず手本を皆さんに教えるべく実際に食べてみたゾ！ 用意するものは、吉野家の牛丼、生卵、ミニストップのソフトクリーム。まず最初に牛丼にソフトクリ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ASCII.jp：西畑一馬のjQuery Mobileデザイン入門
jQuery Mobile 1.1.0 日本語リファレンス
screw-axis.com
syboos.jp
:: KENT WEB - CGI/Perlフリーソフト ::