スマホサイトに入れると使いやすくなる！おすすめjQuery4選！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうも、はやちです_(:3」∠)_ スマホに使うとよりサイトが見やすくなるjQueryをまとめてみました。 アコーディオン アコーディオンみたく開閉式のメニューが実装できるjsです。 記事の多いコンテンツをまとめるのに便利ですね。 ■動きをみる HTML <dl class="acordion"> <dt class="trigger">アコーディオンメニュー<span class="open-close">open</span></dt> <dd class="acordion_tree">テキストテキストテキストテキストテキストテキストテキストテキスト</dd> <dd class="acordion_tree">テキストテキストテキストテキスト テキストテキストテキストテキスト</dd> <dd class="acordion_tree">テキストテキストテキストテキストテキストテキ
スマートフォン向けの無料ホームページテンプレート - TempNate
TempNateトップへ > TempNate スマートフォン・テンプレート TempNate スマートフォン向けの無料ホームページテンプレート こちらでは、TempNateの無料のスマートフォン向けのホームページテンプレートを配布しております。 PC向けホームページと、スマホサイトを個別で作成して、スマホ対応する方法です。Google検索でモバイルフレンドリーと認識していただく方法になります。すでにホームページを持っていて、とにかくスマホ版サイトを作りたいという方はこちらのテンプレートをご利用ください。 今あるホームページを、自動でスマホ変換（レスポンシブ方式）などの方法もありますが、商用サイトでは料金が高額になるケースが多いです。そこで、こちらのテンプレートを活用していただけましたら、手作業は必要ですが、スマホサイトを無料で作成する事ができます。 個人はもちろん商用利用も可能です。会社
15 Useful Code Snippets for Smartphone Website
2014年8月22日 Webサイト制作, スマートフォン スマートフォンが普及してきて、Webサイトを作る時、スマートフォンサイトも一緒に制作している方も多くなってきていると思います。私もスマホサイトを制作する機会が増え、だんだんEvernoteに保存していたスマートフォンサイトを作る時の小技がたまってきたので、iPhoneで使える小技を中心にまとめて記事にしてみます。いくつかサンプルも作っているので、スマートフォンからあわせてご覧下さい！ ↑私が10年以上利用している会計ソフト！ スマートフォンサイト用小技集 目次 いくつかサンプルも作ったのでスマートフォンから、もしくはブラウザーからユーザーエージェントをiPhoneなどに切り替えてご覧ください！ 横幅をデバイスの幅にあわせる 文字サイズの自動調整をオフ リストのクリック（タップ）範囲を広げる 画面の幅にあわせてCSSを変える リンクテ
スマートフォン対応でよく使うhtml、css、javascriptのまとめ
スマートフォン(ios、android)向けのウェブサイト・ウェブアプリを作る際に個人的によく使うhtml、css、javascriptの備忘録。 html関連 headタグ内での設定<!-- //デバイスサイズにあわせて表示領域を変更する --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- //電話番号のリンクを無効化 --> <meta name="format-detection" content="telephone=no"> <!-- //ホーム画面用アイコン --> <link rel="apple-touch-icon" href="icon.png"> <!-- //ホーム画面用アイコンの光沢を無効化する --> <link rel="apple-touch-icon
短期間でプログラミングを習得してWebサービスをつくるための知識と方法まとめ | らふらく ^^
最近、スマホの普及と共に、プログラミングを学習したい人が増えてきているようです。 私の周りでも、プログラミングに興味があり、webサービスをつくってみたいという人が大勢います。 ということで、プログラミングをやった事がない人（または初級者）のために、 プログラミングで何を学べばいいか、 どうやって勉強したらいいかというノウハウを紹介したいと思います。 何を学ぶべきか プログラミングにはいろんな言語があるため、どの言語をやればいいかわからないという声を耳にします。 そこで、初級者でも学びやすい言語を厳選し紹介したいと思います。 1. 何はともあれ「HTML」 こちらは、Webサービスをつくる上で書かせない言語で、 今見ているページ（見た目の部分）はすべてHTMLで書かれています。 HTMLを学ぶ上では以下のサイトが参考になります。 HTMLの基本 HTML入門 ドットインスト
CSS3リファレンス
背景 background-clip …… 背景の適用範囲を指定する background-origin …… 背景の基準位置を指定する background-size …… 背景画像のサイズを指定する 角丸 border-radius …… 角丸をまとめて指定する border-top-left-radius …… 左上の角丸を指定する border-top-right-radius …… 右上の角丸を指定する border-bottom-left-radius …… 左下の角丸を指定する border-bottom-right-radius …… 右下の角丸を指定する 画像ボーダー border-image …… 画像ボーダーを指定する border-image-source …… 画像ボーダーに使用する画像ファイルを指定する border-image-slice …… ボーダー画像の
HTMLタグ/共通属性/Tabキーによる移動順序を指定する - TAG index
フォーカスの移動順序は、小さい数字（1以上）から大きい数字に向かいます。 値に 0 が指定されている要素は、tabindex属性が指定されていない場合と同じ扱いになります。（出現する順序でフォーカスが移動します） 例えば、4つの要素に 0 ～ 3 の値を指定した場合は、次の順序でフォーカスが移動することになります。 1 → 2 → 3 → （これ以降は出現順序） → 0 値の指定について この属性の値は、連番である必要はありません。また、任意の数字で開始することができます。 3 → 5 → 6 → 9 複数の要素に同じ数字が指定されている場合は、それらは出現順序でフォーカスが移動することになります。 1 → 2 → 2 → 3 指定できる要素 この属性は、以下の要素で使用することができます。 a要素 area要素 button要素 input要素 object要素 select要素 tex
作ろうiモードコンテンツ：共通事項 | サービス・機能 | NTTドコモ
お客様の設定により、お客様情報が「非表示」となっております。お客様情報を表示するにはdアカウントでログインしてください。 お客様情報表示についてへ お客様情報表示についてへ
※「ttp://www.w3.org/TR/html4/loose.dtd」って何ですか！？ - このＵＲＬを含んだ下記のタ... - Yahoo!知恵袋
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 全部をひっくるめて「DOCTYPE宣言」と一般に言いますが、これは「文書をどの文法に準拠して作成したか」をブラウザに宣言するためのものです。 －－－－－－－－－－－－－－－－－－－－ ■HTMLと一口に言っても…。 例えば一口に「HTML」と言っても複数の文法があります。現在主流のHTML4.01にも、3パターンの文法があります。 HTML4.01 Strict ：厳密なHTML文書 HTML4.01 Transitional ：移行型の（比較的）緩いHTML文書 HTML4.01 Frameset ：フレームを定義するためのHTML文書 HTML文書を作成する場合には、どの文法に沿って
イメージボタンでクリックしたx,yの座標を送信しない方法・・・
ボタンにtype="image"と指定すると 画像を利用して送信ボタンを作成できますが、 こうすると、 クリックしたx,yの座標がGETで送信されます。 クリックしたx,yの座標は使用しないので、 表示しないようにしたいのですが、 なにか良い方法はありますでしょうか？ よろしくお願いします。
Strutsリファレンス<html:select、optionsCollection>
セレクトボックスを動的に表示するには、<html:optionsCllection>タグを使用します。 セレクトボックスに使用するvalue値とラベル名は、LinkedHashMapに、keyとvalueのセットで設定します。 ＪＳＰ使用例 <%@ page pageEncoding = "Shift_JIS" %> <%@ page contentType="text/html; charset=Shift_JIS" %> <%@ taglib uri="/tags/struts-html" prefix="html" %> <html><body> <html:form action="/select_map_view" > <html:select property="stringData" > <html:optionsCollection name="SelectMapForm"
ソーシャレットのフリーエリアでHTMLの入力ができるようになりました。 : livedoor プロフィール開発ブログ
先週リリースした新機能『ソーシャレット』ですが、早速たくさんの方にご利用いただいておりご意見・ご要望を多く頂戴しております。
HTML5とCSS3をページ全体or少しずつ導入するチュートリアル
デモページの全体のキャプチャ 下記は各ポイントを意訳したものです。 全体をHTML5化しても、面白そうなCSS3のエフェクトを少しずつ適用しても面白そうです。 ウェブページにHTML5を導入 ウェブページにCSS3を導入 ウェブページにHTML5を導入 デモページのHTMLの構造は、下記のようになっています。 HTML5：ページのベース 各エレメントを配置する前のHTMLのベースは、下記のようになります。 <!DOCTYPE html> <html lang="en"><head> <meta charset="utf-8" /> <title>Ferris Buller on Abduzeedo</title> <link rel="stylesheet" href="style.css"> <!--[if IE]> <script src="http://html5sh
従来の HTML との文法の差違 - HTML5 - Wikipedia
HTML5（エイチティーエムエル・ファイブ）は、World Wide Web Consortium（W3C）がかつて策定していたHyperText Markup Languageの5回目に当たる大幅な改定版であり、2021年1月28日に廃止された。 現在はHTML Living Standard（英語版）によって置き換えられている[1]。 Web Hypertext Application Technology Working Group（WHATWG）によって2004年に定められたWeb Applications 1.0にWeb Forms 2.0を取り入れたものをベースとしている。W3Cの専門委員会により2008年1月22日にドラフト（草案）が発表され、2014年10月28日に HTML5 が勧告され[2]、2016年11月1日に HTML 5.1 が[3]、2017年12月14日に
iPhone向けサイト構築 基礎文法最速マスター - EC studio デザインブログ
弊社代表の著書、「iPhoneとツイッターで会社は儲かる」の出版記念と、巷で話題の「基礎文法最速マスター」ブームに便乗して、iPhone（iPod Touch）向けサイト構築における基礎とプラス応用のネタと、参考になるリンク集をまとめました。 2010/11/18追記： iPhone向けサイト制作の書籍を執筆しました！ 既存のデスクトップ向けサイトをモデルにした iPhoneに最適化したサンプルサイトの紹介と コードの解説をしています。 iPhone向けサイト制作の入門書に最適です。 「HTML5＋CSS3で作る 魅せるiPhoneサイト」 基礎編 対象ブラウザはMobileSafariです レンダリングエンジンはSafariと同じwebkitですが、MobileSafariの方にはiPhone向けの一部独自拡張（CSS）があります。検証の際は、通常のSafariのウィンドウサイズを狭くし
mobify.meでPC用HTMLをスマートフォンに対応する - iRSSの日記
http://mobify.me/ というサービスを使うと、PC用のHTMLをスマートフォン対応してくれます。 静的なページならこれでもかなり、いい所まで行ける感じがします。 以下のページを変換してみました http://suumo.jp/edit/mansion/m_anzen/100505/index.html ↓変換後です。調整してないので、順番とかくずれていますが、対応は可能かな...たぶん http://suumo.mobify.me/edit/mansion/m_anzen/100505/index.html 途中設定は なかんじで、CSSや表示させたいエリアを指定 こんな感じに見えました。 まだ、いろいろ、調整は必要そうですが、CSS編集等、使いこなせば何とかなる気がします。 ↓で紹介されていました WebサイトをiPhoneで見やすくする5つの方法 | Webクリエイターボ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Amazon.co.jp: Webを支える技術 -HTTP、URI、HTML、そしてREST (WEB+DB PRESSプラスシリーズ): 山本陽平: 本
HTMLクイックリファレンス
Amazon.co.jp: HTML5＋CSS3で作る 魅せるiPhoneサイト iPhone/iPad/iPod touch対応: 谷拓樹: 本
Amazon.co.jp: スマートフォンのためのHTML5アプリケーション開発ガイド: iPhone/iPad/Android対応: クジラ飛行机: 本
