html

スポンサーリンク
SNS

OGPにおける記述方法の勘違いと修正方法(2015年春時点での最新情報?)

FacebookやTwitterの表示関連でよく使われているOGPの設定方法ですが今まで少し勘違いをしていたようなのでその内容と修正方法を記しておきます。
CSS

違うブラウザで同じ表示をさせるためには リセットCSSとノーマライズCSSの特徴

サイトを構築する際にブラウザの違いで表現が変わることがあり、複数のブラウザを使って確認を取ることがありますが、その作業をなるべく省くためにリセットCSSとノーマライズCSSを使ってCSSを上手に使おうという話をしたいと思います。
CSS

デザイン全般で使えるweb色見本

原色大辞典の良い所はブラウザで名前が定義されている140色が色名と16進数で表示されている所はもちろんですが、それとは別に和色や洋色、web216、パステルカラー、ビビッドカラー、メトロカラーと使う用途によって色表示がされている部分が便利です。
SEO

サイト構造と被リンクの確認が無料で出来るツール「AdMatrix Analytics」

フルスピードが無料で提供しているSEO解析ツール「AdMatrix Analytics」。SEOを行うに当たって便利で簡単なツールなので導入しておいても損はないと思います。
CSS

webデザインのグリッドレイアウト作成に使える無料ツール

ウェブデザインを考えるときに基本レイアウトをどうするかはいつも悩みの種です。最近ではグリッドレイアウト、グリッドデザインといってレイアウトを細かく分割した手法がとられており、今回はそのグリッドレイアウトを作成するためのツールの無料ツールを紹介します。
CSS

Dreamweaverを超えた?無料で使える高性能htmlエディタBrackets

私は普段はDreamWeaverとTeraPadでコーディングを行っていますが、有料のコーディングツールやウェブ作成ツールを購入しようと思っている方がいればこの記事を参考にして頂ければと思います。無料で使えるコーディングツールとしてはかなり高機能だと思います。
CSS

表示しながらCSSの編集が出来るFirebugの使い方

FireFoxのアドオンツール、FireBugのインストール方法と簡単な使い方の説明。簡単にインストール出来るので是非、試して見て下さい。Chrome用のFirebugインストール方法も追加しました。
スポンサーリンク