タグ

Web制作とhtmlに関するwebbingstudioのブックマーク (8)

  • SEO検索エンジン最適化チュートリアル

    ローカルSEOとは位置情報に基づく検索をターゲットにしたSEOです。Google検索やGoogleマップでの露出を高めるSEOで、店舗などお客さまの訪問を受けるタイプのビジネスにとっては必須の、しかし難しくはないSEOです。ローカルSEOでは、Googleマップでのポジティブなクチコミを増やすことで比較的容易に露出を高めていくことができます。

    SEO検索エンジン最適化チュートリアル
    webbingstudio
    webbingstudio 2012/10/15
    Web制作におけるアーカイブマッピングの「常識」をくつがえし、永続的なURLの価値を問うすばらしいレポート。法則性のないリダイレクトを軽い負担で実現する方法も。
  • http://blog.e-riverstyle.com/2011/01/rolewaiaria.html

    http://blog.e-riverstyle.com/2011/01/rolewaiaria.html
    webbingstudio
    webbingstudio 2012/05/28
    HTML5のrole属性は毎回わからなくなる
  • コーディング前に確認しておきたいこと。 - CSS HappyLife

    CSS HappyLife ZERO が移転したのでお手数ですが、消えちゃう前にブックマーク等変更してもらえるととても嬉しいです。 制作会社でコーディングする場合、社内のガイドライン的なのが有ったりデザイナーもある程度固定されてると思うので、毎回似たような事を確認したりとか、このデザインはどういう意図なんだろう?ってのも、何度か同じ人とやってれば見えてくる訳ですが、フリーランスの場合だとデザイナーは毎回違っていたり、当然ディレクションをする人も違うので最初に確認しておきたい事が有ったりします。 って事で、その辺りをまとめてみたり、デザインを渡されたときにこのデザインの意図は?って思う事とかもばーっと書いてみます。はい。 なので、デザイナーさんもコーダーにデザインを渡すときに気をつけて欲しい点とかもわかってしまうすばらしい内容(だと良いな)! じゃあまずは最初に確認しておきたい基的なことか

    コーディング前に確認しておきたいこと。 - CSS HappyLife
    webbingstudio
    webbingstudio 2010/07/20
    久しぶりにデザインのお仕事したら、自由文のところにアンチエイリアスかけて送ってしまいました><
  • HTML+CSS templating

    HTMLテンプレートを作るのは簡単? 赤の他人が作ったHTMLテンプレートを簡単に編集できるか? 新人に数千ページのサイトのコーディングを任せられるか? HTML, CSS, JavaScriptを覚えればコーディングは楽勝? そこまで簡単じゃないかもしんない ブラウザのバグ? まぁそれもあります Cascadingという仕組みは素敵ですが あっという間にコードが大変なことになります CSSには素敵なセレクタがたくさんありますが、 残念ながらIE6を下限とする環境では使えないものばかり

    webbingstudio
    webbingstudio 2010/06/16
    テンプレートとモジュール概念で設計する、混乱の少ないコーディグ設計について。大規模案件、CMS関連を扱う人は必読。
  • 知らない人は損してる?コーディングが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

    webbingstudio
    webbingstudio 2010/02/23
    要素と構造を打ち込むと勝手にコードを吐き出してくれる拡張機能。DreamweaverでプレビューがしにくいCMSのテンプレート作りに使えるでしょうか。
  • HTML5, きちんと。

    This document describes how to configure Spring Security for authentication and authorization in a web application. It defines a WebSecurityConfig class that configures HTTP security with roles like OWNER and MANAGER for access control. It also defines a UserDetailsManager service for loading users and a User entity class implementing UserDetails. Tests are shown for security configuration, login,

    HTML5, きちんと。
  • 検索エンジン3社、正しいサイトURLを認識させるcanonical属性を導入(URLの正規化) ::SEM R (#SEMR)

    検索エンジン3社、正しいサイトURLを認識させるcanonical属性を導入(URLの正規化) GoogleYahoo!Microsoft3社が rel="canonical" (正規化、canonicalization )をサポート。クローラが適切な(canonical)サイトを見つける手がかりに。rel="canonical" はページの head の中に記述すること。 公開日時:2009年02月13日 15:37 GoogleYahoo!Microsoftの3社は2009年2月12日、共同で新しいタグ「 rel="canonical"」のサポートを開始した。rel="canonical"(属性)は、検索エンジンに正しいサイトのURLを認識(正規化、canonicalization)させるために使用される。 同じサイト(ドメイン)でも、たとえば www.sem-r.com、se

    検索エンジン3社、正しいサイトURLを認識させるcanonical属性を導入(URLの正規化) ::SEM R (#SEMR)
    webbingstudio
    webbingstudio 2009/02/15
    ページネーションが付いているウェブサイトなんかで役に立つだろうか。もちろん、wwwありとなしを統一化する対策は別途必要だと思うが
  • Web DeveloperでCSSとHTMLを編集してみよう - builder by ZDNet Japan

    前回の「Web Developerでウェブサイトを構築・デバッグ」に引き続き、今回もウェブ開発向けのFirefoxアドオン「Web Developer」の基機能を紹介する。 CSSHTMLの編集 Web Developerの大きな特徴に、ファイルそのものを書き換えることなくHTMLCSSの編集結果をプレビューできるという機能がある。 例えばCSSの場合、ツールバーから[CSS]−[CSSを編集する]を選択すると、現在のページが使用しているCSSがサイドバー(表示場所は変更可能)に表示される。これを変更し、上部の[適用]アイコンをクリックすると、その内容が表示中のページに反映される。 元に戻すには[リセット]アイコンをクリックすればよい。もちろん、編集したCSSをローカルのファイルに保存することもできる。

    Web DeveloperでCSSとHTMLを編集してみよう - builder by ZDNet Japan
    webbingstudio
    webbingstudio 2008/08/07
    実務でこの機能をかなり使っている。オーサリングソフトとの併用が必要だが、その場で表示を確認できるのが大きい
  • 1