レスポンシブ対応のHTMLメール用のシンプルなテンプレート（テキスト形式にも対応）
Responsive HTML Email Templateの使い方 使い方は簡単です。 「email.html」を使って、HTMLメールを作成します。 作成が完了したら、CSSをインラインにします。 これで、完了です。 CSSをインラインにする時は、下記のツールが便利です。 HTMLメール用のコードの完成 コードの下には、テキスト形式のメールでの表示も確認できます。 見出しの天地に罫線が自動で入るんですね、面白い！ Responsive HTML Email Template HTMLメールのベースとなるテンプレートです。 ※使用する際は、CSSをインラインにします。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transiti
多彩なデバイスに対応したWebサイト構築に最適なデザインフレームワーク·Centurion MOONGIFT
CenturionはレスポンシブWebデザインに対応したCSSフレームワークです。 レスポンシブなWebサイトを構築するためには様々なデバイスでの表示を考慮したり、そのためのノウハウが必要になります。そこでベースとして取り入れてみたいのがCenturionです。 デスクトップでの表示です。 スマートフォンレベルまで幅を狭めた場合。 メニューはスライドして表示されます。 タブレットはこれくらい。 グリッドもあります。 Centurionはシンプルなフレームワークなので、それほど束縛は強くないと思います。カスタマイズ性も考慮されているとのことなので、Centurionをベースにしつつ独自の要素を盛り込んでWebサイトを構築できるでしょう。 CenturionはHTML5製のオープンソース・ソフトウェア（GPL/MIT License）です。 MOONGIFTはこう見る Bootstrapは個人
MovableTypeにタグクラウド(SEO対策済み)を設置する
MovableTypeにタグクラウド(SEO対策済み)を設置する ブログのリニューアルをおこなったのですが、ついでにタグクラウドを設置してみました。(右メニューの一番下に設置してます。) 普通に設置しても面白くないので、SEOをふまえたタグクラウドにしてます。 タグクラウドを設置する利点 blogのエントリーを通常のカテゴリーとは別に、汎用性のある分類を行うことができます。 例えば、最近このblogでは『Twitter』に関する話題を取り扱うことが多いのですが、カテゴリーを作るほどではありません。 そんな場合『Twitter』のタグを設定しておけば、『Twitter』に関するエントリーの一覧を作ることができます。 参考：Twitterのタグページ また、SEO上も有効で、タグでキーワードを設定すれば、そのキーワードの専門ページが1ページ作成されることになります。 基本的な設置方法 テンプレ
小粋なインターフェースを実現する25のコード （パート4） | S i M P L E * S i M P L E
先日ご紹介した第三弾に続き、第四弾。さて、いつまで続くのやら・・・と思いつつエントリー。 小粋なインターフェースを実現する25のコード 小粋なインターフェースを実現する25のコード （パート2） 小粋なインターフェースを実現する25のコード （パート3） 今回も素敵なコードが揃っていますよ。いくつかご紹介。 ↑ CSSでアラートメッセージを作る方法。ウェブサービスなどにいいですね。 ↑ こうしたメニューのコードをブラウザ上で作れるジェネレーター。 ↑ スライド式のナビゲーションメニュー。 新しくウェブをつくるときに参考にしたいですね。ご利用は以下からどうぞ。 » 25 Code Snippets for Web Designers (Part4)
CodeWeb
最近CSSの見直しをして色々新しい発見をするので今日もエントリーします。 ID、class、属性名には個別のポイントが設定されていてその合計値が高いものから優先されていきます。 その件について詳しく書く前に基本のおさらい。 スタイルシートは下に書いてあるものほど優先されます。 普通は外部スタイルの読込を一番最初して、次にHEADの中にスタイルを書き、タグに直書きするので、 タグ内スタイル＞HEAD内スタイル＞外部スタイル の順で優先されると思います。（今回はユーザースタイル、ブラウザスタイル、!importantについては一先ず置いておきます。） 今までは一番最後に読込んだスタイルが適用されるって思い込んでたのですが、どうもそうではないらしい。 いや、うすうすは感ずいていたんですよ、なんかID付の属性が優先されてるなぁーって。 はい、ここから本題です。 id 100ポイント class 1
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ページ高速化のため .htaccess でキャッシュ設定を絶対やっておこう！
http://blog.livedoor.jp/shinblog/archives/23466639.html
