モダンCSS設計の解説サイトまとめ - QiitaRegister as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do with signing up
第19回 建築から見るWebと空間のデザイン | gihyo.jp
今回は、有限会社エイスタディ齊藤良博氏をゲストにお迎えし、建築から見た、Webと空間のデザイン、ユーザへのアプローチについてお話を伺いました。 齊藤 良博（さいとう よしひろ） Twitter：@ys44163110 有限会社エイスタディ代表1997年千葉大学工学部建築学科卒業、同年有限会社インテンショナリーズに入社。建築/住宅の設計から、物販店舗、飲食店舗のインテリアデザイン、プロダクトデザインなどを多数手がける。飲食店の新規開業やオペレーション、さまざまな分野の新規事業の企画、デザインマネジメントまでを行う。在職中の主な物件として「ストラスブルゴ」「ユナイテッドアローズ」「ホテルクラスカ」など。2004年有限会社エイスタディ設立。2010年～、千葉大学工学部建築学科非常勤講師。 阿部 淳也（あべ じゅんや） Twitter：@1pacfiresoul 1PAC. INC.代表取締役
ユーザーを“納得”へ導く「サイトストーリー」の作り方 (1/3)
Webでは一度に1ページずつしか読めません。各ページはリンクされていても視覚的には分断されていますから、各ページがユーザーの心の中でしっかりつながるようなサイト構成にするには「サイトストーリー（納得への流れ）」が必要です。サイトストーリーを作ることで各ページ、各コンテンツが有機的にユーザーの心の中で結びつき、「納得」につながるのです。 Webサイトは、アクセスしてくれたユーザーに対して情報を提供します。情報の見せ方は「情報の持つ質、量、幅」によって大きく変わってきます。ある単独の商品について訴求するようなプロモーションサイトを作るケースと、会社案内サイトのように会社の規模、事業内容から社長の経歴、役員構成まで幅広く掲載するようなサイトを構築するケースでは、作り方もまったく変わってくるわけです。 プロモーションサイトは、「この商品を売りたい」「広く宣伝したい」と目的がハッキリしています。です
Progressive Enhancement とは？日本語で訳してみました。 - Web制作系 867867.com
Progressive Enhancement とは？日本語で訳してみました。 Progressive Enhancement とは？日本語で訳してみました。 Web Directions East 2008で、キーワードのように使われていた「Progressive Enhancement」という言葉。ちゃんと理解したいと思い、A List ApartのProgressive Enhancementに関する記事「Understanding Progressive Enhancement」を翻訳してみることにしました。 ※私は翻訳者でもなんでもないので、雰囲気訳です。あしからずー。が、なるべくちゃんと伝わるように訳すことを心がけました。 原文：A List Apart: Understanding Progressive Enhancement "Translated with the
「はじめに」Webを支える技術 ── HTTP，URI，HTML，そしてREST（WEB+DB PRESS plusシリーズ）｜gihyo.jp … 技術評論社
WEB+DB PRESS plus（ウェブディービープレスプラス）シリーズは, Webアプリケーション開発のためのプログラミング技術情報誌『WEB+DB PRESS』編集部が自信を持ってお届けするシリーズです。 「シンプルさは究極の洗練である。 ── Leonardo da Vinci」 Leonardo da Vinci（レオナルド・ダ・ヴィンチ）のこの言葉を知ったとき，筆者は真っ先にWebのことを思い浮かべました。Webの特徴を一言で言い表すならば，シンプルさに尽きると常々考えていたからです。 筆者がWebを初めて知ったのは1994年の年末です。当時創刊したばかりの『インターネットマガジン』や日本語版の『WIRED』といった雑誌で，新技術としてWebが紹介されていたことがきっかけでした。年明けすぐに大学の情報処理センターに行き，ブラウザ（Mosaic）に触れました。世界中のサーバから簡
エンジニアにもわかる「ユーザーインターフェース設計」
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめに 島津悠樹と申します。Yahoo! JAPANのソーシャルメディア系サービスの開発・ユーザーインターフェース（以下UI）設計を担当しています。私からは「エンジニアにもわかる『ユーザーインターフェース設計』」と題し、エンジニアのみなさまに考え方のヒントとなるようなネタをお届けします。 エンジニアの方々にとって、UI設計は、おもしろそう、けれど、どこかとっつきにくい......、そんな印象を持っておられるのではないかと思います。 私も以前はそう思っていました。ですが、とっつきにくさを理由にUI設計をやらないのはもったいない、という思いで試行錯誤した結果、なんとか、UI設計のお仕事をいろいろ担当させていただくことができるようにな
あなたのウェブサイトを高速化する方法 - builder by ZDNet Japan
そして同氏は、世界で最も高速なウェブサイトの1つであるGoogleのパフォーマンスにかかわる仕事をしているのである。 ウェブのパフォーマンスには2つの重要な側面、すなわち効率性と応答時間がある。効率性は、世界ランキング100位に入るようなウェブサイトを構築する際に出てくるスケーラビリティという難問に取り組むための武器である。あなたのウェブサイトが何百万人単位のユーザーと、何十億単位のページビューを擁するような規模のものである場合、バックエンドアーキテクチャ全体に対する理解を深めておくことが重要となるだろう。 ページの速度というものは、HTMLドキュメント内に記述する一連の指示によって決定されると言っても過言ではない。 iGoogleを例に挙げると、バックエンド処理に費やされる時間、すなわちデータがキャッシュされていないために毎回リクエストされることで費やされる時間は、ページ全体の処理時間の
第9回 JavaScriptは控えめに ～クロスブラウザ対策地獄からの脱出～
ついに本連載の最後となりました。今回のテーマはJavaScriptの設計スタイルです。 JavaScriptで様々なアクションを実現しようとすると，ブラウザによって挙動が異なったり，場合によっては動かない場合があります。例えば，標準化されているW3C DOMといえども，ブラウザの種類やバージョンによってその実装の度合が異なるからです。 今日，様々なブラウザがあふれており，またそれらのバージョンも多岐にわたります。すべてのブラウザ，そしてすべてのバージョンで全く同じように動くようにするというのは，もはや現実的ではありません。 そこで，近年，Unobtrusive Scriptingと呼ばれるスクリプティングの考え方が注目されるようになりました。"Unobtrusive"は，"でじゃばらない"，"控え目な"，"つつましい"といった意味を持っています。 Unobtrusive Scripting
JavaScriptベストプラクティス: Unobtrusive DOMプログラミングのススメ | エンタープライズ | マイコミジャーナル
Alex Holt氏がSmashing MagazineにおいてjQuery and JavaScript Coding: Examples and Best PracticesのタイトルのもとJavaScriptプログラミングのベストプラクティスを紹介している。Alex Holt氏は「Unobtrusive DOM Scripting」と呼ばれるプログラミング手法がWebサイトに適用するにあたり優れているとし、Unobtrusive DOM Scriptingの実現にはjQueryが実にいい具合で活用できることを説明している。 同氏はDOMを経由してWebページの各種データにアクセスしてなんらかの動作をさせるプログラミング方法をDOM Scriptingと呼び、DOM Scriptingのなかでも必要な機能を必要な要素に対して適用するものといったニュアンスを強める場合にUnobtrusi
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
