カヤック新コーポレートサイト、デザインガイドラインの一部を特別公開！ | 面白法人カヤック
2016年7月7日(木)に全面リニューアルし、5パターンのデザインを楽しめるようになったカヤックのコーポレートサイト！その裏側ではどんな工夫があったのでしょうか？ なぜデザインガイドラインを作るのか？ 今回のリニューアルは、ただでさえ大規模なカヤックサイトを、5倍デザインするという、果てしない規模の開発になりました。これを真っ当にページごとにデザインしていては、修正・変更があるたびに作業量は5倍になり、いくら時間があっても足りません。 そこで、デザインチームでは効率的に作業を進めるために「デザインガイドライン」を制作しました。5つのデザインごとに、文字やボタン、UIパーツをまとめたファイルを作ることで、修正の量を最小限に抑え、同時にエンジニアへの修正指示もかんたんにできるようになりました。ここでは、そのガイドラインの一部をご紹介します！ ナビゲーション ガイドライン メニューやフッターなど
制作ガイドライン
本ガイドラインは、バーンワークス株式会社が行う Web サイト制作全般においての品質を保持するために定めたものである。当社は本ガイドラインに基づいた制作を行い、クライアントに対して常に安定した品質のサービス、及び納品物を提供する。 Last modified 2023-10-18 ディレクターはクライアントから指定の Web サイト要件を満たし、Web サイトのビジネスゴールを達成するため、適切な情報提供、提案を行う、また Web サイトの情報設計からプロジェクトの進行管理、プロジェクトメンバーの業務管理、納品物の品質管理を適切に行うものとする。 ディレクターはクライアントを含めプロジェクトメンバー間でのコミュニケーションを積極的に取ることで円滑なプロジェクト進行を心がける。また、クライアントに対しては進捗の報告、情報共有を適時、および明確に行い、信頼関係の構築に努める。 新規 Web サ
GoogleのアイコンなどのデザインガイドラインをGoogleのデザイナーが公開中
ChromeやGmailのアイコンはシンプルであり、一度使うと見るだけでそのアイコンが何を示すのかわかりやすくデザインされているのが特徴的です。そんな企業秘密とも言えそうなGoogleのアイコンやロゴのデザインガイドラインをGoogleのグラフィックデザイナーであるロジャー・オドン氏がBehanceで公開しています。 Google Visual Assets Guidelines - Part 1 on Behance http://www.behance.net/gallery/Google-Visual-Assets-Guidelines-Part-1/9028077 Google Visual Assets Guidelines - Part 2 on Behance http://www.behance.net/gallery/Google-Visual-Assets-Guidel
hanatoweb.jp - このウェブサイトは販売用です！ - hanatoweb リソースおよび情報
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.
視覚障害者向け 使いやすいソフトウェアを設計するためのガイドラインを公開しました | 2012年4月4日（水） | U'eyes Design Inc.
ニュースリリース 2012年4月4日（水） 視覚障害者向け 使いやすいソフトウェアを設計するためのガイドラインを公開しました 2012年4月4日、視覚に障害のあるユーザにも使いやすいソフトウェアを開発するためのガイドラインを公開いたしました。このガイドラインには、視覚に障害のあるユーザが、どのようにパソコンを操作しているのか。設計する際にどのような点に注意すれば、視覚に障害があっても使いやすいソフトウェアになるのか。といった内容を紹介しています。 視覚障害やアクセシビリティ、音声化技術に興味をお持ちの方はのみならず、ソフトウェア開発に携わっている方も是非一度ご覧ください。 ガイドラインの概要 視覚に障害があるユーザは、パソコンの画面を見ることが困難です。しかし、画面の表示内容を音声で読み上げる技術を用いることで、パソコンを操作できるようになります。 しかし、ソフトウェアの全てが音声で読み上
このブログのコーディングガイドライン[旧] : Web Design KOJIKA17
このブログのコーディングガイドライン[旧] 2012-04-30 今まで5回ほどブログのデザインを変更し、その度にHTMLのソースなどに、簡単な解説を入れてきました。 最近、Google Style Guideが流行ってる(?)ので、それっぽくゆるく書いてみます。 この記事について このコーディングガイドラインは、旧デザイン・ソースについてのものです。 現在のコーディングルールとは異なります。 旧デザインを参照したい方は、こちらをご覧下さい。 インデント インデントはしません。 URL URLが_(アンダースコア)の場合、リンクなどで下線が入るとアンダーバーが認識しにくくなるので、-(ハイフン)を使用しています。 HTMLについて DOCTYPE HTML5で記述。 IE9以下でも、ある程度スタイルを保てるように「html5.shiv」をCDNで挿入。 <!--[if lt IE 9]>
![このブログのコーディングガイドライン[旧] : Web Design KOJIKA17](https://cdn-ak-scissors.b.st-hatena.com/image/square/abaa13c8e836b378977eb131ef5a4f6d726842c6/height=288;version=1;width=512/https%3A%2F%2Fkojika17.com%2Fog.png)
自分用CSSスタイルガイド
2011年12月時点でのCSSを書くときの自分内での決まりごとを書いておきます。 まあこういうのは自分（やチーム）が分かりやすければ何でもいいと思いますけどね。 基本的に自分以外は編集することがないので、結構好き勝手に書いてます。 インデント・改行・空白基本的にセレクタはインデントなし。宣言（プロパティと値）の部分はセレクタの開始位置から半角スペース2つ分インデントする。@media内など、ネストされている場合はその中のセレクタはアットマークルールの開始位置から半角スペース2つでインデントする。セレクタが複数ある場合は基本的にカンマで改行するが、擬似要素・擬似クラスが違うだけの場合は同一行でもよい。 （リセットCSSなどは除く）宣言ブロック開始の波括弧{は最後のセレクタと同じ行に書き、直後に改行を入れる。宣言ブロック終了の波括弧}の直前に改行を入れる。各宣言ごとに改行する。基本的にはセミコ
Webサイトの制作／運用の効率化を図る 「ガイドライン策定」のすすめ（前編）（1/4）：CodeZine
Web標準に従うことは、SEO効果、ユーザービリティ、メンテナンス性の向上など、Webサイトの利用者と制作者の双方にさまざまなメリットをもたらします。しかし、実際にWeb標準の仕様書に従ってWebサイトを制作しようとすると、制作者の頭を悩ませる多くの問題が待っています。本連載では、Web標準のメリットを最大限に生かすことをテーマに、仕様書には書かれていない部分を中心に取り上げ、実際のWeb制作現場で起こり得る問題について、解決の糸口をたらしていきたいと思います。 はじめに Web標準に従うことは、SEO効果、アクセシビリティ、ユーザービリティ、相互運用性、互換性、メンテナンス性の向上など、Webサイトの利用者と制作者の双方にさまざまなメリットをもたらします。しかし、実際にWeb標準の仕様書に従って「正しい（X）HTML+CSS」でWebサイトを制作しようとすると、制作者の頭を悩ませる多くの
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iOS Human Interface Guidelines：Designing for iOS （日本語）
GitHub - necolas/idiomatic-css: Principles of writing consistent, idiomatic CSS.
re-dzine.net situs togel online toto 2023 -