デジタル庁のサイトやばすぎるwww - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに みなさん、デジタル庁のサイトはご覧になったことはありますか？今話題のデジタル庁です。 こちらが2023年6月現在のデジタル庁のサイトです。やばくないですかこれ？最初見たときこれ「やっばw」と思いました。これからこのサイトのやばさを語っていきたいと思います。 洗練されたシンプルさ、そしてデザイン 僕は最初見たときびっくりしました。「なんてシンプルで見やすいんだ！」官公庁のサイトですよ？官公庁のサイトといえば、細かい字がずらっと並んで見づらいイメージでしたが、デジタル庁のサイトはとことんシンプルさを追求して見やすくしてます。フォン
IE6がコーダーに嫌われていたなんて知らなかった | スタッフブログ | マイネ王
インターネットを閲覧するときに使うソフト「ブラウザ」。Windowsに最初からついているInternet Explorer（IE）やEdgeを使う方が多いのではないでしょうか。 しかし、ブラウザにはOperaやFirefox、Google Chromeなどさまざまな種類があります。特にWeb制作者の方にとっては、Internet Explorer 6（IE6）が思い出深い存在だったようで……。 こんにちは。斎藤充博です。 今回はブラウザの思い出です。少し前まで、WindowsにはInternet Explorer（IE）というブラウザが標準で搭載されていました。Windows 10になってからEdgeが標準になりましたね。 最初はもちろんIEを使ってインターネットをしていたのですが、だんだんと使い勝手を良くしたくなってきます。最初はIEにツールバーなどをつけてカスタマイズしていたのですが、
優れたUIデザインを作る為に重要なことは何か | Goodpatch Blog
こんにちは、だいきです。 また勉強になる海外のUIに関する記事を見つけたので翻訳してみました！ （この記事は Visual StudioというブログのWhat’s Important in UI Designという記事の翻訳ブログです。） 最近「ユーザーインターフェイスのデザインはオプションでなくなった / “Good UI Design Is No Longer Optional”」という記事が話題となり、 多くのUIデザインは人間の目の構造をもとに作られていると指摘されました。 （参照: “Good UI Design Is No Longer Optional”） ユーザーインターフェースがデザインのオプションでなくなったということは事実ですが、Webサイトの全体像を構築した後下のような質問が出てくると思います。 どんな画面/ フォーム/ ウィンドウ/ ダイアログを作れば良いのか？
「Webデザイン」とはなにか？ザックリ考えてみた（2013年）
「Webデザイン」について今の自分が考えてることを記録として書きました。去年に続き二回目です。タイトルに2013年が入ってるのは時間と共にwebのあり方や自分の考えも変わっていくからです。 はじめに このテーマを毎年恒例にしようとしてたのですが、早くも2回めで躓きそうになりました…。 「Webデザイン」とはなにか？じっくり考えてみた（2012年） 内容は「Webデザイン」の範疇を超えてるのですが、前回と同じタイトルにしてます。ただし、年末年始バタバタしてて時間掛けて考えることができなかったので、”じっくり”を”ザックリ”に変更してます。 また、この記事は2012年の総括や2013年のトレンドではなく、制作者の立場からWebについて今の自分が思ってることをつらつらと書いてます。なので、異なる意見があって当然だと思ってます。 読んでくれた方が「webデザイン」について考える一つのきっかけになっ
ロゴの扱い方でプロとアマの差が出る。アイソレーションゾーンとレギュレーション・ビジュアルアイデンティティについて / Maka-Veli .com
Webサイトを眺めていると、よくロゴの扱い方が雑な物をよく見受けられます。どうもWebの場合はそれが多く見られる気がします。「印刷をしない」 からでしょうか？僕も当時、よく叱られてました・・・ アイソレーションゾーンとは アイソレーションゾーンとは、ロゴ等の周りにある『余白』の事です。 ロゴ周りでなくても、キャッチコピーやタイトルの周りに取ることが多いはずです。 タイトルやキャッチコピーなどの場合は、 ジャンプ率を高めに設定する場合は2~4倍くらいでも良いと思います。 逆にジャンプ率を低めに設定した、あまり強調を必要としない場合でも、 1つ分くらいは空けるとすっきりしますね。 スペースを上手く使える人はプロデザイナーっぽいですよね。 ホワイトスペースは「無駄」じゃありません。 隙間があるからといって、あれこれ詰め込むのはいかにも素人っぽいです。 ロゴレギュレーション 大
PCサイトスマホ変換「shutto（シュット）」サービス終了
shutto（シュット）サービス終了 PCサイトのスマホ変換サービス「shutto（シュット）」は、2024年3月31日をもってサービスを終了しました。 今まで多くのお客様にご愛顧いただきましたこと、スタッフ一同深くお礼申し上げます。 ※Webサイト多言語化ツール「shutto翻訳」は「shutto」とは別サービスとなります。 「shutto」はサービス終了となりますが、「shutto翻訳」には影響ございません。 「shutto翻訳」はこちら shutto終了後のスマートフォン変換にお困りの方 株式会社アイスリーデザイン様が提供している「flamingo」サービスでスマートフォン変換が可能です。 詳細は株式会社アイスリーデザイン様にご確認ください。 ■「flamingo」に関してのお問い合わせ先 株式会社アイスリーデザイン 営業本部： 担当 原島(はらしま)/野林（のばやし） お電話でのお
ロゴマークの暗黙知について - Webサイトの上部にリンクは必要か？ - - kojika17
多くのWebサイトの上部にはロゴマークやサイト名が表示されており、 HOMEに戻るためのリンクが貼られている場合が多いと思います。 サイトの上部のHOMEに戻るリンクには、どのような効果があるのか、 また暗黙知としてのユーザーの反射的な行動について、20週間のデータから考えてみます。 デザインを変更して調査 暗黙知とは 認知の過程あるいは言葉に表せる知覚に対して、（全体的・部分的に）言葉に表せない・説明できない身体の作動を指す。 暗黙知 - Wikipedia GoogleやYahoo!などの大手サイト、一般のサイトでも、左上のロゴマークにHOMEに戻るリンクが貼られている場合が多く、一般化している傾向にあると思います。 5週間ごとに当ブログのデザインを変えながら、ロゴマークについたリンクにはどのような効果があるか調査しました。 既存のデザインから、いきなりロゴマークをとってしまうと違和感
「Webサイトにデザインなんて関係ねー」と言う人に一言。Webデザインの重要性とは？
2017年7月14日 Webデザイン マーケティング専門の人が「Webサイトにデザインなんて関係ないぜ！すべてはプロモーションとコンテンツ次第なんだぜ！」と豪語していたのでそれに反論を。もちろん彼の言っている事はWebサイトを世に広めるためにはとても大切な要素です。でもだからといってデザインが全く関係ないというのは極論すぎます。という事でWebデザインの重要性について考えてみたいと思います。 ↑私が10年以上利用している会計ソフト！ なぜWebデザインは重要なのか？ 以前「ECサイトの色やデザインと購買意欲の関係」という記事で触れたとおり、ECサイトにおける約半数のオンライン消費者が、全体のデザインを理由にそのサイトを再訪問しないようです。この結果から、多くのユーザーがWebサイト上のデザインを重要視している事がわかります。では具体的にWebデザインはどのような役割があるのでしょうか？ ユ
ユーザビリティの原則と現場で使えるユーザビリティテストの方法
今回は、Web制作の現場でも使えるようなユーザビリティテストの方法をご紹介します。 アクセス解析を使ったものではなく、あくまでもサイトの構造の問題点を洗い出す方法です。 そのため、それにいたる細かい基本部分についてもかなり大胆に触れてます。 試験をする前に、どのような観点からサイトを見て行く必要があるのかと言うユーザビリティの原則から、試験方法、試験の結果からの問題解決にむけて、私がこれまで行ってきている仕事の一部をご紹介します。 Webユーザビリティについて：目次 書き出したらとまらなくなりましたが、これでも結構情報削りすぎたかなぁというのはあります。 私の仕事について方法を学べばユーザビリティテストは出来る最大の原則はユーザーに考えさせない事たった一人でも試験をするほうが100倍ましになるユーザーの視点を理解する箇所法則1「長いテキストを最初からよし見ようとは思わない」法則2「長たらし
ECサイトをデザインする時の8つのポイント
2017年6月29日 Webサイト制作, Webデザイン プログラミングに詳しくなくてもECサイトを設置できちゃうCMSがたくさんあります。そんなCMSを紹介…しようと思ったのですが、かちびと.netにまとめ記事があったので、そのへんはシロ氏にお任せして、今回はECサイトのデザイン部分に焦点をあててみたいと思います。ECサイトではその商品やマーケティングが重要になってきますが、サイト全体のデザインを工夫してユーザーの購買意欲をより刺激しましょう！ ↑私が10年以上利用している会計ソフト！ 1. 商品のデザインと合わせる ECサイトのデザインは、その商品を知ることから始まります。例えば商品が服ならそのブランドのデザインコンセプトはもちろん、どんな人が、どんな場所で着るのか、素材やよく使われている色合いなどを研究してみてください。 Apple http://www.apple.com/jp/
「ルール」を打ち破るWebデザイン
2017年6月29日 Webデザイン Webデザインの「ルール」。そのいくつかを聞いたことがあると思います。でも「やってはいけない」「やらなければいけない」なんて聞いたら壊したくなるのが人間というもの（私だけ？）。今回はそんなWebデザインのルールを打ち破る素敵なサイトをNoupeで紹介されていたので翻訳してみます。次回のWebデザインの参考にしてみてください。 ↑私が10年以上利用している会計ソフト！ Webデザインの「ルール」に関する記事を見た事があると思います。事実、いやになるほど頭にインプットされている事でしょう。そして多くの場合その「ルール」は楽に生活を送るためのガイドラインとして役立っています。 しかし、あなたのアイデアがそのルールに当てはまらない場合、またはあなたがとにかく全てを型に当てはめるのにうんざりして、自分の創造力に挑戦したい場合はどうでしょう？そのルールは本当に変更
無駄なdiv要素やclassだらけのマークアップから卒業する方法
グリッドベースのレイアウトを作成すると、ついついdiv要素を多用してしまいがちですが、意味のあるデータにはそれに適した要素を使用し、無駄なdiv要素やclassだらけのマークアップから卒業する方法をWebdesigner Depotから紹介します。 Fight Div-itis and Class-itis With the 960 Grid System 下記は各ポイントを意訳したものです。 はじめに CSSのフレームワーク：960.gsの場合 classの乱用を避ける リスト要素の使用 画像とキャプションの使用 複数の見出しとパラグラフの使用 子要素のclassは親要素に はじめに 数年前までウェブページの設計はテーブルがスタンダードでした。そしてCSSはそれを大きく変え、今日ではCSSのフレームワークがウェブページの設計を容易にしてくれています。 しかしながら、このCSSのフレームワ
Google Slides: Sign-in
Not your computer? Use a private browsing window to sign in. Learn more
「リセット用CSSを使わない」ことが流行ってる（らしい）理由 | necoze LOG2 [ネコゼログログ]
一定期間更新がないため広告を表示しています
![「リセット用CSSを使わない」ことが流行ってる（らしい）理由 | necoze LOG2 [ネコゼログログ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/2302e44c95c7e474fefb218540004f95dc47a4bb/height=288;version=1;width=512/https%3A%2F%2Fimaging.jugem.jp%2Ftemplate%2Fimg%2Fjugem_og-image.png)
過去のSEOテクニック | パシのSEOブログ
効果があると言われていたSEOのうち既に過去のものになっている対策方法や、気にするほどでもないくらい与える影響が小さくなっている手法を取り上げて見ます。 検索エンジンは多くの情報を公開していませんので、これから取り上げる項目が本当にSEOスコアに影響がないのかはわかりません。複数のサイトで実証された事であっても全てのサイトで同じ結果になるとは限りません。 SEOには100%正しい答えがないわけですから、誰がなんと言おうとオレはこう考えるというのもアリだと思います。 metaタグ metaタグによるSEOと言えば主にKeywordsやDescriptionを指しますが、 この2つをSEO目的でのみ記述することはおススメしません。Keywordsは無くても良いくらいですし、そのページのターゲットキーワードを1、2個書けば十分です。Descriptionにはそのページの概要文を端的に記述します。
Webデザイン劇的ビフォーアフター09年春版 (1/4)
この4月、新しい事業年度のスタートに合わせ、各社のWebサイトが相次いでリニューアルした。ここでは、3月下旬～4月にかけて大規模なリニューアルを実施したWebサイトを編集部でピックアップし、リニューアル前後の画面写真付きで紹介する。最新の企業サイトのトレンドをつかみ、自社サイトのリニューアルの参考にしよう。 マイクロソフトが運営するポータルサイト「MSN」は、2008年4月以来ほぼ1年ぶりにトップページをリニューアル。「毎日使いたくなるMSN」（マイクロソフト）を目指し、使い勝手を高めた。 3カラムのレイアウトは従来のままだが、それぞれのカラムの役割を明確にし、各カラムに入る要素を分類、整理している。具体的には、左カラムにHotmailの受信状況や天気などを確認できる個人ツール類を、中央カラムにニュースなどの最新情報を配置。ディスプレイ広告や企画広告への誘導はすべて右カラムに集約した。 ま
ホームページ作成 簡単ホームページ作成サービス Jimdo
プロに任せる。ジンドゥーに精通した制作のプロが、 あなたの代わりにホームページをお作りします。 全てを安心してお任せください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【それでもCSSは破綻する】 CSSの設計手法と書き方を考える - Qiita
「Yahoo!ニュース」の表示速度が3～5倍に、そのからくりは……：記事の芽
http://www.designwalker.com/2009/03/form-design-2.html
