Web制作者は要チェック！ Chrome 119で追加された、疑似クラス、相対カラー構文など4つの新しいCSSの機能
New in Chrome 119 Chrome 119 beta 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 Chrome 119で追加された4つの新しいCSSの機能 CSSの疑似クラス「:user-valid」「:user-invalid」 CSSの相対カラー構文(RCS) CSSのclip-pathで「geometry-box」値 CSSのclip-pathで「xywh()」と「rect()」値 Chrome 119で追加された4つの新しいCSSの機能 11/1にリリースされたChrome 119で4つの新しいCSSの機能が追加されました。対象となるChrome 119は、Android、ChromeOS、Linux、macOS、Windowsに適用されます。 以下、その4つの新
ハーマンミラーのショールームで「1日10時間くらい座っていられる椅子がほしい」と言ったら目からウロコな返しをされた
しょうじ @shoz_ Product Manager at CADDi / ex LINE, Rakuten / 非常勤講師 at 名古屋芸術大学 / サウナとインデックス投資が好きです note.com/shojiyota ショウジ @shoz_ ハーマンミラーのショールームでアーロンチェアを試しながら「1日10時間くらい座っていられる椅子がほしいんですけど〜」と言ったら歩くアーロンチェアみたいなスタッフから「1日10時間座ってちゃ駄目」って言われました。目からウロコでした。ハーマンミラー好きです。 2023-05-15 16:49:14 リンク JP-HM | Herman Miller Japan ハーマンミラーストア【公式】 ハーマンミラーでは、職場や自宅などどこにいようと、人々が偉業を成し遂げるのに役立つ刺激的なデザインを作り出しています。日々の継続的な使用に耐える製品の必要性
そこそこユーザビリティの高いフォームを作った
そこそこユーザビリティの高いフォームを作った 入力内容の検証とか、郵便番号変換を備えた、そこそこ使いやすいフォームのテンプレートを作りました time2014/01/18 hatenabookmark- 去年末実家に帰省していた時に、jQueryの練習＆業務で使うために、フォームバリデーションとか郵便番号変換とかを備えた、そこそこユーザビリティの高い入力フォームをコーディングしていたので、ここで公開しておきます。 フォームサンプル ソースお持ち帰り用 (Github) ここで"そこそこ"と言っているのは、もともと業務でユーザビリティ改善案として使うことが目的であって、ベストを目指してもサーバ制約やコスト的な観点で使えないことがあるから、そこは目指さないよという意味です。そもそも、フォームは必要悪ですし、ベストはフォームが存在しないことですね。 フロントエンド実装だけです（サーバ側スクリプト
色で迷ったらここを見ろ!Webサイトの配色に役立つサイト３選 | U-NOTE【ユーノート】
Webサイト作っていて、デザインは決まったけどちょうどよい配色が決まらなかったことはありませんか？配色はサイトの第一印象に大きくかかわります。今回はサイトの配色を決めるときに活用したい便利なサイトを3つ紹介します。配色の見本帳｜キーカラーで選ぶ配色パターン
2013年、この一年で大きく変わったウェブサイトのナビゲーションの5つのトレンド
ウェブサイトに使用されるナビゲーションはこの一年の間に、大きく変わりました。スクリプトやスタイルシートを使い派手なアニメーションやインタラクションを取り入れることもできますが、最近のトレンドはよりシンプルで、すっきりしたデザインが好まれています。 最近のナビゲーションのトレンドを紹介します。 Up and Coming Navigation Trends 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。最近海外のブロガーから他ブログでの無断翻訳・転載の声を聞きます。 ナビゲーションの欠如 スクロールベースのナビゲーション ミニマルなナビゲーション サイドのナビゲーション サークル状のナビゲーション 終わりに ナビゲーションの欠如 最初にあげるナビゲーションのトレンドは、ナビゲーションの欠如です。これは二つの条件が揃えば機能します、一つは
売れ過ぎて販売休止＝「1滴ずつ注げる」しょうゆ―キッコーマン （時事通信） - Yahoo!ニュース
キッコーマンは18日、プラスチック容器入りしょうゆ「いつでも新鮮シリーズ」の「塩分ひかえめ丸大豆生しょうゆ」（200ミリリットル）の販売を一時休止すると発表した。売れ行きが計画を上回り、容器の供給が追い付かなくなったため。 「いつでも新鮮シリーズ」は容器の構造を工夫し、しょうゆを1滴ずつ注げるようにした。食卓で使いやすい点が人気を集めているという。 キッコーマンは2013年度、シリーズ9品合計で前年度比約6割増の35億円の売り上げを計画していた。4月から10月までの販売状況は前年同期の2倍に達している。
技術屋にMac使いが多い理由ってなに？ : IT速報
1: 以下、名無しにかわりましてVIPがお送りします 2013/11/16 18:12:04 ID:g2u8Fv1p0 Macのシェア低いのになんで 2: 以下、名無しにかわりましてVIPがお送りします 2013/11/16 18:12:54 ID:v4uf22G40 昔はデザイン関係mac一択だったから その流れ 7: 以下、名無しにかわりましてVIPがお送りします 2013/11/16 18:14:08 ID:/VbJ3ktG0 レコーディングはマジでどこ行っても100%macのプロツールズだわ 4: 以下、名無しにかわりましてVIPがお送りします 2013/11/16 18:13:26 ID:kWlvrKof0 技術屋？気のせいじゃね？ つか技術屋って具体的になによ Macユーザーの俺自身がそう思う 昔からの所はMac使い続けてるってだけとか こだわってるやつも中にはいるけどね 6:
UX（ユーザーエクスペリエンス）を大切にすることは、インターネットの未来を守ること【ゲスト寄稿】 - BRIDGE（ブリッジ）テクノロジー＆スタートアップ情報
この記事を寄稿をしてくれたのは株式会社ネコメシのインフォメーションアーキテクトの山本郁也氏。山本氏はよく編者にユーザーエクスペリエンスや情報環境に関しての考えを聞かせてくれ、それは編者にとって大きな気付きの機会となっている。そんな彼に、UXを重視すべき理由と、インターネットの未来に与える影響について寄稿していただいた。 山本氏は起業家による事業創造プラットフォーム「Beenos」でDesign Fellowも務めており、Beenosのサイトに掲載された「創業者がUX（ユーザーエクスペリエンス）の全責任を背負うべき」というインタビュー記事も必読。 Some rights reserved by IntelFreePress みなさんにとってインターネットとは何ですか？ 少し思い浮かべてみてください。 近年、「UXデザイン」や「インバウンドマーケティング」といった言葉をよく耳にします。なぜ今、
お願いだからWebフォームではを正しく使ってユーザビリティを上げてくれ | 初代編集長ブログ―安田英久
今日は、Webフォームが「うわ、使いづらい」となってしまわないようにする、意外と対応されていないことが多いHTMLタグ「<label>」について。 HTMLを自分で書かないWeb担当者さんでも、デザイナーさんが作ったフォームに関して最低限これだけはチェックしておくといいですよ、というお話しです。 コンバージョンの要である「Webフォーム」。アクセス解析での改善やEFO（入力フォーム最適化）をしていると思いますが、意外と忘れられていることが多い「<label>」をご存じでしょうか。 フォームの入力項目それぞれの「ラベル（項目名）」を書くためのHTMLの作法なのですが、これをちゃんと使っているかどうかで、フォームの使いやすさがガラッと変わるのです。 一番わかりやすいのは、ラジオボタンやチェックボックス。<label>をちゃんと使っていると、ボタン部分ではなく文字の部分をクリックするだけで項目を
ウノウラボ Unoh Labs: 「視線を導く」方法あれこれ
yamazakiです。毎度毎度技術系なこのウノウラボには馴染まない話題を振りまいているわけですが、さてはてどの程度お役に立てているものか…。 今回のテーマは「視線」です。例えばWebサイトは「見てもらう」ことが大事ですし、また、UI設計の場面などでも、「視線をうまく導いてやる」のは使い勝手をよくする上でも大切なことだと思います。といったわけで、ユーザの視線をうまく捕まえてみたり導いてみたりする上で役に立つかもしれない情報を簡単にまとめてみます。 １．視線をつかまえる Web上にも街にも広告だの何だのと情報が氾濫しています。その中で「見てもらう」ためには何かしらの工夫が必要になることがあります。というわけでまずは「人の視線をつかまえる」ための方法論を少し。 「人の顔」を使う まずはこの画像を見てみてください。 01 posted by (C)フォト蔵 最初に、どれを「見てしまいました」か？
SEOの大基本となる6つのプロセス：前編 | SEOについて最低限知っておくべきコト
先日、ある会社の社長がやってきてホームページのリニューアルを依頼してきた。社長は、それまで営業の対面販売を中心にやってきたので、ホームページにお金をかける必要性を感じていなかった。しかし、最近自分の会社のホームページのひどさに愕然としたというのだ。 「検索しても自分の会社のホームページが出てこないんだよね」と話は続き、SEOの話になってくる。 SEOに関する仕事の依頼は、これまではショッピングサイトからが多かった。それがここ2年ぐらいは、金融サービスや中小企業向けのサービスなど、対面営業が中心の企業からの依頼が増えている。インターネットだけで完結しない商売でも、検索エンジンとホームページが顧客の決定プロセスに大きな影響を与えている。そのことが経営者にも認識されてきたようだ。 筆者は2000年頃からSEOに取り組くんできたが、こういった社長の言葉を聞くと、SEOが企業のウェブサイトにとって当
ErrorDocumentを絶対URLで書くのはやめようよ : ひろ式めもちょう
紹介されているエラーページのデザインはおもしろい。でも、設定のしかたがよくないと思う。このやりかたは多くのサイトで採用されているようだけれど、はっきりいって迷惑。 404エラーをデザインする為のインスピレーション*ホームページを作る人のネタ帳 http://e0166.blog89.fc2.com/blog-entry-262.html ErrorDocument 403 http://e0166.com/403error.html ErrorDocument 404 http://e0166.com/404error.html ErrorDocument 500 http://e0166.com/500error.html 赤い字で書かれた部分はもちろん皆様のドメイン名に変更してください これじゃ 「リダイレクトされちゃうからダメ」 だよ。 こういうふうに設定されていた場合、たとえば、
ウノウラボ Unoh Labs: フォームのユーザビリティを改善する10のTips
miyakeです。Webアプリケーションにおけるユーザーインタフェースの代表格と言えばフォーム。今日はそんなフォームのUIを作るに当たって、普段自分が心掛けていることをつらつらとご紹介します。 ■チェックボックスやラジオボタンはfieldset,label要素でくくる チェックボックスやラジオボタンには一般的にその内容を表すテキスト（ラベル）が付けられますが、input要素だけでマークアップした場合、チェックボックス（ラジオボタン）の部分しかクリックすることができません。 label要素を用いることで、ラベルの部分をクリックしてフォームを操作することが可能になります。これは是非設定しておきましょう。 ラベルをクリックできると思って期待を裏切られると、かなりのストレスになりかねません。 また、そのチェックボックスやラジオボタンのグループをfieldset要素で囲んでおくことをお勧めします。マ
離脱率90%は当たり前！？最後の難関『入力フォーム』の離脱を改善する
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
第6回 サイト価値を最大化するためのトップページ設計術?4パターンの訪問者を想定して作る|Web担当者Forum
第6回 サイト価値を最大化するためのトップページ設計術 ～4パターンの訪問者を想定して作るトップページデザイン 現実の店舗や窓口では、目の前にいるお客が困っていればすぐにわかるし、同じトラブルが重なれば問題がおきないように施策をとる。しかし、ウェブサイトを作っているときにはお客は目の前にいないし、公開後にお客の対応をするのはウェブサーバーやスクリプトという機械だ。そのため、現実の商売では当然のように行っている接客ができない、いや忘れてしまってはいないだろうか？ 今木 智隆（株式会社ビービット） トップページ設計において考慮すべき 4つのユーザー利用シーントップページの設計やデザインは、ウェブサイトの構築を行ううえで、最も難しいポイントの1つだろう。構成するコンテンツの多さに加え、さまざまな制約やこだわりなどによって、四苦八苦したことのある方も多いのではないだろうか。 そんなときに重要なのは
ブログ成功の秘訣――SEOmozがどうやって3年弱で100万リンクを達成したか | Web担当者Forum
※Web担編注 この記事は秀逸です！ 最初はSEOmozがリンクを100万件獲得した自慢話ですが、その先にはブログを成功させる秘訣について、非常にすばらしい情報がまとめられています。 最初の自慢やリンク数の分析が気に入らなくても、ぜひ読み進めてください。実際、私もこの記事を編集しながら最初は「ふーん」としか思わなかったが、後半はどんどん引きずり込まれていきました。（Web担編集長 安田） もちろん、今すぐ夢見心地に浸るのをやめて、次のことを自覚しておかないと。 これは九分九厘、正確ではない（Yahoo!の見積もりだ）ご褒美は何もない（あってもいいと思うけどね。100万リンクのメダル！）検索由来のトラフィックはまだ30％以下集計ツールのIndextoolsで見ると、このリンクのうち何らかのトラフィックを生み出しているのは30万件に満たないGoogle Webmaster Centralでは、
ユーザー調査とユーザビリティ評価の違い：DESIGN IT! w/LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 ユーザーがある製品をどんな風に使っていてどんな潜在的なニーズを抱えているかを調べることと、ある製品のデザインにユーザーが使う上でどんな問題点があるかを調べることでは、調査の目的ははっきり異なります。 「ユーザー調査とユーザビリティ評価を混同しない」というエントリーでも指摘しましたが、前者はユーザー調査であり、後者はユーザビリティ評価です。 ユーザーの現実と現実のモノしかし、前回も書きましたが、どうもこの両者は実際のユーザーを呼んで調査を行うということから混同されやすかったりします。 お客さんがユーザーテストをやりたいというのでお話をうかがうと、実はデザイン評価のためのテストではなく、ニーズを探るためのユーザー調査だったりということがよくあります。 どう説明したらよいかはいつ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
あなたが知らないかもしれないLinuxのコマンドいろいろ | IDEA*IDEA
サイト解析を使ったユーザビリティを収益に変える為のまとめ*ホームページを作る人のネタ帳
http://japan.internet.com/busnews/20070807/8.html