タグ

ブックマーク / webcre8.jp (7)

  • [webデザイン]規則性と不規則性を使いこなす

    見やすいレイアウトには規則性がある webデザインに限らず、見やすくてわかりやすいデザインをするためにはある原則があります。デザインの4つの基本原則等と言われているようで、これを踏まえていればしっかりとしたデザイン＝設計が出来るというわけです。 デザインを勉強したことがない人でもデザインできるようになるかもしれない4つの基本原則 タイポグラフィが苦手な人におすすめしたい私のやり方 | ウープスデザインブログ (デザイナーまめこ) 上記のような記事が参考になります。また、デザインという言葉の普通の印象からは外れると思いますが、マーチャンダイジングにおいても関連した話題があったので紹介しておきます。 売場の陳列を考える – NAVER まとめ 規則性を用いてデザインする こうしたことからデザインにおける規則性を掴むことができれば、ある程度法則に則って作るだけでも美しかったり、わかりやすいデザイ

    [webデザイン]規則性と不規則性を使いこなす
    rinxmoon
    rinxmoon 2013/05/08
    リンク

  • [web制作]今、制作会社の(特にスタッフ持ち回りの)ブログがアツい

    たくさんのブログのお世話になっています 私はweb制作の知識を、webでの検索やRSSで受信することをメインに集めています。本も読みたいんですけど、なかなか…年に大した量を読むことはありません。 web制作を学び始めて3年以上経ちましたが、最近特に気になるのは読んでいるブログに、制作会社のスタッフ持ち回りブログが増えてきたなーという事です。 好きな企業ブログの魅力 さて、普通の個人やフリーランスの人がやっているブログや企業名義で情報を発信しているブログと比較して、こうした(特に持ち回りブログの)見どころとは何でしょうか。 何かしらのインセンティブを用意していてスタッフの記事を書く意欲が高い、企業のワークフローに属しているのでクオリティーが高い、といったことはフリーランスの人や企業名義のブログでも同じだと思うので置いておきます。 更新頻度が高い まあ、私もやる気だけで企業ブログの更新頻度に追

    [web制作]今、制作会社の(特にスタッフ持ち回りの)ブログがアツい

  • [CSS]擬似要素の実用的な使用用途のまとめ

    (個人的な)Graceful Degradationへのシフト webcre8はこれまでIE対応の必要な環境で仕事をしていた為あまりIE6,7で使えない技術には興味が湧かなかったんですが、(ずっと進んでない)ブログのリニューアルのことを考えていると、やはりどうしても擬似要素や過去ブラウザを無視(ざっくり対応)した形でのCSS3の使い方に魅力を感じてしまうわけです。 つまりプログレッシブ・エンハンスメント→グレースフル・デグラデーション的な考え方に気持ちがシフトしているんですね。そしてどうせCSS3を使用してディティールに凝るのなら、「空divや重ね使いで無理矢理作っていたものをさっくり作れる」ことに驚くより、「フォールバックを意識したコーディングをして過去ブラウザにはあっさりコンテンツを見せる」方がやっぱりいいなーと感じているわけです。 とりあえず擬似要素で そこで今回は自分が擬似要素を使

    [CSS]擬似要素の実用的な使用用途のまとめ

  • 知らないといつまでたってもHTMLとCSSが理解できない暗黙の仕様4つ

    調べる。 備忘録としてwebやデザインについて調べたり 新しく知ったことなどを書き残していくカテゴリです。

    知らないといつまでたってもHTMLとCSSが理解できない暗黙の仕様4つ

  • [色]デザイナーっぽくカラーコードの16進数を覚えたくないですか？

    #000000は黒、#ffffffは白。 webデザインではHTMLやCSSにおける色の指定の仕方としてこのような16進数による表記を主に用いています。 色指定には他にも 16進数指定（三ケタ） #f00 10進数指定 rgb(255, 0, 0) %指定 rgb(100%, 0%, 0%） 色名指定 red 全て赤の場合 といった指定の仕方があります。Photoshopに慣れ親しんだ方はもっと色指定の仕方に覚えがあると思いますが、今回はコーディングにおける色指定の観点で説明しますね。 デザイナーでさえカラーコードを見て即座に色を想像できなかったり（私が未熟なだけなのかもしれませんが＞＜）、ましてや色を見てカラーコードをぴたりと当てるなんて芸当はさすがに難しいです。環境によって微妙に色が違って見えたり、隣接色や面積によってどうしても人間の知覚する色の見え方は変わってきますしね(色の錯視 –

    [色]デザイナーっぽくカラーコードの16進数を覚えたくないですか？

  • [HTML5 入門]HTML5の略された49タグの語源全てを調べた

    タグ名がそのままタグの意味になっているものは抜いてあります。ここにあるのは108つあるHTML5タグのうち49個。 付け加えておきますと、この表はタグの英語での意味ではなく、単純にタグの名前になった元の単語を示しただけです。それでもどうしても分かりにくそうなものは熟語として加えてあります。 一応分かりにくいものだけ補足 hrタグについて よく昔hairline(細い線)と説明されているのを見かけましたが、正しくは水平方向の罫線と言う意味です。 dlタグ、dtタグ、ddタグについて dlはdescription listです。HTML4まで、dlは定義リスト、つまりdefinition listという意味でした。しかしHTML5からしれっとdescription list、つまり記述リストと言う意味に変わっており、用途も単に定義の言葉とその対応を示すもの、というものからターム(専門語と言うよ

    [HTML5 入門]HTML5の略された49タグの語源全てを調べた

  • [HTML5 入門]実用を意識した最小単位からの文書構造チュートリアル

    文書構造って難しいですよね コーディングしていたら迷う事ってたくさんありますよね。「これは見出しなのかな」「この段落はどこまで段落なんだろう」「検索バーはどのタグで囲めばいいの？」等など、判断に詰まることはいくらでもあります。そしてその判断の迷路を抜け出た後も、ふと「このマークアップで本当に合ってんのかな」と再び迷いに陥ることも。 エレメントの役割とタグの用途の正確な理解 コーディングしているときに何故迷うか。これは、 それぞれのパーツがそのサイト内にどういう役割で置かれているかをはっきりと定義できていない 各タグの用途を理解できていない このいずれか、または両方が出来ていないから起きる問題だと思います。エレメントの役割とタグの用途、この二つがはっきりしていればコーディングに迷う事はありません。…まあ(他にも納得の行かない組織ルールとかSEOを考慮した記述等があって)それは理想の話なんです

    [HTML5 入門]実用を意識した最小単位からの文書構造チュートリアル
  • 1

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

    リリース、障害情報などのサービスのお知らせ

  • @hatebu

    最新の人気エントリーの配信

はてなブックマーク

公式Twitter

はてなのサービス

  • App Storeからダウンロード
  • Google Playで手に入れよう
Copyright © 2005-2024 Hatena. All Rights Reserved.