タグ

web制作に関するhvc-001のブックマーク (36)

  • 知らない人は損してる?コーディングが3倍速くなるZen-Codingを導入してみた - EC studio デザインブログ

    最近になって急に盛り上がってきているZen-Codingをみなさんご存知ですか? Zen-CodingはHTML/CSSをショートカット+スニペットで簡略化してコードを書くことができるライブラリです。 独立したテキストエディタソフトではなく、既存のHTML/CSSエディタにプラグイン的に導入するものです。 Zen-Codingというのもがどういうもので、どんなすごいものなんだ、というのはこちらの動画を見てください。 ※音が出ますのでご注意ください。 Zen Coding v0.5 from Sergey Chikuyonok on Vimeo 一体何がおこわれているのか?という感じだと思われますが、今回の記事ではこのZen-Codingの導入方法と使い方の一例を紹介します。 Zen-Codingに対応しているエディタは色々あるのですが、今回は弊社の開発環境しているAptana Studio

  • ウェブデザインでこれは気をつけたいの35のポイント

    ウェブサイトやブログの作成・運営で、避けておきたい35個のミスをnetjellyから紹介します。 List of Web Design Mistakes You Should Avoid 下記は、各リストを意訳したものです。 ※訳者注: 一部過激なものは表現を少し和らげています。 はじめに ウェブサイトやブログを開発・作成する際に、避けた方がよいミスをリストアップしました。 1. 作るだけでは終わりではない ウェブサイトは開発・作成だけでは終わりではなく、公開・運営する必要があります。そして、オンラインやオフラインでウェブサイトの告知に手間や時間をかけることはいっそう必要になります。もし、あなた自身があなたのサイトについて時間をかけないなら、他の誰もそれはしないでしょう。 2. 広告をコンテンツに混ぜない 広告をコンテンツに混ぜると、短期的にはクリック数を増やすかもしれません。しかし、ユー

    ウェブデザインでこれは気をつけたいの35のポイント
  • IDEA * IDEA

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

    IDEA * IDEA
  • IE6/7/8でWebサイトの見栄えを見比べ「Microsoft Expression Web SuperPreview」NOT SUPPORTED

    hvc-001
    hvc-001 2009/12/18
    IE6/7/8ブラウザのいいかげんさをピクセル単位で見比べできるスーパー自虐プレビューソフト、本家から登場!!もっとほかの事やってください!
  • 「2009年のWeb制作情報のまとめ」のまとめ - かちびと.net

    復習用。探すのが面倒なので備忘録的 に2009年のまとめをまとめます。時間 がある時に見て自分の必要なものを 確認しようと思います。同じお思いの 方とシェアしようと思ってエントリー。 Web制作関連のみになっています。 かなり時間がかかりそうなので正月辺りにもチェックします。こういうのは一気にやりたい。 100 Best Photoshop Tutorials From 2009 Photoshopチュートリアルベスト100。膨大な量です。 100 Best Photoshop Tutorials From 2009 The Best Free Fonts of 2009 2009年のベストフリーフォント12個。50 Best Free Fonts From 2009も同サイトで発表されました。 The Best Free Fonts of 2009 The Best jQuery Plu

    hvc-001
    hvc-001 2009/12/10
    まとめのまとめ
  • Webのバグを燃やしまくるFirebugと、そのアドオン7選

    Webのバグを燃やしまくるFirebugと、そのアドオン7選:ユカイ、ツーカイ、カイハツ環境!(10)(1/3 ページ) 高度化するWebのデバッグに悩む人、必見! 近年、Google Chrome、Firefox、Safari、Opera、Internet Explorer(以下、IE)がJavaScriptの実行速度の最速の座を争っていますが、それに伴いJavaScriptによるフレームワークやコンポーネントが多数出現し、Webブラウザのユーザビリティは飛躍的に向上してきました。 一方で、開発者/デザイナにとっては複雑化するWebアプリケーションのデバッグが悩みの種となってきています。そんなときにお勧めなのが、Firefox上で動作するアドオン「Firebug」です。これを利用すれば、デバッグがかなり効率的に行えます。 稿では、Firefoxのアドオンとして利用するFirebugと、

    Webのバグを燃やしまくるFirebugと、そのアドオン7選
    hvc-001
    hvc-001 2009/12/05
    便利そう
  • 海外のサイトで見かけるオーバーサイズのフッタのデザイン集

    最近よく見かけるようになった、フッタにコンテンツを充実させたオーバーサイズのフッタのデザイン集をwpbeginnerから紹介します。

  • 2010年に備えて、知っておきたいウェブデザインのトレンド

    2010年に向けて押さえておきたいウェブデザインのトレンドの14のポイントをWeb Design Ledgerから紹介します。 Web Design Trends for 2010 下記は、その意訳です。 また、同著者の別エントリーに対応したものもあります。 これはもう使用しない方がいいウェブデザインのトレンド はじめに 1. 特大のヘッダとロゴ 2. 手描き風のデザイン 3. 大胆で大きなフォント 4. タイポロジー 5. 1ページ レイアウト 6. インパクトがある画像 7. パースの活用 8. インタラクティブで直感的なデザイン 9. モーダルボックス 10. ミニマリズム 11. オーバーサイズのフッタ 12. レトロ 13. イントロボックス 14. 雑誌風のレイアウト はじめに このリストは、2009年に人気が高かったものからさらに発展するであろうトレンドを紹介しています。 ト

  • https://vanillate.org/blog/wp-content/uploads/minecraftskin_02.jpg

    hvc-001
    hvc-001 2009/10/13
    デザインの時点で各要素どころか見出しも決まってなくてコンテンツが不透明だったりする。(でも納期は決まってる不思議!)
  • これはもう使用しない方がいいウェブデザインのトレンド

    昔流行ったけど、これはもう使用しない方がいいものや人気がすたれているウェブデザインのトレンドをWeb Design Ledgerから紹介します。 Most Used and Abused Web Design Trends of All Time 以下、その意訳です。 過激な表現も一部あるので、留意ください。 はじめに 鏡面反射 アクア フラリッシュ コーヒーカップ 地球 コミックフォント ストックフォト ペーパー ポラロイド 特大のRSSアイコン 音の自動再生 カウンター マーキー ブラックの背景 スプラッシュページ スキップの無いイントロ ブラックの背景 はじめに トレンドは、ウェブデザインにおける良くないキーワードではありません。実際に、下記のリストのものはその時々でウェブデザイナーを鼓舞させました。これらのアイデアは影響が非常に大きくかったので、大量のクローンが作りだされました。

    hvc-001
    hvc-001 2009/10/08
    デザインだけじゃないけどこーいったトレンドの消費速度もどんどん増していきそうだなー。
  • HTMLコーダーやWebデザイナーをバカにしているプログラマーは全員腹切って死ね - kなんとかの日記

    デザイナーとプログラマーの間に優劣なんかない。あるのは役割の違いだけ。なのになんでHTMLコーダーとかデザイナーとかをバカにするプログラマーが多いのかサッパリわからない。 HTMLコーダーやWebデザイナーをバカにしているプログラマーは全員腹切って死ね。 web業界にも様々な職種があり、最近では分業化も進んでるみたいだが、 だからって「自分はHTMLコーダーですから、プログラミングには興味ありません」は通用しない。 HTMLコーダーやデザイナーも、プログラミングは勿論サーバーやネットワークの知識を持つべき。 まぁデザイナーは別業界でもある程度潰しがきくかもしれない。 プログラミング知らないHTMLコーダーがダメな理由 なんでやねん。なんのために仕事が分かれていると思ってんねん。デザイナーがサーバやネットワークを知らないといけないような状況って、プログラマーがクソなだけだろ。 そんないうんや

    HTMLコーダーやWebデザイナーをバカにしているプログラマーは全員腹切って死ね - kなんとかの日記
  • ウェブデザインのエレメントを今風にデザインするPhotoshopのチュートリアル集

    最近のウェブデザインでよく使用されているエレメントの制作方法を1ステップずつ分かりやすく解説しているPhotoshopのチュートリアルをCarsonifiedから紹介します。

  • [修正版]ウェブ制作価格を相場以下で受けている企業が覚えておいて損のない5つの防衛手段*ホームページを作る人のネタ帳

    前回のエントリがグダグダになったので改めて整理して書き直したものです。はずかしいのでブクマしないでくださいお願いします。 このエントリは、○○円ならどこまでできる!? ウェブサイト制作の相場早見表 | Web担当者Forumというエントリをみて、なんだかなぁ。 切ないなぁ、この相場より安い私。 と、思った方に向けて発信するエントリです。 web制作の価格は需要による 実際に、ウェブ制作の価格は、需要によって異なり、制作実績が多数ある企業ほど強い。 これは、完成後のイメージを顧客がつかみやすいからという理由も有ります。 当ブログのアクセスアナライザを見ても、東京や名古屋、大阪、京都というのは圧倒的に多い。 ですから、地方のインフラが整備されてきたとしても、ホームページを持ちたいとか、そこからどんな収益がでるのかという顧客のイメージは、地域地域で異なります。 その為、受ける受注額にも大きな格差

    [修正版]ウェブ制作価格を相場以下で受けている企業が覚えておいて損のない5つの防衛手段*ホームページを作る人のネタ帳
  • http://e0166nt.com/blog-entry-401.html

    http://e0166nt.com/blog-entry-401.html
  • 論点ちがうよ、web屋さんたちぃ~!! - フジイユウジ::ドットネット

    この手の話題に僕みたいな門外漢が触れていいのかどうか迷っちゃうけど、書きます。えい。 (なんか頭痛いから、校正しないでアップ。たぶん、後で書き直す。) Web担当者フォーラムの記事がWeb屋さんたちの間で物議をかもしているっぽい。 ○○円ならどこまでできる!? ウェブサイト制作の相場早見表 という記事。 Web製作の大まかな見積もり表が出ていて、はてなブックマークのコメント欄では、安いとか高いとか、もう何かWeb屋さんたちが色々なご意見を出し合っていらっしゃるですよ。 ホームページを作る人のネタ帳さんも、感極まってエントリを書き直すくらい、思うところがあるみたい。 (リンク先のひとつ前のエントリも読んだ方がいいと思う) 僕はWeb担当として発注も(一応もうしわけ程度に)やってるので色々思うところがあります。 Web業界のことは、よくしらないですがクライアントはこう思ってるYOってのを書きま

    論点ちがうよ、web屋さんたちぃ~!! - フジイユウジ::ドットネット
    hvc-001
    hvc-001 2009/08/24
    "Web屋さんお願いしたい11個のこと。"
  • Web制作 - 高いか安いか、ではない : 404 Blog Not Found

    2008年02月22日14:45 カテゴリArt Web制作 - 高いか安いか、ではない この話題にmy 2 cents. ○○円ならどこまでできる!? ウェブサイト制作の相場早見表 | Web担当者Forum 私もどちらかといえば、 So-net blog:港区赤坂四畳半社長:Web価格早見表を見て就活とグッチを思い出す でももっと驚いたのは、この早見表に対するはてブのコメントです。 「高すぎる!」 逆に僕は「こんなに安かったら大変だな」と思いました。 なんだけど、しかし「安い」だけだと片手落ちだとも思う。 なぜなら、Web制作を外注するということは、金を払ってWebサイトを買うこと、ではないからだ。そういう考えだと、どちらもうまく行かない。これはWeb制作に限らず、「収益を上げる機構」を作る場合全てに言える。 発注側は、リスクとリターンを追う。 制作側は、リスクとリターンを渡す。 これ

    Web制作 - 高いか安いか、ではない : 404 Blog Not Found