Scalable Web Design [Article] | Treehouse Blog
I can remember a time when pretty much everyone designed websites for an 800×600 screen resolution, but (thankfully) those days are long gone. Smart watches and 4k displays are pushing resolutions at both ends of the spectrum, and even more devices fill the gaps between, such as desktops, tablets, phones, and gaming consoles. In parallel, the density of pixels is increasing, too. Designing for a s
![Scalable Web Design [Article] | Treehouse Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/7169014b46f5b7a44249e353fb391cbc16b445e7/height=288;version=1;width=512/https%3A%2F%2Fblog.teamtreehouse.com%2Fwp-content%2Fuploads%2F2013%2F10%2Fresponsive1.png)
レスポンシブWebデザインの実践ワークフロー(WDS)
第1回 Web Developer Selection「レスポンシブWebデザインの実践ワークフロー」のスライドです。Read less
Web Design Process for The Future
19. “The primary design principle underlying the Web’s usefulness and growth is universality. ••• And it should be accessible from any kind of hardware that can connect to the Internet: stationary or mobile, small screen or large. Long Live the Web: A Call for Continued Open Standards and Neutrality: Scientific American http://www.scientificamerican.com/article.cfm?id=long-live-the-web by Tim Bern
愛を深めたくなる！デザインコンセプト | Digital experience University
iPhoneアプリ「愛を深める言葉」のデザインを担当した川原田です。今回はこのアプリのコンセプトデザインの進め方についてお話したいと思います。 愛を深める言葉とは？ 「愛を深める言葉」は世界の愛に関する名言を集めた無料のiPhoneアプリです。毎日、愛を深める3つの言葉をお届けしています。ゆっくりとした世界観を背景に、日を重ねることにじっくりと愛を深められるようなアプリを作りたいと企画しました。 このアプリは、ディレクター兼プログラマ、デザイナーの2人で制作いたしました。 こういう人いるいる！具体的なペルソナ まず、企画を詰めていく前にペルソナを考えました。ここには記載はしませんが、具体的なその人のストーリーと好きなアーティストまで詳しく出していきました。 【ペルソナの共通項】 性別：女性 年齢：18〜35歳 趣味：カフェ巡り・ファッション・映画鑑賞・旅行 背景：結婚3年目の主
グリーにおけるスマホアプリ開発～HTML5編
1. グリーにおけるスマホアプリ開発 〜～HTML5編 15-C-2 #devsumiC 反田 光洋 Copyright © GREE, Inc. All Rights Reserved. 2. ⾃自⼰己紹介 • 開発本部 Japan Studio第5統括部 • 2011年年1⽉月⼊入社 • 携帯ブラウザ開発の会社からGREEへ • 釣り★スタ → 聖戦ケルベロス → 現プロジェクト • Twitter: @mtanda Copyright © GREE, Inc. All Rights Reserved. 3. アジェンダ • 開発スタイルの変化 • チーム構成の変化とその課題 • フロントエンド実装 • サウンド組み込み • LWFを使った開発事例例 • 機能紹介 • 組み込み例例 • 注意した点など • その他の取り組み • バックエンド • フロント
モバイルファーストとレスポンシブWebデザインの関係 | MobileFirst.jp [企業スマートフォン戦略の実践情報サイト]
2012年、日本では大手企業や先進的な企業でのレスポンシブWebデザインの導入が進みました。海外では「今年2013年はレスポンシブWebデザインの年だ」というようなことが言われていますが、日本でも2013年はレスポンシブWebデザインが盛り上がりを見せそうだなと感じます。これから導入を検討される方のために、知っておきたいモバイルファーストとレスポンシブの関係性をまとめてみました。 モバイルファーストの背景：スマートフォンの普及 スマートフォンの普及が進んでいます。昨年2012年3月末時点ではスマートフォンの契約数は2820万契約でした。2013年3月では6508万契約数となるそうです。契約数では良くわかりませんが、割合でいうと昨年が22.5%と言われていたので、この契約数なら単純計算すると今年は50%前後になります。 スマートフォンはパソコンとは異なって、いつでもユーザーの手元にあってウェ
![モバイルファーストとレスポンシブWebデザインの関係 | MobileFirst.jp [企業スマートフォン戦略の実践情報サイト]](https://cdn-ak-scissors.b.st-hatena.com/image/square/dbe54923c45de61450a588b59bf5d28e926fe6c0/height=288;version=1;width=512/http%3A%2F%2Fwww.mobile-first.jp%2Fwp-content%2Fuploads%2F2013%2F01%2Fsmartphone1.png)
Tips for Designing in the Browser | Envato Tuts+
It's often thought that designing in the browser is a modern approach to web design. In fact, before the advent of tools such as Photoshop, there was little other choice. Only in the last few years, since the dawn of responsive design, have designers gone back to their roots and started designing in the browser. Introduction I'm not saying that every website should begin life in the browser, but a
How To Use WordPress Tutorial [2024]
What’s up y'all! More the reading type? Looking to start a website? The post: WordPress is definitely a solid choice for creating awesome, professional websites. Now you’ve just got to figure out how to use WordPress… Good news: as always, we’ve got your back fam! Here we’ve got a complete walkthrough of one of the best tools for building a website best website builders around including what you n
![How To Use WordPress Tutorial [2024]](https://cdn-ak-scissors.b.st-hatena.com/image/square/6c951618c3f76b3491f33f029f93696b921f1280/height=288;version=1;width=512/https%3A%2F%2Fe8y8n8b5.rocketcdn.me%2Fwp-content%2Fuploads%2F2020%2F01%2Fcapw-featuered-graphic-how-to-use-wordpress.jpg)
レスポンシブwebデザインで制作する時のポイント
先日、CSS Nite in Ginza, Vol.59「DreamweaverによるレスポンシブWebデザインの実装」に出席してきました。 とても勉強になったので復習も兼ねてレスポンシブwebデザインに関して、セミナーで学んだ内容に自分の調べた点を加えてまとめます。 （一部の図はセミナーの資料を元に作成してます。） 始めに：スマートフォンサイト制作の選択肢 スマートフォンサイトを制作するには幾つかの方法があります。 アプリ 独自系 スクラッチ（0からスマートフォンサイト用に構築） jQuely mobileを使用 流用系 現在のデザインをほぼ流用、調整のみ レスポンシブ・デザイン どの方法にもメリットデメリットはあり、どれが最適かは サイトのコンセプトや規模、予算など複合的に考えて選択する必要があります。 今回のエントリーではレスポンシブ・デザインのみにふれます。 レスポンシブwebデザ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS Nite LP27「スマートフォン向けサイト制作」
CSS 20 stunning examples of CSS 3D transforms