サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
●はてなブックマークって？
●アプリ・拡張の紹介
●ユーザー登録
●ログイン
●ログアウト
pccs15
id:pccs15
●
2,793
ブックマーク
●
-
お気に入り
●
-
お気に入られ
タグ
●すべて
●
wordpress
(6)
●
wordpress会員制サイト構
(2)
●
トランプ
(1)
●
ネタ
(80)
●
マンキュー
(1)
●
ＨＰ
(6)
●
ＨＰ1(2)
●
00pjM
(1)
●
Adobe AIR
(1)
●
Alice
(1)
●
Amazon アフィリエイト
(1)
●
Analytics
(2)
●
Bizvektor
(3)
●
CGI
(1)
●
CSS
(11)
●
CSS3
(1)
●
ContactForm7
(1)
●
DS(1)
●
DVDダビング
(1)
●
Dreamweaver
(9)
●
ECサイト
(1)
●
GTD
(4)
●
Google Apps Script
(1)
●
Google Chrome
(10)
●
GoogleAppEngine
(1)
●
GoogleChrome
(2)
●
Googleエクステンション
(2)
●
HPデザイン参考
(3)
●
HTML5
(5)
●
IT(5)
●
IT健保
(1)
●
Illustrator
(4)
●
JavaScript
(15)
●
LightWindow
(3)
●
LightWindow 2.0
(1)
●
MacBook
(2)
●
MacBook Air
(4)
●
MacBookAir
(2)
●
MySQL
(2)
●
Office
(1)
●
PCアプリ
(1)
●
PDF
(1)
●
PHP
(22)
●
PR(1)
●
Photoshop
(30)
●
Photoshopブラシ
(1)
●
PowerPoint
(2)
●
RSS
(1)
●
RSSリーダー
(8)
●
SEO
(27)
●
Skypeで相談
(1)
●
SugerSync
(2)
●
T-01C
(1)
●
TED
(1)
●
TOEIC
(6)
●
Titanium
(2)
●
UI(1)
●
android
(21)
●
androidアプリ
(7)
●
androidアプリ作成
(2)
●
baidu
(1)
●
booklog
(1)
●
business
(1)
●
chrome
(3)
●
dropbox
(1)
●
evernote
(13)
●
excel
(1)
●
facebook
(15)
●
facebookマーケティング
(1)
●
flash
(2)
●
gmail
(8)
●
gmailフォルダ分け
(2)
●
google
(14)
●
googleマップ埋め込み
(1)
●
iPhone開発
(1)
●
ipad
(12)
●
iphone
(24)
●
iphoneアプリ
(1)
●
iphoneアプリデザイン
(2)
●
iphoneアプリ販売
(2)
●
iphoneアプリ開発
(66)
●
iphoneアプリ開発広告
(1)
●
japanswer
(2)
●
japaswerl
(1)
●
java
(6)
●
lifehack
(85)
●
lifehuck
(3)
●
mac
(3)
●
music
(1)
●
niche17
(2)
●
objective-c
(1)
●
paypal
(1)
●
photoshopチュートリアル
(5)
●
ruby
(2)
●
skype
(1)
●
sns
(3)
●
sollertis
(2)
●
stmusician
(3)
●
thunderbird
(1)
●
twitter
(15)
●
ustream
(1)
●
webmail
(3)
●
webサービス
(99)
●
webデザイン
(70)
●
webマーケティング
(2)
●
web制作
(142)
●
web漫画
(1)
●
windows
(4)
●
windowsショートカットキ
(1)
●
word
(2)
●
wordpress
(105)
●
wordpress Theme
(3)
●
wordpressSEO
(1)
●
wordpressテーマ
(15)
●
wordpressプラグイン
(7)
●
wordpress不動産
(1)
●
wordpress企業サイト
(6)
●
wordpress企業テンプレー
(2)
●
wordpress会員制サイト
(3)
●
xcode
(1)
●
yuki
(8)
●
あとで読む
(257)
●
いい話
(1)
●
うつ
(2)
●
おもしろ
(1)
●
お土産
(1)
●
お店
(1)
●
お役立ち
(7)
●
お絵描き
(1)
●
これはすごい
(23)
●
これはひどい
(11)
●
これはほしい
(6)
●
これは便利
(1)
●
これは読み返すべき
(1)
●
さくらインターネット
(4)
●
しお
(8)
●
はてな
(2)
●
はてブ
(9)
●
ひまつぶし
(1)
●
まとめ
(73)
●
まとめのまとめ
(2)
●
やるだけのことはやっ
(1)
●
やる気
(3)
●
アイコン
(2)
●
アイコン制作
(1)
●
アイデア
(14)
●
アクセスアップ
(1)
●
アクセス解析
(3)
●
アドセンス
(1)
●
アニメ
(3)
●
アフィリエイト
(14)
●
アプリ
(11)
●
アプリ開発
(1)
●
イギリス
(1)
●
イヤホン
(1)
●
イラスト
(3)
●
インタビュー
(4)
●
インターネット
(3)
●
インテリア
(2)
●
エイプリルフール2011
(3)
●
エイプリルフール2012
(1)
●
エクステンション
(3)
●
エロ
(13)
●
オセロ
(1)
●
オブジェクト指向
(2)
●
オンラインストレージ
(9)
●
カフェ
(1)
●
カメラ
(1)
●
カレー
(1)
●
キャッチコピー
(2)
●
クイズ
(2)
●
クラウド
(4)
●
クラウドソーシング
(1)
●
グルメ
(2)
●
ゲーミフィケーション
(1)
●
ゲーム
(2)
●
コミュニケーション
(30)
●
コードギアス
(2)
●
ゴキブリ駆除
(1)
●
サイトマップ制作
(2)
●
サーバ
(3)
●
ショートカット
(2)
●
ショートストーリー
(1)
●
ジブリ
(1)
●
スピーチ
(1)
●
スマートフォン
(5)
●
スーツ
(4)
●
セキュリティ
(5)
●
ゼミ
(1)
●
ソフト
(1)
●
ソフトウェア
(1)
●
ソーシャルゲーム
(1)
●
タイピング
(1)
●
タバコ
(1)
●
ターゲット
(5)
●
ターゲット1(7)
●
ターゲット1連絡待ち
(1)
●
ダイエット
(1)
●
チュートリアル
(1)
●
ツール
(18)
●
テクスチャ
(1)
●
テンプレート
(6)
●
デザイン
(58)
●
デザインで悩んだら見
(10)
●
デザイン参考サイト
(4)
●
データ
(1)
●
データ復旧
(1)
●
デート
(13)
●
トランプ
(1)
●
ドメイン
(2)
●
ドロップシッピング
(1)
●
ニコ生
(1)
●
ネクタイ
(1)
●
ネタ
(254)
●
ネタ画像
(1)
●
ネーミング
(1)
●
バイト
(1)
●
バイブル
(1)
●
バックアップ
(1)
●
バップ
(1)
●
パターン画像制作
(1)
●
ビジネス
(75)
●
ビジネスメール
(1)
●
ビジネスモデル
(14)
●
ビジネス情報
(2)
●
ファイル転送
(1)
●
ファッション
(2)
●
ファンページ
(3)
●
フォトギャラリー
(2)
●
フォント
(8)
●
フリーソフト
(18)
●
フリーフォント
(4)
●
フリー素材
(23)
●
ブラウザ
(1)
●
ブラシ
(1)
●
ブランディング
(1)
●
ブログ
(28)
●
ブログネタ
(2)
●
プラグイン
(7)
●
プレゼン
(41)
●
プレゼント
(1)
●
プレゼン資料
(29)
●
プログラミング
(40)
●
プログラム
(2)
●
ベンチャー
(3)
●
ホームページ制作
(27)
●
ホームページ制作会社
(1)
●
ホームページ商用可テ
(8)
●
ボタン
(1)
●
ポータル
(1)
●
マナー
(1)
●
マネジメント
(2)
●
マフラー
(1)
●
マーケティング
(34)
●
ミュージシャン
(3)
●
メディア
(1)
●
メール
(6)
●
モチベーション
(11)
●
モティベーション
(1)
●
ライフハック
(4)
●
ラブホテル
(2)
●
ランチ
(3)
●
ラーメン
(1)
●
レポート
(1)
●
レンタルサーバ比較
(2)
●
ロゴ
(2)
●
ロゴデザイン
(1)
●
ワイン
(4)
●
ワークス
(2)
●
一人暮らし
(6)
●
中小企業診断士
(3)
●
二日酔い
(2)
●
交渉術
(1)
●
人生
(21)
●
仕事
(77)
●
仕事術
(35)
●
仮想通貨
(1)
●
企業
(10)
●
企業ロゴ
(1)
●
企画
(8)
●
企画書
(6)
●
会社
(3)
●
便利
(8)
●
保育園ホームページ
(1)
●
偉人
(1)
●
健康
(20)
●
健康保険
(1)
●
働き方
(3)
●
写真
(7)
●
写真加工
(1)
●
写真素材
(1)
●
利用中
(1)
●
副業
(5)
●
助成金
(1)
●
勉強
(37)
●
勉強法
(13)
●
動物
(1)
●
動画
(1)
●
動画制作
(1)
●
動画編集
(1)
●
卒業研究
(1)
●
原発
(1)
●
参考資料
(1)
●
収納
(2)
●
受験
(3)
●
合コン
(1)
●
合成
(1)
●
吉祥寺
(1)
●
名刺
(2)
●
名医
(1)
●
名言
(12)
●
商用可イラスト
(1)
●
商用可テンプレート
(2)
●
商用可フリーフォント
(1)
●
商用可フリー素材
(2)
●
商用可メールフォーム
(2)
●
商用可画像
(12)
●
営業
(5)
●
圧縮
(1)
●
地震
(21)
●
堀江貴文
(2)
●
壁紙
(16)
●
大学
(3)
●
夫婦
(1)
●
女友達
(1)
●
女性
(2)
●
妊娠
(1)
●
子育て
(3)
●
学習
(8)
●
孫正義
(1)
●
安全
(1)
●
家庭
(1)
●
就活
(33)
●
就職
(9)
●
就職活動
(1)
●
帝王学
(1)
●
年賀状
(1)
●
年金
(1)
●
広告
(11)
●
引越し
(1)
●
心理
(2)
●
心理テスト
(1)
●
心理術
(1)
●
思考
(3)
●
性
(9)
●
恋愛
(25)
●
情報
(19)
●
成功
(1)
●
成蹊大学
(3)
●
手みやげ
(1)
●
手品
(1)
●
手帳
(1)
●
投資
(3)
●
折り紙
(1)
●
拡張機能
(1)
●
掃除
(3)
●
携帯
(4)
●
携帯サイト
(1)
●
携帯サイト制作
(1)
●
放射線
(1)
●
敬語
(1)
●
整理
(5)
●
整理整頓
(2)
●
文章
(3)
●
文章術
(1)
●
料理
(10)
●
新宿
(7)
●
新宿料理
(2)
●
旅行
(3)
●
映画
(5)
●
時間管理
(2)
●
暇つぶし
(2)
●
書評
(1)
●
未分類
(10)
●
本
(6)
●
東京
(3)
●
東京お土産
(1)
●
株
(1)
●
検索
(2)
●
法律
(1)
●
洋楽
(1)
●
海外
(1)
●
海外旅行
(1)
●
漫画
(1)
●
無料
(2)
●
猫背
(1)
●
生活
(32)
●
生活・人生
(1)
●
男女
(16)
●
画像
(24)
●
画像加工
(1)
●
睡眠
(1)
●
短縮URL
(1)
●
確定申告
(1)
●
社会
(1)
●
社長
(3)
●
税金
(1)
●
筋トレ
(2)
●
箸置き
(1)
●
築地
(1)
●
素材
(20)
●
経営
(14)
●
経済
(2)
●
結婚
(7)
●
統計
(2)
●
統計学
(1)
●
絵
(3)
●
美容
(1)
●
翻訳
(1)
●
考え方
(56)
●
肩こり
(1)
●
自己啓発
(2)
●
花粉症
(1)
●
英語
(28)
●
著作権
(1)
●
見積り
(1)
●
視力トレーニング
(1)
●
観光
(3)
●
記憶術
(1)
●
読み物
(2)
●
読書
(2)
●
論文
(3)
●
講義
(1)
●
豆知識
(2)
●
負荷テスト
(1)
●
財務諸表
(1)
●
資料
(1)
●
資格
(2)
●
起業
(52)
●
遊び
(2)
●
配色
(8)
●
酒職活動
(3)
●
重要
(12)
●
防災
(2)
●
集中力
(7)
●
雑学
(19)
●
零円授業
(1)
●
電子書籍
(6)
●
青色申告
(1)
●
面接
(1)
●
音楽
(3)
●
食
(1)
●
食事
(3)
●
高速化
(1)
●
ＨＰ
(68)
●
ＨＰ1(62)
●
ＨＰ1連絡待ち
(3)
●
あとで読む
(257)
●
ネタ
(254)
●
web制作
(142)
●
wordpress
(105)
●
webサービス
(99)
●
lifehack
(85)
●
ネタ
(80)
●
仕事
(77)
●
ビジネス
(75)
●
まとめ
(73)
関連タグで絞り込む (9)
●
Android
●
css
●
HTML5
●
iphone
●
webデザイン
●
web制作
●
Web制作
●
まとめ
●
スマートフォン
タグの絞り込みを解除
CSSとandroidに関するpccs15のブックマーク (2)
●
570 users
●
phpspot.org
●暮らし
スマートフォン向けサイトの作り方エントリのまとめ。 スマートフォン元年といわれる2011年ですが、注目を集めているせいか、サイト作成法についてのエントリも盛り上がりをみせていますね。 個人的にもしっかり覚えておきたかったのでまとめてみました。 基本的には解像度が大きく異なるので、それにあったインタフェースに変えましょうね、という点と、HTML5/CSS3が使えるので駆使して楽にＵＩデザインしましょうという点、ユーザインタフェースがマウスではなくタッチである、という3点以外は、普通のサイト作りと変わりませんが、クセやバグがあったり、テクニックもあるので、しっかり押さえておきたいですね。 基本 スマートフォン向けサイトの作り方｜ユージック サイトの幅、高さ viewportによるズーム指定の方法 便利なJSライブラリ ユーザエージェント シュミレーター 等の有用情報 Androidサイトは横幅
pccs15
2011/01/31
●webデザイン
●Web制作
●css
●iphone
●Android
●まとめ
●
928 users
●
izit-kosuke.hatenadiary.org
●暮らし
︻目次︼ 1.メニュー編 2.HTMLとCSSで画像を操る編︵前編︶ 2.HTMLとCSSで画像を操る編︵後編︶ 今持ってるPCサイトをスマホ対応したいなぁ…と思ってるものの、 ﹁どこから手を付けていいのやら、わからん！！﹂って方も多いのではないでしょうか？ ということで、記事でも書いてみっかぁ！と、なぜかやる気になったので、連載形式で書いてみることにしました。 ただ、途中で飽きたり、やる気が無くなったら、予告無く終了する可能性大です(￣▽￣;) 僕自身、人に教えられるほどのスマホサイト制作の熟練者というわけでは無いので、もっと良い手段や方法があるかもしれません。 ﹁ここはこうしたらいい﹂など、ご意見ありましたら、逆に教えてください(^-^; ︻まずはじめに︼ スマホサイトと言っちゃったものの、とりあえずはiPhone向けのサイトを基準とします。 Androidの﹁ブラウザ﹂も、iPhon
pccs15
2011/01/31
●android
●iphone
●web制作
●css
●スマートフォン
●HTML5
1
お知らせ
ランキング
今週のはてなブックマーク数ランキング︵2024年7月第2週︶
お知らせ
はてなブックマーク透明性レポート︵2024年2月-2024年4月︶
ランキング
今週のはてなブックマーク数ランキング︵2024年7月第1週︶
もっと読む
公式Twitter
●@HatenaBookmark
リリース、障害情報などのサービスのお知らせ
●@hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
●総合
●一般
●世の中
●政治と経済
●暮らし
●学び
●テクノロジー
●エンタメ
●アニメとゲーム
●おもしろ
●アプリ・拡張機能
●開発ブログ
●ヘルプ
●お問い合わせ
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●公式アカウント
●ホットエントリー
●はてなブログ
●はてなブログPro
●人力検索はてな
●はてなブログ タグ
●はてなニュース
●ソレドコ
Copyright © 2005-2024 Hatena. All Rights Reserved.
設定を変更しましたx
スマートフォン向けサイトの作り方エントリのまとめ:phpspot開発日誌
﹁スマホ対応サイト制作 初心者向け﹂みたいな感じで書いてみた -1.メニュー編-︵※iPhone寄り︶ - Kaleidoscope