CSSの新しいプロパティ「content-visibility」レンダリングのパフォーマンスが向上する
Webページのパフォーマンスを向上させることは、CSSでも可能です。去年の暮れからChromeで利用できるようになったCSSの新しいプロパティで、2021年現在Edge, Operaにもサポートされています。 読み込みパフォーマンスを向上させるために最も効果があるCSSの新しいプロパティcontent-visibilityについて紹介します。 content-visibility: the new CSS property that boosts your rendering performance by Una Kravets, Vladimir Levin 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに content-visibilityのサポート状況 CSS Containmentとは content-visi
Web制作者がチェックしておきたい、最近のWebサイトで使用されているナビゲーションのデザインとアイデア
最近のWebサイトで使用されているデザイン的にも機能的にも優れたヘッダ ナビゲーションを紹介します。 テキストをリスト状に配置するだけでなく、アイコンや画像を添えたり、タブを効果的に採用したり、配置自体を工夫したり、さまざまなアイデアが取り入れられています。 11 Ways to Design the Perfect Site Navigation 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 Sistrix SistrixはSEOソフトウェアパッケージを扱うドイツの会社で、非常に人気が高いSEOのブログでトラフィックを得ています。 Webサイトを見てみましょう。ナビゲーションは「Toolbox」「Blog」「Resources」「Support」の4つで構成されており、それぞれをホバーすることでリンクのリストをドロップダウン
効率的に学べた！Webデザインを「職種別」に基礎から勉強出来る総まとめ | コムテブログ
作成：2014/01/6 更新：2014/11/01 Webデザイン > Web制作において、Webデザイナーに関係するものを職種別にまとめました。会社によって分け方は違うと思います。今回は参考サイトとスライドを掲載しています。 エンジニア速報は Twitter の@commteで配信しています。 もくじ アートディレクター １．アクセシビリティ ２．ユーザビリティ ３．UX（ユーザーエクスペリエンス） ４．IA（情報アーキテクチャ） ５．画面設計（ワイヤーフレーム） ６．進行管理 Webデザイナー ７．レイアウト・フォントの知識 ８．配色 ９．Illustratorの使い方 １０．Photoshopの使い方 １１．バナー作成 １２．ボタン作成 フロントエンドエンジニア １３．HTML5 １４．CSS3／Sass １５．javascript １６．jQuery １７．WordPressテー
紙デザインとWEBデザインの違いを考えてみた | Maka-veli.com
よく本とかでも書かれていますし、 人によって考え方が違うのであまり書く気なかったのですが、 自分の勉強のタメにと、思った事を書いてみます。 作法が違う 良く出るお話。 紙デザインは媒体によって大きく求められる物が変わります。 雑誌 新聞広告 チラシ パンフレット 看板 専門誌 ここではあれてこれらも紙デザインと呼ばせて頂きます。 これらは大きく目的が分かれる事があります。 広告系にはインパクトが、事業案内などのパンフレットには 中身をしっかり伝える可読性とブランディングが、など。 逆にWEBサイトは オフィシャルサイト 販促サイト SEOランディングページ など、どれも当然「WEBページ」というくくりなので、 そこまで違いは無いにしろ、その中での目的がはっかり分かれます。 しかし、 紙とWEBで大きく分かれる特徴としては WEBサイトはSEOやユーザビリティ、アク
シニア層のためのWebサイトユーザビリティ
2013年3月23日 ユーザビリティ 以前「笑っていいとも！」の山口智充さんのコーナーを見ていて、ちょっと驚いた事があります。20代～60代の女性の必需品をランキングしたもので、40, 50代女性では5位圏外だった「パソコン」が60代で3位にランクイン。シニア層のインターネット利用率は年々高まってきているのはニュース等で読んでいましたが、これを見てなんだか実感しました。という事で今回はシニア層のWebサイト設計について考えてみたいと思います！ ↑私が10年以上利用している会計ソフト！ 上記「笑っていいとも！」の件で興味を持った私は、シニア層のインターネット利用方法なんぞを調べていたところ、丁度私の母親が「インターネットで買い物がしたい」と言ってきました。彼女は海外に住む私と連絡をとるためにメールやSkype等を使う事ができるので、ある程度インターネットについて理解しているのだと思っていまし
文章の作り方 - 伝わるデザイン 研究発表のユニバーサルデザイン
研究者や研究に関わる大学生や大学院生は、一年を通じて研究室ゼミや学会などで研究成果の発表を行なわなければなりません。また、近年、科学者でない人たちに対する一般向けのプレゼンや講演（アウトリーチ活動）の機会も増えてきています。他にも、研究論文や報告書を書いたり、研究費調達のために予算申請書やプロジェクトの提案書を作成したりすることも、研究者にとって欠かせない仕事です。これらはいずれも情報を他者（研究仲間や審査員、一般市民）へ伝えようとする行為であり、正確かつ効果的な情報の発信が望まれます。しかし、自己流で資料を作成して、闇雲に情報を発信していても、スムーズに情報は伝わりません。ときには誤った情報が伝わってしまい、研究の価値を正当に評価してもらえないことさえ起こりえるのです。 情報を正確にかつスムーズに他者に伝えるためには、情報をデザインすること、つまり文章を読みやすく整えたり、図表を見やすく
SEOを意識したサイトデザイン | パシのSEOブログ
完成したサイトにSEO対策を施すよりも、始めからSEOを考えて制作を行った方が効率も良く、バランスの取れたサイトが出来上がります。 基本となるデザインレイアウト 上図はネットで配布されているテンプレートなどで良く見かけるデザインですが、SEOを意識した簡易的なレイアウトとなるとどうしてもこんな感じになってしまいます。あくまで基本となるレイアウトですので、作るサイトにあわせ位置の調整や、必要な項目の追加を行ってください。 ヘッダー ページの見出しとなるh1と、ページの概要を説明するためのテキストを配置します。h1とテキストは全ページ異なるユニークなものを記述します。 ヘッダーの左側にはロゴを配置し必ずリンクにします。ロゴは、ソースの上部に位置し、全ページ共通のトップページへのリンクとなる為、CSSの画像置換えを使用しアンカーテキストにはメインキーワードを含ませた方が良いでしょう。 イメージリ
人気ブログ型サイトのデザインと統計 :: gerenuk.crazyphoto.org/
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
今だからこそ、「軽量なウェブサイト」を作ることが重要、というお話。 - Feel Like A Fallinstar
最近はJavaScriptのライブラリ整備や、大きなモニターが増えたせいもあり、リッチな見た目のサイトが増えてきたなーって思います。 でも、その一方で、それ以上に増えている様相なのが「低速度回線」のユーザ。 今だからこそ、技術をきちんと理解して軽いウェブサイトを作るべきなんじゃないか、というお話を少し。 増えているのは、フレッツよりも「持ち歩きPC」「スマートフォン」のアクセス これは今木が運営する、とあるポータルサイトの利用者の接続速度の変化のデータです。 月間PVが大体150,000位で、割と昔からあるタイプのまじめなコンテンツのサイト。携帯は対応していませんし、IT系とかに偏ったコンテンツもありません。 見ると分かる傾向は ダイヤルアップ、実はあまり減っていない ケーブルはそこまで延びていない Unknownが年々増えている ADSL / 光(T1）も割合としてはむしろ減少傾向 グラ
ユーザーの機嫌を損ねる行為10選
文：Jaime Henriquez （Special to TechRepublic） 翻訳校正：村上雅章・野崎裕子 2009-06-23 08:00 ユーザーを怒らせたり、イライラさせた場合、あなたの仕事はずっと困難なものとなる。このため、彼らがどういったきっかけでそのような感情を抱くようになるのかを知っておけば、仕事をスムーズに進められるようになるはずである。本記事では、ユーザーと接する際に避けなければならない、彼らの感情を損ねるきっかけとなる行為を紹介する。 ユーザーには、われわれの多くと同様に、機嫌が悪くなるツボというものがある。しかし残念なことに、こういったツボがはっきりしているとは限らないのである。とは言うものの、ユーザーのために（そしてもちろんあなた自身のためにも）、彼らの機嫌が悪くなるツボというものをできる限り多く知っておき、避けるようにするのが得策というものだろう。そこで
SLOBSERVER - L'actualité de Second Life
App development is certainly an exciting but challenging process. Several factors are involved in developing an app, due to which the final cost to develop an app greatly varies from project to project. It is important to be familiar with the entire process of creating a comprehensive app development budget because it is common for developers, especially new programmers, to exceed the budget while
星野リゾート、旅館サイト改良で予約数8割増：日経ビジネスオンライン
気になる記事をスクラップできます。保存した記事は、マイページでスマホ、タブレットからでもご確認頂けます。※会員限定 無料会員登録 詳細 ｜ ログイン
「サイトの横幅」再論：950px時代のウェブデザイン［絵文録ことのは］2009/01/14
以前、サイトの横幅を640ピクセルにする理由――統計と現状に基づく結論［絵文録ことのは］2006/11/25で、「実際にサイトを閲覧している人のブラウザーの横幅と、ブラウザーによる印刷上の制約から、特に画像は左端から640ピクセルくらいに収まるようにした方がよさそうだ」という結論に落ち着いた。これには、一行字数が多すぎると読みづらい、という、紙媒体の扱いも多いわたしの経験的な見方もある。 もちろん、これにはリキッドデザイン主義者の方から「ページ幅を指定するようなデザインであること自体が悪」という反応があったり、「印刷用CSSを使おう」といった反応があったりしたのだが、「印刷時のことを考えれば640pxという制約がある」という結論は特に揺るがなかった。 その後、今まで約2年経った。閲覧者の環境も変わり、当時主流だったIE6にはなかった「用紙サイズに合わせて印刷」機能を備えたIE7ユーザーも増
成果を上げる！ユーザー中心ウェブサイト戦略――ビービット 遠藤直紀氏／WAISレポート | Web担当者Forum
ビービット代表取締役の遠藤氏は、成果を上げるユーザー中心のWebサイト戦略について講演。インターネットはセルフサービスチャネルの1つであるとし、「対面で日々対応していればチューニング、改善はできるがWebではやりづらい。しっかりとしたサービスをするには、対面よりもターゲットユーザーを認識しておく必要がある」と、ユーザーの姿が見えないWebでこそ、ユーザーを深く理解して情報提供することが必要であることを解説した。 また、「質の時代、個の時代にマーケティングスタイルが変化し、ニーズが多様化した現代では、自分が良いだろうと思ったものが通用しなくなっている」とした。さらに、あるビール工場では、30年前は数種類しかなかったビールを今では30種類以上作っていることを例にあげ、Webに限らずユーザー中心アプローチが必要であると指摘し、ユーザーが主役の時代ではユーザーに選ばれる企業がビジネス成果を掴むとし
第25回 ユーザは使いよう | WIRED VISION
第25回 ユーザは使いよう 2008年7月22日 ITデザイン コメント： トラックバック (0) （これまでの増井俊之の「界面潮流」はこちら） 近年のユーザインタフェース開発では「ユーザ中心設計」（User-centered Design）を行なうことが常識になっています。システム設計者の思い込みにもとづいて作られたシステムがユーザにとって使いやすいものになる可能性は低いですが、設計の初期段階からユーザの欲求についてよく検討し、設計の途中段階においても実際にそれが使いやすいかどうかテストを行ないつつ開発を行えば、本当にユーザにとって使いやすいシステムを開発することが可能になります。 ユーザビリティの専門家のJakob Nielsenは以下のような5個の要素を使いやすさの目標としてあげています。 1. 学習しやすさ （Learnability） 2. 効率 （Efficiency） 3.
IT news, careers, business technology, reviews
Heads on: Apple’s Vision Pro delivers a glimpse of the future
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ユーザーに考えさせちゃダメ！ クルーグのWebユーザビリティ第一法則 | 超明快 Webユーザビリティ［Web担特別公開版］
どれがベスト？スマホ対応サイトの構築方法３種 | SEO Packの最新SEO情報ブログ 初心者もすぐわかる
http://www.designwalker.com/2009/08/usability-test.html
UIパターンいろいろ - DesignWalker
