Webデザイナーに役立つWebデザインのネタ、Webデザインに関連するテクニックやツールを紹介しています。随時人気の話題だけをピックアップしているので、Webデザイン業界の動向をまとめ読みするのにも最適です。Webデザイナーの日々のWebデザイン業務にどうぞお役立てください～。
jQuery MobileなどのすぐれたJavaScriptフレームワークの登場で、HTML5とJavaScriptを組み合わせたWeb標準によるモバイルアプリケーション開発が普及し始めています。 この記事では、Web標準によるアプリケーション開発をさらに簡単にしてくれる、Webブラウザベースのj... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
apache, tipsリキッドデザインとかレスポンシブウェブデザイン流行ってるけどやっぱりPC,スマートフォン,携帯(ガラケー)は別に別にコンテンツ用意したほうが良い時もありますよね。 でも「SEOとか考えると…」「URLがばらばらになっちゃって…」なんてお客様のお悩みを解決する為にいまさら感が... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
モバイルデバイス用のWebサイトやWebアプリケーション開発で大変なものの1つが動作確認です。何台ものデバイスを机の上に並べて、ひとつひとつ確認しなければなりません。 アドビシステムズのAdobe Labsが公開した「Adobe Shadow」は、そうした苦労をしているデベロッパー、デザイナーにと... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
こんにちは、開発の林です。 スマートフォン向けウェブページを作るする際、横幅ぴったりにしたいと思いませんか。 meta viewport というタグを使えば表示サイズを調整することができます。 ただそれを使ったとしても、Android / iPhone は端末により横幅が違うため個別に最適化するの... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
今更になりますが、「Ktai Syle」をそこそこカスタマイズ。携帯サイトまでフルで対応した案件が無かったので、楽しく勉強させてもらいました。以下を網羅しておけば、次回はスピードを上げて制作できそうです。 はじめに Ktai Style は、あなたの WordPress ウェブログを日本の携帯電話... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
モバイルアプリケーション開発のためのJavaScriptによるフレームワーク「jQuery Mobile 1.0」のFinal Releaseが、今週前半に予告された通り、ついに公開されました。 jQuery Mobileはオープンソースとして開発されており、「Download」ページからだれでも... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]iPadの横向きと縦向きでレイアウトを変更するスタイルシート | コリス Webデザイン フィード](/thumbnail/639730.png)
Portraitモード（縦向き）のグリッド設計 グリッド 768=30+708+30 708=216+30+216+30+216 実装のポイント iPadの横向きと縦向きでレイアウトを変更するには2つのポイントがあります。 METAタグ iPadのスクリーンで等倍に表示されるように、METAタグで... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
デスクトップ用の各ブラウザをはじめ、スマートフォン、ワイドスクリーンなど、さまざまユーザー環境を想定して確認できるツールを紹介します。 各ツールで表示しているのは、Media Queriesを使用している「CSS-Tri [...] [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
|
これからのWEB制作はPCサイトだけではなく、iphoneなどのスマートフォンやipadなどさまざまなデバイスでの閲覧を前提として作成しなければいけません。 iphoneサイトやAndroidサイトはHTML5やCSS3にかなり対応しているので簡単そうなイメージもありますが、縦画面、横画面など変化... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
The MobileESP Project: Easily detect mobile web site visitors About MobileESP スマホ等のモバイル判定が簡単に行えるライブラリ「MobileESP」 Android、iPhone、Blackberry等、大量のモバイルデバ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
|
来月はキャプテン・アメリカ見るし、気が付いたら年中アメコミ映画を見ているminamiです。 来月にはまた大きな発表がいろいろありそうなiPhone界隈ですが、iPhoneサイトのコーディングをする際につまづいてきたポイントを挙げてみました。 [HTML] input type="file"は使えな... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
ちょっとスマートフォンサイト制作時にデザイン・UIの参考になるサイトをまとめておきます。 iPhoneデザインボックスiShowcase スマートフォンサイト集めました。 iPhoneデザインアーカイブ 絶対見ておきたい有名企業のスマホサイトまとめ CSS iPhone & iPad Mobile... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
|
2011年09月13日 18:25 モバイルサイトの3キャリア共通CSSと最新コーディング事情 モバイルサイトの開発 モバイル事情 Tweet こんにちは、「livedoor Blog」を担当している吉沢です。 スマホの登場で、すっかりケータイ (フィーチャーフォン/ケータイ/ガラケー) が日陰に... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
スマートフォンからのアクセスをJavaScript, jQuery, node.js, PHP, ASP, Perlなどで検出する -Detect Mobile Browsers 現在、配布されているのは15種類です。 Apache ASP.NET ColdFusion C# IIS JSP Ja... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
1382px x 778px 992px x 559px 768px x 443px 480px x 271px Adaptive Imagesの主な特徴 さまざまなCMSで動作します。 既存のサイトへの導入も簡単です。 サーバー上で動作します。 スマートフォンでの表示を考慮しています。 数分でセ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
Android , Apple , Google , Webツール , iPhone , デザイン , フリーソフト , ブラウザ あっという間に無料でスマートフォンサイトが作れる「DudaMobile」 2011.08.30 20:00 コメント数：[ 0 ] Tweet 携帯販売ランキングによ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
最近スマートフォンサイトの案件が増えてきました。そこで、個人的によく使いそうなコードをEvernoteにまとめたりしていたのですが、 まだまだスマフォサイト構築のノウハウ記事も少ないですし、共有しておこうと思います。…最近スマートフォンサイトの案件が増えてきました。 そこで、個人的によく使いそうな... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
8 Best jQuery Mobile Plugins | ZoomZum スマフォサイト作る際に覚えておくと便利なモバイル用jQueryプラグインがまとまっていましたのでご紹介。 １から作るとかなり大変そうな機能もライブラリで瞬間的に実装できます。一通りチェックした上でご紹介。 Drag An... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
DudaMobileがこのほど、ユーザがセルフサービスで既存のWebサイトのモバイルバージョンを作れる、というサービスをロンチした。ユーザがやることは、元のWebサイトのURLを入力するだけだ。このサービスには、ワンクリックのWebサイト変換だけでなく、メインサイトとモバイルサイト間の自動シンク、... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
URLなどの面倒な入力の手間を省く、雑誌・チラシをはじめ、最近では名刺でも多く見かけるQRコードを簡単に作成できるオンラインサービスを紹介します。 各サイトで作成したQRコードの一例 QRコードとは上記画像のことで、二つ [...] [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
