【CSS】とにかく読みにくいページをつくってみた！pointer-events でイベントを制御する
こんにちは、R&D 部の青野です。 「読者視点で見やすくて読みやすいページを作りましょう」とよく言われてますが、たまには見づらくて読みにくいページがあってもいいんじゃないか。 ということで、読みにくいページを作りました。 と言っても、デザイン、ページ構成的にというわけではなく、ただ暗いだけのページです。 仕組みとしては暗く描画した canvas タグをページの上に重ねているだけとなっております。 また、このページはモバイルとPCでは見え方が少し違いますので、モバイルで見ている方はPCでも見てみてください。 （さすがに暗いままだと記事が読みにくいので、ページを明るくするボタンを付けました。ご利用ください。） ON OFF 通常 canvas 要素や img 要素などが上に重なっている場合、その下にある要素は選択できなくなります。しかしこのページではまっ暗な状態でも上にある[ON][OFF]の
フロントエンドの実装から見る第四十七回衆議院選挙 開票速報ページまとめ - 暮らしの技術
700億円ほどのお金がかかっているといわれ，why-kaisan.comなんてサイトも作られ巷を賑わせた第四十七回衆議院選挙の投票日が今日でした．投票日と言うことはその後に来るのは開票で，開票と言うことは開票速報がはじまるわけです． 報道各社を見てみますと，各々工夫を凝らした開票速報ページを用意しておりまして，これがなかなかおもしろいということで，その比較でございます． まとめ 長いので先にまとめです． まずテレビと新聞で圧倒的に態度が違います．テレビはあくまで番組の補助だったり宣伝が目的．ウェブページではあまり情報を出したくない様子です．一方新聞各社は トップページ上段，ファーストビューのど真ん中を思いっきり使い，文字通り全面展開といったパターンが多い． フロントエンドの実装から見ると，基本的にグラフが必要な場面ではCSS，日本地図が必要な場面では「画像+mapで部分リンク」か「要素の絶
ユーザーの知識は低いレベルで停滞する
学習というのはたいへんな作業なので、ユーザーのやりたいことではない。その結果、彼らはユーザーインタフェースの探索をすることもなく、ほとんどの機能について知らないままだ。 User Expertise Stagnates at Low Levels by Jakob Nielsen on September 28, 2013 日本語版2013年11月25日公開 コンピュータシステムを長期間利用しているユーザーでも、知っていて使っているのは利用可能なコマンドや機能のほんの一部だけであることは多い。デザインのユーザビリティが優れていれば、ユーザーはシステムを利用しはじめて間もなく、かなり容易に一連の基本機能を理解する。しかし、その後、彼らは伸び悩み、それ以上はたいしてスキルが上がらない。システムを頻繁に使っているユーザーですら、年にわずか1つか2つの新しい知識を身につけられるようになるまでには何
もうアイコンには困らないぞ！ 11,245個のピクトグラムのアイコンがダウンロードできる -flaticon
10,000個以上あっても品質はどうよ、と思う人もいるかもしれませんが、サイトを運営しているのは当ブログともコラボしたfreepik.com！ 彼らのアイコンをはじめ、質の高いアイコンが揃っています。 ちなみに、コラボしたのはCelebrations Icon Setです。
「Web制作のリアルな工数と見積もりの話」の話をしようじゃないか！
raf00がWEB制作の見積もりについて書きたいなぁとか言いながら1年半が経ちました。 で、いずれ書かなきゃなーと思いながら過ごしていたら、WP-Dさんが非常に興味深いエントリを上げられていましたので、これに便乗する形であれこれ書きちらしてみたいと思います。 WordPressのリアルな工数と見積もりの話をしようじゃないか！ | WP-D ウェブ制作の見積もりを金額付きで晒してやろうじゃないか！ | WP-D ■あの見積もりは妥当か否か なかなかブコメなどの反応が興味深い見積もりサンプルですが、現在の（上場企業の制作業務に対応できるくらいには）真っ当なWEB制作会社が企業向けに出す見積もりとしては項目・工数・価格的には概ね妥当かつ適切だなと感じられます。サンプルであるがためにこまごまとボヤけた点はあるものの、WEB制作会社のプロデューサー・ディレクターやクライアント企業のWEB担当者ならば
ウェブデザインの配色設計に役立つオンラインサービスのまとめ -2013年春
見て楽しい触って便利な、最近リリースされたものを中心としたウェブデザインの配色設計に役立つオンラインサービスを紹介します。 まずは、気軽にカラーを楽しめるサービスから。
入金不要ボーナス カジノ｜ファンサイト・アーティストサポート情報 藤岡弘 TAIYO YAMAMOTO DEFORM
藤岡弘、ファンサイト藤岡弘、ファンサイト閉鎖のおしらせ 平素より当サイトをご利用いただき、誠にありがとうございます。 2010年4月1日より運営しておりました藤岡弘、ファンサイトは、誠に勝手ながら2013年8月1日をもって閉鎖させていただきます。 3年間のご愛顧誠に有難うございました。 入金不要ボーナス カジノがファンサイトをサポートウィンカジノ：パートナーシップ 日本人プレイヤーに好評のウィンカジノは、プレイヤーにエキサイティングなオンラインカジノゲームと大人気の入金不要ボーナス カジノを提供。入金不要ボーナス カジノは、プレイヤーから最も支持を集めるオンラインカジノだけでもらえる特典です。ウィンカジノは社会貢献の一環として、エンターテイメン 性の高いアーティストのファンサイトをサポートしています。今後もより多くのアーティストをサポートし、エンターテイメントの素晴らしさを世界に広げるお手
すごいWEB
Awesome and has more than a degree. We head out one. What it is overwhelming. It is dangerous stuff. Amazing what moves the people. And, in the sense of the excitement, the world can not be changed only amazing thing. I want to meet those amazing, really want to be. I think so anyone, I want to share with everyone and wow wow. It is amazing, amazing thing. Than it really is not that amazing. From
今日から始めるビジネスブログ執筆の10のルール | 住 太陽のブログ
コンテンツ企画とキーワード選定はSEOにおける最重要課題のひとつです。この記事では中小零細企業が運営する一般的な商用サイトに焦点をあて、潜在客が直面している課題や問題、悩みや困りごとについての詳細な情報と解決策を提供するコンテンツの企画と、そのキーワード選定について解説します。 コンテンツ企画とキーワード選定SEOのコンテンツ企画とは、これから作成するべきコンテンツを列挙するプロセスです。コンテンツは見込み客の質問に対する答えとなるもので、かつ有用で高品質なものである必要があります。そして答えていくべき質問とは、自社の見込み客が抱えている問題や課題、悩みや困りごとについて、見込み客の次のような情報ニーズに応えるものです。 課題を深く知るための詳しい情報がほしい簡単には答えの出ない疑問や質問に答えてほしい効果的で現実的な解決策を教えてほしい上記のような情報ニーズに応えるコンテンツを、その道の
ゆめいろデザイン｜ブランドマネージャー・Web/UX/UIデザイナー・デザインコンサルタント ヒガシナオヤ
はじめは今までと同じように、カンプを作ってからコーディング、というやり方でした。 しかし、そのやり方だとトラブルが多いんです、なぜか。 ブレイクポイントとかで揉めたりすることが多いです。 早い話が、いままでの制作のやり方は、レスポンシブWebデザインでは無理だということです。 allWebクリエイター塾の菊池 聡さんは、「レスポンシブWebデザインでは、いままでの仕事のやり方は通用しない。いずれはブラウザでデザインする時代がくる」と、某セミナーで言っていました。 実際、最近は、ブラウザでデザインする、いわゆる「インブラウザ・デザイン」で制作することが多くなってきています。最近は、ほぼ7割くらいです。 最近、久しぶりにFireworksでカンプを作りましたが、「以外とPhotoshopやFireworksでカンプを作るのが面倒だな」と感じました（ちょっといらついていたような気がするのは気のせ
次世代HTMLの新仕様「レスポンシブ・イメージ（仮）」についてまとめてみた
レスポンシブWebデザインを実装する際、画像の扱いは一つの課題として残っています。現在、PHPを使用した「Adaptive Images」やJavaScriptを使った「Responsive-Images」などが現実的な対応策としてありますが、どちらもApacheの設定を必要とします。レスポンシブWebデザインが広まって標準的な実装方法の一つになろうとしている今、サーバサイド技術に依存しない解決策が早急に求められています。 そんな中、HTMLの仕様策定の一端を担うWHATWG（Web Hypertext Application Technology Working Group – ワットダブルジーと読む）で、新たな仕様が検討されています。 では、どんな議論がされていて、今どんな状況なのか？ なかなか複雑なことになっているようなので、調べてまとめてみました。 ※この記事は、レスポンシブWeb
企業・団体のスローガンと安全標語の例文
この記事では、企業や数々の団体（学校や組合も含む）が掲げるスローガンと、周知のための朝礼の必要性について。また、職場での安全衛生のための安全標語について、例文を紹介しながら述べています。 スローガンの秀逸な例文に目を通しているとスローガンを掲げることになった理念や根本精神に思いをいたさずにはいられません。特に企業スローガンの例文の中には深い経営理念から発したものがあることに気付きます。 会社のスローガンに「美しい明日をつくる」と掲げるのは、ライオン株式会社です。テレビやラジオでも多くの人が目にし耳にしていることと思います。 企業を代表するスローガンである以上、宣伝的にも優れた表現になっていますが、このスローガンを生んだ土壌には社是と呼ばれるものがあります。 ライオン㈱の社是は『わが社は、「愛の精神の実践」を経営の基本とし、人々の幸福と生活の向上に寄与する。』となっています（ホーム > 企業
eBay でヒドいデザインの方がコンバージョン率が高かった、という話
先日日本のWEBデザインが2003年で止まっていると話題にという記事で楽天のサイトなどのことが取り上げられていましたが、これを読んで思い出したポッドキャストインタビューがあったので一部抜粋してみます。 このインタビューはスタートアップ向けレクチャーイベント ZURBsoapbox シリーズのひとつ。昨年11月に、「サンフランシスコでの投資とギークな日々の20年間」といったタイトルで 500 Startups 代表のエンジェル投資家デイブ・マクルーア氏が語ったものです。 「チームのメンバーに求める特徴は？」という客席からの質問のデザイナーの部分について、彼はこのように答えていました。 一緒に働くのが辛いデザイナーもいた。自分はなんでも知ってる、みたいなデザイナーと働くのにはほんとに苦労した。デザイナーと口論したいわけじゃないんだ。俺が見たいのは数字とお客さんの利用例。そして何がうまくいってい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
自然をイメージさせる配色のカラースキーム | Web カラー 配色パターン 一覧リスト | iso.labo
Websites From Hell
本の書き出し
エンジニアtype 技術者のキャリアを考えるWebマガジン - 転職＠type
『ESPRESSODA in Office』オフィスのクセにはじけてる
テレビ高知映像