web制作とwebデザインに関するgamilのブックマーク (12)

  • 素人が読んでも即使えるブログのユーザービリティ向上に参考になる記事5つ|男子ハック

    @JUNP_Nです。Web制作関係の記事は少ないのですが、自分たち用にも一度ここでまとめておきたいなと思ってWeb制作関係の記事をまとめてみることにしました。 今回はユーザビリティを意識する前に読んでおきたい記事を紹介します。 余談なのですが前提として男子ハックをやろうと動き出したのが昨年の9月。僕たちはWebに関して素人だったので、そこから勉強をして毎日問題にぶち当たりながら運営をしています。 サイトをどうゆうデザインにするかは主に僕の担当なのですが、今でもどんなデザインがユーザビリティに優れているのかわからないので勉強したり考えたりしています。 ということで僕がユーザビリティに関して参考になった記事を紹介します。 Web素人が読んでもユーザービリティに関して参考になった素晴らしい記事5つ最近の記事も、半年前の記事もありますが、どれも参考になる記事だと思います。 1. 効果的にコンテンツ

    素人が読んでも即使えるブログのユーザービリティ向上に参考になる記事5つ|男子ハック
  • Webデザイナー必読?!著作権について知っておくべき10のこと - kojika17

    Webデザインに限らず、制作したものに発生する「著作権」を知っておかないと、トラブルの元になるかもしれません。 特にWebデザインの場合は写真、文章、素材。 場合により動画など多岐の著作物を扱う場合が多々あります。 自分の頭の整理のためにも、Webデザイナー、ディレクターが知っておくべき著作権のことについて、まとめてみました。 1、著作権の基礎知識 著作権とは、知的財産権の一つです。 日の著作権は「無方式主義」と呼ばれる方式で、制作物を制作すると自動的に著作権が発生します。 この時、著作者人格権と**著作権(著作財産権)**に分かれます。 「著作者人格権」と「著作権(著作財産権)」について 著作者人格権 簡単に言えば「制作者」 公表の時の手段、方法を決定できる権利です。 法律上、制作者の同意がなければ公表できません。 著作権(著作財産権) Webデザイナーにとっては、Webサイトなど制作

    Webデザイナー必読?!著作権について知っておくべき10のこと - kojika17
  • デザインを勉強したことがない人でもデザインできるようになるかもしれない4つの基本原則

    このブログ、Webデザインレシピのデザインをリニューアルしました。 この機会にデザインを勉強したことがない人でも、楽しくデザインをすることができるかもしれない、基原則 4つをご紹介します。 この原則は「ノンデザイナーズ・デザインブック」著者 Robin Williams で詳しく解説されています。 古いですが、とっても素晴らしいで今では新装増補版となって発行されているようです。 今回、このブログ – Webデザインレシピのデザインを、ガラッと変えてみました。これを機会にちょっとデザインの基というか、デザインをするときにガイドとなる、4つの原則をおさらいしておきます。Webデザインに限らず、会社で提出する報告書や学生さんのレポート、レストランのメニューなど、ページと呼べるものには全部当てはまると思うので、Webサイトを作るとかじゃなくても、知っておいて損はないかもしれませんね。 せっ

  • 見出しデザインの参考にしたい CSSで作るhタグのサンプル集 | 日刊ウェブログ式

    ブログの記事タイトルやサイドバーのタイトルなどで使えるオーソドックスな見出し(hタグ)のデザインサンプル集です。見出しにはCSS3や画像を使っていないのでシンプルですが、一応よく使うので、メモとしてエントリーしておきました。 ※追記6/24 HTMLのマークアップをpからh3に置き換えました。 見出し(Headline)のサンプル集 色やボーダーサイズ等の装飾部分は お好みで編集してください。 見出しサンプル01 .selector01{ border-left:7px solid #e3297d; padding:.6em .8em } 見出しサンプル02 .selector02{ border-left:7px solid #ccc; border-bottom:1px solid #ccc; padding:.6em .8em } 見出しサンプル03 .selector03{ bor

  • Webクリエイターボックス

    WebクリエイターボックスのX: @webcreatorboxでは毎日Webに関する記事や美しいデザイン・写真などを紹介しています。その中で今週人気だったWeb関連の情報トップ10を紹介します。見逃してしまった人はこちらでチェック!まだフォローしてない人はお気軽にフォローしてみてくださいね! 続きを読む 光に敏感な目を持つWebデザイナーです。長時間モニターを眺めると目の疲れを通り越して頭痛を起こしたりとしんどい思いをすることも。なるべくライトはつけたくないのですが、それはそれでモニターが眩しすぎたりとなかなか難儀な体質です。そんな悩める私にBenQさんよりScreenBar Pro モニターライトをいただいたので、全力レビューしてみます! 続きを読む WebクリエイターボックスのX: @webcreatorboxでは毎日Webに関する記事や美しいデザイン・写真などを紹介しています。その中

    Webクリエイターボックス
  • [CSS]画像に枠線やウォーターマーク、キャプションをつけるスタイルシート

    TORRANCE WEB DESIGNのエントリーから、画像に枠線やウォーターマーク、キャプションをつけるスタイルシートを紹介します。

  • プロレベルでハイクオリティなXHTML/CSSテンプレート集:phpspot開発日誌

    100 Free High-Quality XHTML/CSS Templates | Developer's Toolbox | Smashing Magazine プロレベルでハイクオリティなXHTML/CSSテンプレート集。 当にフリーなのか?というクオリティのテンプレート集が色々。 Package Consultant Environmental Brand Internet Jobs Internet Music Greefies Squick Design Harvest 全部見る 毎回驚きですが、今回もすごいです。 デザインの仕事も減ってしまいそうで怖い。 関連エントリ CSSテンプレート配布サイト色々まとめ デザインされたフリーのCSSテンプレート集 フリーのビューティフルなCSSテンプレート沢山「Css 4 Free」

  • 既存のデザインのクオリティをアップする8つのポイント

    デザインが単調な感じのときには、使用している色を鮮やかにしてみます。 変更した色をベースに、カラースキームを設計します。 Color Scheme Designer 3 2. モノクロは慎重に ブラックやホワイトなどモノクロをテーマにした素晴らしいデザインのウェブサイトは多数あります。モノクロは単色で構成されたものですが、一色加えることでデザインが容易になることがあります。 ポイントはその一色のみにこだわらずに、他の色も充分に検討することです。 3. グリッド レイアウトの活用

  • 【CSS】覚えておいて損はない CSS の定番テクニック BEST 5 | バシャログ。

    ネットで検索をすると CSS のテクニックが山ほど公開されていますが、実際に商用サイトの制作をしていて個人的に利用する頻度が高いテクニックの BEST 5 をご紹介します。 ちょっと凝ったデザインのサイトをコーディングする時に、これらのテクニックに助けられることが多いです。どれも覚えておいて損はないものばかりです! IE6 でも min-height を使う 例えば、異なる高さのブロックを float しつつ底辺のラインを揃えたい時などに、「IE6 が min-height に対応していたら楽なのに!」と思うことがありますが、以下のテクニックを使えば IE6 でも min-height(相当)の適用が可能になります。 [CREAMU]CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 IE6 に mi

    【CSS】覚えておいて損はない CSS の定番テクニック BEST 5 | バシャログ。
  • RedLine Magazine

    最近のコメント PHP オブジェクト指向の勉強 └ Red - 2010.01.08 └ hogepage - 2010.01.21 └ Red - 2010.01.22 └ - 2011.11.27 └ houseiii - 2011.11.27 Fireworks トリミング画像を一括書出 CS4編 └ Iper - 2009.06.27 └ Red - 2009.06.27 └ mala - 2011.11.17 └ Red - 2011.11.18 jQueryでボックスを上下左右中央に簡単配置 └ ミラクル - 2009.03.15 └ Red - 2009.03.15 └ entZ - 2011.10.22 └ Red - 2011.10.24 overflow を使用したボックス背景のこと └ - 2007.12.13 └ Red - 2007.12.13 └ - 2007.

  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
  • 初心者さんのためのWebサイト制作に役立つリンク集

    2017年6月29日 Webサイト制作 「Webサイト勉強するのにおすすめのサイトを教えてください!」との声が多いのですが、日のWeb関連チュートリアルサイトをあまり見たことがなかったので、今までおすすめできませんでした…。ということでちょっとググって初心者さんによさそうなサイトをいくつか紹介します。小難しい単語が並んであるようなサイトは避けているつもりですが、わかりにくかったらすみません。他にもおすすめサイトがあればぜひコメント欄にて教えてください! ↑私が10年以上利用している会計ソフト! Webサイトを作る流れ まずはWebサイトを作る目的を考える 誰のため?何のため?Webサイトを作り始める前に。 サイトマップと呼ばれる構成図を作成 Webサイトの構成図を簡単に作れる便利ツール ワイヤーフレーム(Webサイトのレイアウト)を作成 Webサイトの骨組み: ワイヤーフレームを素早く・

    初心者さんのためのWebサイト制作に役立つリンク集
  • 1