タグ

web制作に関するmooiboomのブックマーク (412)

  • これからゆっくり考L +α

    先日から提供が開始されたAdobe Creative CloudのCCシリーズ。 とりあえず色々インストールしてみました。 まだそんなにガッツリと使い込んではいないのですが、Photoshop CCでぐっときた機能をご紹介。 透過pngで書きだしたい画像に乗算やオーバーレイや焼きこみカラー...などなど、描画モードが「通常」以外のものが使われていること、ありますよね? 書きだしてから 「あれ...なんかデザインと違う...まさか...。あーやっぱり乗算だったー(泣」 っていうこと、ありますよね?(私だけですか...) 自分でちょちょいと修正できるときはいいんですけど、どう考えても無理な時とか、あまりに色々なところに乗算などを使われていると、 「次からはできればもうちょっと気をつけていただけるとありがたいです!」 と言いたい。 がしかし、なんで描画モード変更しちゃいけないの?と言われるとうま

  • dfltweb1.onamae.com – このドメインはお名前.comで取得されています。

    このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。

  • 1: Web 標準カリキュラムの紹介 - Opera Developer Community

    1: Web 標準カリキュラムの紹介 Translated by Masataka Yakura · 20 Oct, 2009Published in: curriculum, course, beginner, Web, standards, japaneseThis is a translation of 1: Introduction to The Web Standards Curriculum/Table of Contents, written by Chris Mills. 次の記事: インターネットと Web の歴史、そして Web 標準の進化 カリキュラムの目次へ はじめに 私には、ある夢がありました。 過去8、 9年にわたり、私は教育に関する仕事に力を注いでいました。あるときは技術書を執筆し、人がその技術で何かかっこいいものを作る手助けをしました。勤務先に新しく入って

  • 今だからこそ、「軽量なウェブサイト」を作ることが重要、というお話。 - Feel Like A Fallinstar

    最近はJavaScriptのライブラリ整備や、大きなモニターが増えたせいもあり、リッチな見た目のサイトが増えてきたなーって思います。 でも、その一方で、それ以上に増えている様相なのが「低速度回線」のユーザ。 今だからこそ、技術をきちんと理解して軽いウェブサイトを作るべきなんじゃないか、というお話を少し。 増えているのは、フレッツよりも「持ち歩きPC」「スマートフォン」のアクセス これは今木が運営する、とあるポータルサイトの利用者の接続速度の変化のデータです。 月間PVが大体150,000位で、割と昔からあるタイプのまじめなコンテンツのサイト。携帯は対応していませんし、IT系とかに偏ったコンテンツもありません。 見ると分かる傾向は ダイヤルアップ、実はあまり減っていない ケーブルはそこまで延びていない Unknownが年々増えている ADSL / 光(T1)も割合としてはむしろ減少傾向 グラ

  • HTMLのコーディングでお金を取れる時代は終わったのか|増田にゃんねるβ

    1 名前:以下、はてなにかわりまして元増田がお送りします。 投稿日:2009/10/29 14:01:27 2週間くらい前、会社の郵便受けにDMが入っていた。 それはHTMLのコーディングを下請けで請けますよという内容だった。 それだけであれば、同じような内容のものがたまにくるし、実際、どうしても人手が足りない時には外注したりもしている。 そのDMの問題点は、その価格だ。1ページ500円〜とある。 なんだその500円ってのは。ハッピーセットか。 おまけに75%OFFの割引チケットまでついてやがる。なんだそれは。 ほかのコーディング下請け業のHPを見ても、価格差が歴然としていると思う。 うちはWebサイトの構築では、見積書に細目をあえて書かないことが多いが、クライアントから求められれば出すようにしている。 HTMLのコーディングは1ページ大体1万円もらっている。この1万円が高いのか安いのかは

  • 「お待たせしない」Webサイトでの接客 (ユーザビリティ実践メモ)

    1990年代、電話回線やISDNを使ったダイヤルアップ接続(低速・時間課金)でインターネットに接続することが一般的だった頃は、Webサイトの利用は「時間との勝負」という側面がありました。そのためWebサイトを制作する際も、htmlファイルや画像などを含めたページ当たりのサイズを小さくしてページの表示速度を高め、ユーザを待たせないことが重要視されていました。 ■人間の思考とシステムの反応速度 人間の操作に対するシステムの反応速度については、一般的に次のような関係が見られると言われています。 (参考:「Response Times: The Three Important Limits」 Useit.com(英語)、「10の累乗: ユーザーエクスペリエンスにおける時間スケール」 Jakob NielsenのAlertbox(日語)) 0.1秒:ユーザは、自分がシステムを「直接」操作していると

  • 第62回 持続可能なWebサイト開発を支える12の要素

    年度の改まりを受け,自分のスキルアップや目標設定をする時期の方も多いかと思います。今回は作り手として,どのようなスキルが必要かを俯瞰しつつ,自分の立ち位置や強さ/弱さを自己評価しながら,自分のための学習ロードマップを考えるための資料を作成してみました。なるべく技術の流れに振り回されないように,汎用的にしてみたつもりです。記事の最後に簡単なチェックシートも添えましたので,活用していただければ。 Webサイト開発はどのようなステップとタスクがあるのか 様々な分類方法がありますが,今回は4つのステップ(調査/設計/実装/運用),3つのタスク(実施/検証/合意)という流れの中で考えることとします。全てのステップにおいて,何かを成し,それが正しいかを確かめ,(主に)クライアント(発注主)の了解を得るという3タスクがあるとする考え方です。調査や運用が視野に入らない開発者がもしかしたらいるかもしれません

    第62回 持続可能なWebサイト開発を支える12の要素
  • WEBサイトの構成図を作成できるオンライン ソフト「SlickPlan」HTML、PDFで共有可能 - WEBマーケティング ブログ

    WEB サイトの構成図 を作成するソフトとして使えるのはマインドマップ作成ソフトですが、多機能なだけに重かったり、サイトマップを作成するのにオプションの設定が必要だったり、毎度テンプレートを探したりと、あまり手軽ではないと思います。 そんなサイト 構成図 をサクッと作って提示、共有したい時に便利なオンライン ソフトをご紹介します。 2009/12/25追記:今日現在、日語が文字化け、PDF形式でのエクスポートが行えなくなっています。この件につきまして、@kira88が運営元へフィードバックをしてくださいました。お知らせいただき、ありがとうございますm(_ _)m 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! サイトの構成図をサクッと作れるオンライン ソフト「SlickPlan」「SlickPl

    WEBサイトの構成図を作成できるオンライン ソフト「SlickPlan」HTML、PDFで共有可能 - WEBマーケティング ブログ
  • ネットブックやスマートフォン利用者に配慮したサイト作り (ユーザビリティ実践メモ)

    最近ネットブックとスマートフォンの利用者が増えているように感じます。 電子情報技術産業協会の調査結果によると、第一四半期国内PC出荷数の2割弱はネットブックとなっています。 スマートフォンの国内出荷台数を正確に知ることは難しいですが、docomoのGoogle携帯HT-03Aが流通し始めた点や、7月の日の携帯売上でソフトバンクのiPhone3GSが1位になった点から考えるに、今後ますます利用者が増えると予想されます。 私たちとしては、このような状況下でPC向けサイトを制作する際に、ユーザビリティの観点から注意すべき点が大きく3点あると考えます。 近年、家庭用PCのスペックや回線環境が整い、Flashなどを用いたリッチなコンテンツも快適に利用してもらえる可能性が高くなっていますが、一方でネットブックやスマートフォンの多くはそれほど快適なスペック、回線環境が整っているとはいえません。 たとえ

  • 新規でサイトを作る際のCSSを公開:::STOPN' LISTEN:::

    免責事項:サイトに含まれる情報は、一般的な情報提供のみを目的としています。情報はスペシャルベストによって提供され、当社は情報を最新かつ正確に保つよう努力しますが、いかなる目的においても、ウェブサイトまたはウェブサイトに含まれる情報、製品、サービス、関連グラフィックスに関する完全性、正確性、信頼性、適合性、利用可能性について、明示または黙示を問わずいかなる表明または保証も行いません。従って、これらの情報に依拠することは、あくまでもお客様ご自身の責任において行われるものとします。 当社は、当ウェブサイトのご利用に起因するいかなる損害についても責任を負いません。 ウェブサイトから、スペシャルベストの管理下にない他のウェブサイトへリンクすることができます。当社は、それらのサイトの性質、内容および利用可能性を管理することはできません。リンクは必ずしも推奨するものではありませんし、リンク先で述べら

  • その表現、ユーザに分かりやすいですか? (ユーザビリティ実践メモ)

    ユーザにとって分かりやすい文言・説明はウェブコンテンツ制作の基です。 専門用語は思った以上にユーザに理解されていませんし、会社固有の名称・モデル名なども説明がなければユーザには何のことか分かりません。 最も個別製品ページへ進みたいと思うページはどれでしょうか。 例Aのように専門的な説明文章の場合はどうでしょうか。 専門用語が多く、各製品の違いを簡単には理解できません。 例Bでは、製品モデル名や型番のリンクのみを展開しています。 これではそれぞれの製品の違いが分からず、どの製品を見るべきかユーザはわからないため、ここで離脱してしまう可能性があります。 例Cが最も個別製品を選択しやすいのではないでしょうか。 価格、形、馬力といった大まかな情報があるため、各製品の違いが端的に分かり、詳細を確認するステップに進みやすくなります。 製品一覧ページに限らず、ユーザ(製品やサービスに詳しくない人)にと

  • FLASHユーザビリティ3原則 (ユーザビリティ実践メモ)

    FLASHによるWebコンテンツは、ビジュアルでの表現力が高く、最近はサイト全体をFLASHで構築する例もかなり多くなってきました。しかし、通常のHTMLと比べてインターフェース作成の自由度が高いため、非常に使いにくいサイトになってしまう可能性もあります。 今回は、FLASHコンテンツを設計する上で気をつけたいユーザビリティ上の3つの原則をご紹介します。 ユーザがウェブサイトを利用する上で最も頻繁に利用するブラウザの機能が「戻る」です。 弊社で実施したユーザ行動観察調査では、FLASHコンテンツの場合でも一つ前の表示画面へと戻そうとする場合、ブラウザの「戻る」ボタンを押すケースが非常に多く見られます。これは、FLASH画面内に「戻る」ボタンが設置されていても同様でした。 この問題への対策として、「表示画面ごとにURLを設定する」ことが効果的です。ブラウザはURLでページを管理しているので、

  • Webサイトへの幻想 | NPtech.jp

  • NPOのWebサイトの3+1つの失敗 | NPtech.jp

    mooiboom
    mooiboom 2009/06/16
    ごめんなさいごめんなさいごめんなさい><
  • フォトショ画像が1クリックでCSS+HTMLに! PhotoshopをWebオーサリングツールに変える「psd2css」

    Web制作の画像素材作成にも活躍するPhotoshop。ロゴやアイコンといったパーツのデザインに限って使う人から、デザインカンプの制作~スライスまでこれ1でこなす人まで……と、その活用法は人それぞれ。だが、Photoshopを簡易Webオーサリングツールとして使う方法があることをご存じだろうか? それを実現するのが、「psd2css」というユニークなオンラインサービスだ。 PSDファイルをCSSレイアウトのWebページに変換する psd2cssは、その名のとおり、PhotoshopのPSDファイルをブラウザーからアップするだけで、CSS/XHTMLファイルに自動変換してくれるサービスだ。……と、さらっと書いてはみたが、よく考えるとこれはスゴい。Photoshopにある「Web用に保存」機能を使えば、Web用に最適化されたJPEGやPNG画像と一緒にHTMLを書き出すことはできるものの、ス

    フォトショ画像が1クリックでCSS+HTMLに! PhotoshopをWebオーサリングツールに変える「psd2css」
  • サイトマップをフッタに配置する際のポイントとその効果

    サイトマップを独立したページとしてではなく、フッタに配置する際のポイントとその効果をWeb Designer Wallから紹介します。 Modern Sitemap and Footer 下記は、その意訳です。 昔はほとんどすべてのウェブサイトで、コンテンツをリストアップしたサイトマップを独立したページとして設置していました。 サイトマップの重要な目的は、ユーザーや検索エンジン(スパイダー)がサイト内の情報を探し出すのに役立つことです。 現在は、多くのモダンなウェブサイトでサイトマップページを設置していません。代わりに、サイトマップをフッタに配置しています。 サイトマップをフッタに設置する効果 クリック数やページビューの増加 ユーザーはページを隅々までじっくり見るわけでなく、スクロールしながらざっと見ることがほとんどです。 そして、多くのユーザーがスクロールして最後に見る場所は、フッタです

    mooiboom
    mooiboom 2009/03/26
    コリスさんのフッターもいいと思ってた
  • 40分でできるホームページ運営体制チェック ~40項目のセルフチェックシート | Web担当者Forum

    40分でできるホームページ運営体制チェック より良いサイト運営を実現する 40項目のセルフチェックシート[Web担当者編 2008年版] 好評だった「40分でできるホームページ診断 ~訪問者目線編~」に続き、第2弾のチェックシートをお届けする。今回は、表側には現れない、ウェブサイトの裏側にある運営体制に関するチェックだ。 第1弾の「40分でできるホームページ診断 ~訪問者目線編~」も一緒にどうぞ TEXT:編集部 協力:株式会社 環 今回は運営体制をチェックWeb担では以前に「40分でできるホームページ診断」を掲載し、好評を得たが、前回のホームページ診断では、サイトが訪問者にとってどれぐらい使いやすいかをチェックするための要素に絞っていた。 今回は、企業のWeb担当者が、日々のサイトの運営を行ううえで意識しておかなければいけない点や、企業としてウェブサイト運営をする場合に必要になる要素を対

    40分でできるホームページ運営体制チェック ~40項目のセルフチェックシート | Web担当者Forum
  • ウェブサイトの第一印象を決める大切な21のポイント

    ウェブサイトの第一印象を決める大切な21のポイントをVandelay Website Designから紹介します。 21 Factors that Influence the First Impression of Your Website's Visitors 下記は、それを簡潔にした意訳です。 ロード時間 ロード時間はユーザーをいらいらさせる大きな要因です。少しでも早くロードするように設計をします。 エラーメッセージ エラーメッセージが表示されアクセスができないと、ユーザーは二度とアクセスをしないでしょう。 カラー サイトのデザインは第一印象の重要なファクターです。正しいカラーコンビネーションを使用して、効果的で適切なカラースキームを使用します。 ロゴ もう一つ重要なファクターはロゴです。ブランディングを考慮し、信頼感を与えるロゴを使用します。 ヘッダ ヘッダも強い印象を与えます。魅力

  • Web制作の需要はある。しかし、人が余るという不思議な状況 - tohokuaikiのチラシの裏

    不況不況っていうけど、Web業界は受注が減るんだろうか?確かに減ると思う。 実際、うちも新規の受注は減っている。 じゃあ、仕事が無くなるかっていうとそうは思わない。 実感としては需要は相変わらず多い。ので、仕事自体は無くならない。 さっき「新規の受注は減った」って書いたじゃないか!っていう感じなんだけど、「なんとなくサイト作りましょ!」とか「キャンペーンサイト作りましょ!」とかなんかそういうお気楽な感じな案件が減った感じで、「あー、このサイト確かに直さないとやばいよね」っていう必然性のある仕事は相変わらずある。 んで、 泥臭いWEBの底から~WEBディレクター覚書~ 2009年を早くも投げ遣る。 2008年の傾向として ・新規案件が減り、運用業務が増えた ・クライアントのビジネスやコンセプト、ブランドイメージをより深く理解した上での動きを求められるようになった というのがあって、まあこれが

    Web制作の需要はある。しかし、人が余るという不思議な状況 - tohokuaikiのチラシの裏
  • 黄金比などを使用して、緻密で美しいグリッドを設計できるツール集 | コリス

    黄金比や白銀比などを使用して、緻密で美しいグリッドを設計したり、設計したグリッドを表示・確認できるアプリケーション・オンラインサービスの紹介です。 アプリケーション関連