記事一覧

タグ "スマートフォン"が含まれる記事は10件あります

web

[Web制作]iPhoneサイトで表示崩れが発生した時、実機とMacを繋いでWebインスペクタ機能でデバッグする方法

Webインスペクタ

こんにちは、霙(@xxmiz0rexx)です。
スマートフォンサイトを制作している時、たまーに困ることがあります。
それは、実機でしか再現しない表示崩れ。

Macでみた時は大丈夫だったのに、何故かiPhoneでは謎の余白が…なんてことが先日もありまして、
解決のためにSafariのWebインスペクタ機能を使ってみましたので使い方をメモしたいと思います。

(さらに…)

Mac

デザイン効率大幅アップ!Photoshopとスマホの画面がリアルタイムに同期される神アプリ『Skala Preview』

SkalaPreview

世の中にはこんなに便利なアプリがあったのかと驚きを隠せない霙(@xxmiz0rexx)です。なぜ今まで知らなかったのか!!なんて非効率な日常を送っていたのか!!悔やんでも悔やみきれないです本当に。。

というわけで、今日は存在を知って以来 毎日使ってしまっている超絶神アプリをご紹介させて頂きます:)
スマートフォンサイトやアプリデザインに最適なのでマカーなあなたは是非チェックしてみてください!!

(さらに…)

web

ヌルヌルの秘訣はCSS!Googleスマホ版で採用されている使い心地のよいスライドメニューを再現した『jSlideMenu』

CSS3のアニメーションを使ったスマートフォン用スライドメニュー

以前『スマホサイトにおすすめ。jQueryプラグイン『PageSlide』を使ってFacebook風メニューを再現してみました はてなブックマーク - スマホサイトにおすすめ。jQueryプラグイン『PageSlide』を使ってFacebook風メニューを再現してみました|ウェビメモ』という記事を書きましたが、今回は『Qiita [キータ] – プログラマの技術情報共有サービス はてなブックマーク - Qiita [キータ] - プログラマの技術情報共有サービス』にてGoogleでも採用されているCSS3のアニメーションを使ったスライドメニューというものを発見したのでご紹介します。

(さらに…)

web

[素材有]CSS+画像で作るスマートフォン向けラジオボタン&チェックボックス

CSSで作るスマートフォン向けラジオボタン&チェックボックス

こんにちは、霙(@xxmiz0rexx)です。
漂う今更感の中、スマートフォンでタップしやすい形のラジオボタンとチェックボックスを作る機会があったのでメモとして残しておきます。
ON/OFFの画像も作ったので、もし使いたい人がいたらご自由にダウンロードしてくださいませ :)

(さらに…)

web

書評:これからもWEBデザインをしていくために読んでおきたい書籍『スマートフォンデザインでラクするために』

今や様々なデバイス向けに施さなければならないWEBデザインですが、スマートフォンが普及し始めてまだ数年。
自分の中で考えが確立されていなかったり、何から手を付ければ良いのやら分からない、というWEBデザイナーさんもいらっしゃると思います。

今回ご紹介する書籍はそんな方におすすめな、”デザインの考え方”がたっぷり詰まった読み応えのある一冊です!”作り方”ではなく、”考え方”!他の技術書とは違う切り口で非常に楽しく読めました!

(さらに…)

jQuery

スマホサイトにおすすめ。jQueryプラグイン『PageSlide』を使ってFacebook風メニューを再現してみました

こちらもおすすめです!(2013.08.27)→『ヌルヌルの秘訣はCSS!Googleスマホ版で採用されている使い心地のよいスライドメニューを再現した『jSlideMenu』 はてなブックマーク - ヌルヌルの秘訣はCSS!Googleスマホ版で採用されている使い心地のよいスライドメニューを再現した『jSlideMenu』|ウェビメモ

こんにちは、霙(@xxmiz0rexx)です。

スマートフォンサイトでのメニューの表示方法をあれこれ考えた結果、素敵なjQueryプラグインに辿り着きましたのでご紹介したいと思います。
コンテンツ量が多くてもメニュー分のスペースを考えずに構成できるのでかなり気に入っています :)

(さらに…)