1. 完全負け組なモバイルWebが • • • • • これから復活する(多分) 「The Next Generation Mobile Web(Google I/O 2015)」レポート 第58回HTML5とか勉強会 2015.6.13 Performance on RAIL Service Workers Push & Notification
Webデザイン 1-14 スマートフォン/タブレットを考慮したUIデザイン PCとスマートフォンの違いは、ブラウザの大きさだけではない。クリックとタップといった挙動をはじめ、相違点を充分に理解しておかないと、せっかくのWebサイトもスマートフォンではサーフできない可能性もあるので注意が必要だ。 制作・文/白木達也(アローグ・プランニングス) 飯塚まり子 一般的に、ある程度慣れたユーザーであればクリック=タップ、スクロール=フリックなどの、アクションとそのリアクションを予想することができる【01】。しかし、実際には端末によって微妙な違いがある。さまざまなハンドアクションがある中で、少し違いの目立つものを挙げてみよう。 【01】「Touch Gesture REFERENCE GUIDE」 米国のインタラクションデザイナー/IA であるルーク・ウロブレウスキ(Luke Wroblewski)氏
workshop.tokyo 賃貸.tokyo ring.tokyo 遺言作成.tokyo toyo.tokyo kaname.tokyo neon.tokyo mew.tokyo kyodoprinting.tokyo denryoku.tokyo diva.tokyo rice.tokyo gospel.tokyo arigato.tokyo pain.tokyo shinkyu.tokyo artinterior.tokyo pride.tokyo sanko.tokyo heyagime.tokyo madam.tokyo kawaii.tokyo kai.tokyo meme.tokyo mix.tokyo 融資.tokyo 掃除.tokyo kazokusou.tokyo dobashi.tokyo 純豆腐.tokyo foods.tokyo ダイエット.tokyo wifi.
二度目まして。デザイナーの野田です。 レスポンシブWebデザインについて、僕なりにまとめてみたのでご覧下さい。今回は、制作に関することではなく、最低限知っておかなければならないことの基本編になります。 独学でつまずいていませんか? Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。どんなスクールがあって、どんな内容が学べて、費用はどれくらいするのか、情報として持っておいて損はないはず。下記におすすめスクールを集めてみました! レスポンシブWebデザインとは 「レスポンシブWebデザイン」とは、PC、タブレット、スマートフォンなど、複数の異なる画面サイズをWebサイト表示の判断基準にし、ページのレイアウト・デザインを柔軟に調整することを指します。 現在はPCやスマートフォンなど、デバイス毎に各HTMLファイル
cacoo.com 使い方 Cacoo(カクー)はWeb上で簡単にサイトマップやワイアーフレーム、UML、ネットワーク図などの図が作成できるドローツールです。ご利用は無料です。http://cacoo.com/ 人気のエントリー一覧 [ 人気のエントリー一覧 | 最新のエントリー一覧 ] テキストボックスを使って、テキストを入力する テキストボックスにテキストを入力する方法です... シート操作・名前の変更・シートの追加・コピー・削除 シートの操作、シートの追加、名前の変更、シー... インスペクタパネルから、画像にスタイルを設定、解除する インスペクタパネルからの設定で、画像に枠を適... 画像のトリミング トリミングしたい画像をダブルクリックし、トリ... イラストレータで作成した図を読み込んで、ステンシルとして登録する Illustratorで作成した図をSVG形... 複数のステン
スマートフォン端末の普及で、問い合わせ・申込みなどのWEBフォームがスマートフォンで使われる機会は今後も増えていくでしょう。その際、PC向けに用意していた既存のWEBフォームをそのままにすると、どんな問題が発生するでしょうか? 今回は、弊社コンサルタントの自主調査から、スマートフォン端末(特にiPhone)でのWEBフォーム利用時の6つの頻出課題をご紹介します。 多くのWEBフォームでは、項目名が入力ボックスの横に配置してあります。 PCでは全く問題のないレイアウトですが、iPhone端末では入力ボックスをタップしてズームインするとラベルが見えなくなり、非常に入力しにくいものになってしまいます。 【改善案】<推奨>入力例を入力ボックスの上または下に配置する項目名(ラベル)を入力ボックスの上部に配置する ※項目名の位置が変わるとPCで見にくくなるケースも想定されるため、ご注意ください 課題2
2011年も残すところあと少しになりました。2011年にはてなブックマークをたくさん集めた記事の中から、Webデベロッパー向けに限定して厳選してお届けします。 ウェブデザイン入門 ウェブサイトにおける視覚面に対し、整理・再構築・意匠等を施す。グラフィックデザイン的な要素を多く含む一方で、インタラクティブな要素を持つウェブの性格上、情報デザインあるいは工業デザイン的なスキルも求められる。ウェブサイト全体の情報設計、見た目を中心とするグラフィックデザインやGUIの設計、ウェブアプリケーションのUI設計構築など多岐に渡る。 Web制作をこれから始める人の為のスキル・HTML・CSS・ブラウザ・写真素材入手の基礎情報 WEBデザイナーを目指す人へお勧めしたい記事・サイトまとめ – YATのBlog デザイナーからデザインの基礎や原則を学べるエントリーまとめ(webデザイナ向け)*ホームページを
わたし達のショップ運営プロデュースは、 細かい問題解決に対応しやすい、「アジャイル型制作」という形で行っています。 通常のWeb制作は、「ウォーターフォール型制作」と言われ、要件を決定後、後戻りすることはありません。制作は数ヶ月かけて行われ、リニューアルも全て一気に行います。 「アジャイル型制作」は、サイトを分析し、細かくひとつひとつ、仮説をたて実践し、結果を見て、次の問題に取り組んでいく運営方法です。 仕事の依頼があると、まず現状分析をします。 ●事業全体の中で、Webが果たす役割とは? ●現状のWebの問題点は? ●クライアント企業の強みは何か? 話し合いを重ね、リニューアルします。 アジャイル型制作では、リニューアルの際にも、オールリニューアルということは、あまりいたしません。(かといって、見た目の綺麗さだけを追求しているわけではありません。)アジャイル型制作では、
No active screenshot factories. Please try again later. What is Browsershots? Browsershots makes screenshots of your web design in different operating systems and browsers. It is a free open-source online web application providing developers a convenient way to test their website's browser compatibility in one place. When you submit your web address, it will be added to the job queue. A number of
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く