【厳選】Webデザインのスキルをアップさせるために読んでおくべき参考書7冊 | フリーランスエンジニアの求人情報【Adeccoフリーランス】
【厳選】Webデザインのスキルをアップさせるために読んでおくべき参考書7冊 世の中にはWebデザインに関する参考書が数多く刊行されており、Webデザインを学ぶ環境は十分すぎるほど整っています。Webデザインのスキルを向上させるために読んでもらいたい、オススメの参考書を7冊厳選してご紹介ます。 タイポグラフィの基本ルール－プロに学ぶ、一生枯れない永久不滅テクニック タイポグラフィを学ぶならこの一冊。 文字組みを美しく見せるための基礎知識からテクニックまで、分かりやすく教えてくれます。 本書を読んでタイポグラフィを理解すると、微調整によってフォントの見栄えが全然違うことに気づきます。 タイポグラフィはWebデザインを美しく見せるための必須のスキルです。 http://www.amazon.co.jp/gp/product/4797359226/ デザインのルール、レイアウトのセオリー シンメト
A Maintainable Style Guide
Anyone who has attempted to maintain a UI Style Guide over a long period of time will attest that it is a very difficult process. They are generally prioritised below the maintenance of your applications themselves and as such are likely the first candidates to fall behind and the last to be brought out of tech debt. This is bad because once your Style Guide falls out of sync with your application
Web開発者に革命をもたらす！「Web Components」超入門 | 株式会社LIG
こんにちは。デザイナーの王です。 Webアプリはデスクトップアプリとは違い、まだまだ発展途上の技術のため、色んな所でまだ未熟な部分があります。デスクトップアプリでは当たり前のことでもWebアプリではできなかったりすることも多いのです。中でも、UIのコンポーネント化問題が以前から指摘されてきました。 通販サイトにある「購入ボタン」を例に説明すると分かりやすいと思います。 この手のボタンを作るには以下の手続きを要すると考えられます。 外観を整える CSS HTMLマークアップ クリックした際の挙動 JavaScript 何が厄介かというと、「再利用」が難しいというところなんですね。 例えば、同サイトの別のページで同じボタンを使いたい場合、js、CSS、HTMLを再度記述しなければなりません。しかも場合によってはHTMLのマークアップが非常に冗長化していることもある。 「購入ボタン」はあくまで一
人のフォーカスを笑うな - ネコメシCEOブログ
ネコメシ、今年の仕事始めに引越しをしまして、麻布十番から渋谷へと本社を移転しました。パートナー会社さんたちとの業務提携っぷりをいっそう深めるためでありまして、これについては、ほとぼりが冷めないうちに、なるたけ近日、別途ご案内差し上げるつもりです。 さて、本社の住所変更となりますと、いろいろ手続きが必要です。まず何といっても大事なのは登記簿謄本の住所変更ですね。あとは銀行やクレジットカードなど、主に決済関係のやりとりが発生するところには、速やかに変更の連絡をしておく必要があります。 ということで、ドメイン屋さんとかサーバ屋さんのほうも、住所変更やっとくかってことになりまして。銀行とかと違って、こういうところは全部オンラインで手続きできるから楽ちんですよね！ ということで、まず、ヘテムルさん。 お客様情報の入力フォームです。麻布十番の旧住所が入ってるので、これを変更します。 郵便番号の頭3桁を
社内マークアップ部、活動開始
2013年12月21日 先日、勤務先で社内マークアップ部によるイベントがありました。html5jのマークアップ部（が開催しているMarkupCafe）にインスパイアされた活動で、各々が考える最強のマークアップ（謎）を披露し合うことにより、HTMLへの理解を深めよう的な活動です。今回は、この先の不定期開催に向けたテストという位置付けで催され、お題はページングでありました。 ページング、と言うのは検索結果ページなどの下のほうでよく見かけるアレです。呼び方にはパジネーションとか諸説あるようですが、ここでは続・よくある3つのデザインから考える、マークアップの最適解 | HTML5Experts.jpを参考に、ページングと記載しておきます。何の前提条件も縛りもなく、ワイヤーフレームだけを見て考えるというルールでしたので、それがかえって良かったというか、いろいろな切り口から妥当性を検討する面白味を味わ
続・よくある3つのデザインから考える、マークアップの最適解
マークアップシリーズの第2回は、前回のよくある3つのデザインから考える、マークアップの最適解と同じく、html5jマークアップ部主催のイベント「MarkupCafe」で出題された3つのお題から最適なマークアップを探ります。 イベントではAからDの4つのチームにわかれてマークアップを考えました。それぞれのチームごとに違ったマークアップへの考えが表れていてとても興味深いです。また今回はイベント終了後に「HTML5 Experts.jp」のエキスパート兼マークアップ部の部長でもある村岡正和氏に、氏自身ならこうするといったマークアップを公開してもらいました。 本記事ではWebサイト制作の際にありがちな”ページング”、”フォーム”、”データテーブル”の3つについて要素の使いどころや仕様、アクセシビリティやユーザビリティといった観点からマークアップを考えていきます。 1.ページングの中身と重要度 最初
Semantic UI
Design Beautiful Websites Quickly Semantic is a development framework that helps create beautiful, responsive layouts using human-friendly HTML. Concise HTML Semantic UI treats words and classes as exchangeable concepts. Classes use syntax from natural languages like noun/modifier relationships, word order, and plurality to link concepts intuitively. Get the same benefits as BEM or SMACSS, but wit
グローバルナビゲーション不要論
2013年8月10日 多くのWebページでは、そのページが属するWebサイトの主要なコンテンツ/カテゴリーにアクセスするためのメニュー、俗にグローバルナビゲーション（以下「グロナビ」）と呼ばれるものがページの先頭近くに置かれています。もうだいぶ前から、そんなものは要らない（少なくとも「そこには」要らない）ということを自分は考えており、PCよりも物理的に小さな画面でWebを使うことが一般化した昨今においては益々、その思いを強くしています。 Googleなどの検索サービス経由でアクセスしたにせよそうでないにせよ、ユーザーの目的とするコンテンツは、あくまでもそのページ固有のメインコンテンツ（HTML5的にはmain要素内容）のハズ。であれば、それより前に余計な（メインコンテンツの一部を成さない）情報や機能はなるべく置かないほうが良い。スマートフォンの画面なんかで見たときに、そういった「余計な」情
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ロールオーバーのいろいろなやり方
Starbucks React Pattern Library