タグ

*web制作に関するshota-mのブックマーク (8)

  • サイトマップの作り方と送信方法 - ウェブマスターツールの使い方

    サイトマップについての簡単な説明やGoogle Search Consoleを使ってサイトマップを送信する方法、そしてツールなどを使ってサイトマップを作成する方法について解説します。 サイトマップの作り方 サイトマップの送信とテスト 複数のサイトマップの利用 サイトマップの更新(再送信と削除) robots.txtファイルでサイトマップの場所を指定 サイトマップインデックスファイルの利用 Blogger/Googleサイトのサイトマップ送信 サイトマップ作成ツールの使い方

    shota-m
    shota-m 2012/03/05
    サイトマップ!
  • Mujam.jp

    アメリカはニューヨークの高級住宅街であり、ミュージアムストリートでもあるアッパーイースト地域5番街にどっしりと佇む、アメリカ最大の美術館であるメトロポリタン美術館。ニューヨーカーの間では「MET(メット)」と呼ばれ、親しまれています。 その広大な建物内には、世界各地の数々の貴重な美術品が地域別・時代別に区分けされて展示されており、世界三大美術館の中でも、ルーブル美術館と並んで圧倒的な存在感と評価を持つ美術館です。 Continue reading “メトロポリタン美術館(アメリカ・ニューヨーク)”

    shota-m
    shota-m 2012/02/29
    地図のモーションいいかんじ
  • Photoshopの面倒なガイド引きを楽チンにするエクステンション -GuideGuide

    ウェブページのレイアウト用にグリッドを設計したり、エレメントの中心をだしたり、余白を確保するなど、Photoshopのガイド引きを楽チンにするエクステンションを紹介します。 この機能はデフォルトで実装してほしいですね。 GuideGuide 以前、紹介した時に比べてバージョンアップし、使い勝手がよくなりました。 [ad#ad-2] GuideGuideの対応バージョン GuideGuideのインストール GuideGuideの使い方 GuideGuideの対応バージョン Photoshop Photoshop CS4 Photoshop CS5 OS Windows(32bit) Windows(64bit) Mac OS CS5+Mac OSX Lionでは「Patch」が必要です。 GuideGuideのインストール GuideGuideのインストールは簡単です。 ここでは、Windo

  • 良質なワイヤーフレームを超簡単に製作できるFireworks拡張機能『Placeholder』がめちゃめちゃ便利!!

    フリーランスでWEB製作をされている@sou_labさんから ドラッグ&ドロップするだけでサイズ表記付きの良質なワイヤーフレームが作れてしまう 超便利なFW拡張機能の存在を教えて頂き、実際に使ってみたのでご紹介したいと思います。 FW持ってるけど使ったことない・・という方にも是非読んでいただきたい記事です!! ワイヤーフレームとは デザインにとりかかる前にサイトの骨組みを視覚化し、 要素の漏れを防いだり、全体のイメージを掴むために用意するものですよね。 実はわたしは今まで作ったことがなかったのですが、 しっかり骨組みをしておけばデザイン時・コーディング時の作業がスムーズに進みますし、作っておいて損はないモノですね。 Placeholderとは そんなワイヤーフレームですが、自分用ならともかく クライアントさんにお見せする場合は、要素ごとにwidthやheightの数値なども記載してあった方

    良質なワイヤーフレームを超簡単に製作できるFireworks拡張機能『Placeholder』がめちゃめちゃ便利!!
  • 【2011年】【Webエンジニア向け】はてブ数ランキング厳選超人気記事総覧 / Devslog

    2011年も残すところあと少しになりました。2011年にはてなブックマークをたくさん集めた記事の中から、Webデベロッパー向けに限定して厳選してお届けします。 ウェブデザイン入門 ウェブサイトにおける視覚面に対し、整理・再構築・意匠等を施す。グラフィックデザイン的な要素を多く含む一方で、インタラクティブな要素を持つウェブの性格上、情報デザインあるいは工業デザイン的なスキルも求められる。ウェブサイト全体の情報設計、見た目を中心とするグラフィックデザインやGUIの設計、ウェブアプリケーションのUI設計構築など多岐に渡る。 Web制作をこれから始める人の為のスキル・HTMLCSS・ブラウザ・写真素材入手の基礎情報 WEBデザイナーを目指す人へお勧めしたい記事・サイトまとめ – YATのBlog デザイナーからデザインの基礎や原則を学べるエントリーまとめ(webデザイナ向け)*ホームページを

  • サービス終了のお知らせ - NAVER まとめ

    サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

    shota-m
    shota-m 2011/12/05
    ベタなチェックリスト!
  • 【翻訳】なぜシリコンバレーはコードの書けるデザイナーを求めているのか? - MOL

    Original:Why The Valley Wants Designers That Can Code(2011-05-31)by Jared Spool もし周りにデザイナーが大勢いるのなら、デザイナーがコードも書けることは価値のあることかどうか話題に挙げてみてください。すぐに、モーゼが紅海を2つに割ったよりも早くデザイナー達の意見は分かれるでしょう。片方はプログラミングは必要不可欠なスキルだと主張し、もう片方はプロミグラミングはデザイナーの価値を下げてしまうと猛烈に論じるでしょう。 興味深いことに、プログラミングもできるデザイナーが価値があるかどうかはデザイナーの決めることではありません。それは採用マネージャーの仕事です。今日の雇用市場に基づけば、彼らがどの立場なのかは非常に明白です。多くの採用マネージャーは スーパーデザイナー を求めています。スーパーデザイナーというのはもちろん

    【翻訳】なぜシリコンバレーはコードの書けるデザイナーを求めているのか? - MOL
  • 最適な画像の書き出しは、JPG, GIF, PNG、どれを使うべきか

    最適な画像の書き出しは、JPG, GIF, PNG、どれを使うべきか 2011-07-26 デザインされたものをコーディングする上で、画像はサイトのパフォーマンスにも影響する重要な要素の1つです。 画像形式には、jpg, gif, pngなど種類があり、それぞれの特性を理解した上で選定できているでしょうか? 画像形式についてまとめてみます。 画像の種類 JPEG インターネットでよく使用される画像形式で、静止画像を圧縮する方法の1つです。 ブロック単位で圧縮変換を行うため、圧縮率を上げるとブロックノイズというノイズが生じます。 特に小さくすると赤の部分でノイズが発生しやすい。 IE6~8(IE9は未確認)において#02050aというバグがあり、 JPEG画像でopacityを使用すると#02050aの部分が透過jpgになるバグがあります。 上記の点を注意する必要がありますが、1670万色ま

    最適な画像の書き出しは、JPG, GIF, PNG、どれを使うべきか
  • 1