[B! html] fantasista_21jpのブックマーク

これは使える！レスポンシブ対応のさまざまなHTMLメールが簡単に作成できる無料のオンラインサービス -BeeFree

ビジネス用のニュース、プロダクトのリリース、プロモーションなど、さまざまなレイアウトのHTMLメールをドラッグ&ドロップで簡単に作成できるオンラインサービスを紹介します。デスクトップ・スマホ両対応で、プレビューやメールアプリでのテストなど機能も非常に充実しています。日本語もOKでした！ BeeFree 使い方は簡単です。上記ページの「Let's get started」をクリックし、HTMLメールを作ってみましょう。 ※HTMLメールの作成やファイルのダウンロード時に登録は必要ありません。作成したメールをサーバー上にキープする時だけ登録が必要です。まずはテンプレートの選択をします。 2カテゴリ各4種類、画像やテキストが仮配置された「Rich Templates」。

fantasista_21jp 2014/10/27

リンク

実践SEOマニュアル118個 | クロスウォークのSEOブログ

SEOには間接的な効果と直接的な効果があります。ユーザーを意識したWEBサイトを作ることによって信頼が得られ、外部リンクの獲得につなげることができます。目次 ①内的要因：コンテンツ（11） ②内的要因：HTML（7） ③内的要因：クローラビリティ（18）クローラーの巡回しやすさ ④内的要因：ユーザビリティ（22）ユーザーの使いやすさ ⑤内部要因：アクセシビリティ（10）サイトの利用しやすさ ⑥内的要因：ファインダビリティ（7）サイトの見つけやすさ ⑦内的要因：マーケティング基本（6） ⑧内的要因：マーケティング応用（10） ⑨内的要因：WEBサイトの品質（15）ペナルティ対策 ⑩外的要因：リンクビルディング（12）リンク構築 ①コンテンツ 1.質の低い、薄い内容のページがないか低品質なサイトの掲載順位を下げ、良質なサイトに適切な評価を与えるPandaアップデートが実装され、Google

fantasista_21jp 2013/12/12

リンク

スマートフォンサイトのHTMLコーディングメモ12個 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

display:table-cell; を活用するリキッドレイアウトのコーディングにすごく便利。親要素に display:table; 子要素に display:table-cell; 記事リストなど、画像とテキストを横並びにするときに。均等に横並びにしたいときに。タップ時のカラー設定 CSSで以下のように設定。アルファ値も設定可能。 -webkit-tap-highlight-color: rgba(255,105,183,0.6); 画像、iframeに max-width を指定 img・iframeは、サイズが大きすぎて画面からはみ出すことがあるので max-width:100%; を指定する。 word-break:break-all; を指定スマホは幅が狭いため、長いURLなどが1行に入りきりません。 word-break:break-all; を適宜指定する。フォ

fantasista_21jp 2013/06/25

リンク

ImageMagickとPHPで縁を明るくして角丸四角に切り取る

Imagickで縁を明るくして角丸四角に切り取るには、以下のコードを実行します。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja" dir="ltr"> <head> <title>sample556(ImageMagick6.4.2)</title> </head> <body> <?php /* 縁を明るくして角丸四角に切り取る */ $px = 10; $py = 10; $rx = 20; $ry = 20; $sw = 20; $im = new Imagick("sf2.jpg"

fantasista_21jp 2012/11/09

リンク

スマートフォン専用ページを作成する際に知っておきたいポイント｜Webpark

最近今あるサイトをスマートフォンに対応させるべく、コツコツがんばっているわけですが、その際に気になったことや知っておきたいポイントをまとめてみました。基本的な内容も多いと思いますが、ご参考になればと思います。 1. スマートフォンに対応させるには？ウェブサイトをスマートフォンに対応させるには2つのパターンがあると思います。 PCにもスマートフォンにも対応したページを作成するか、PC用ページとは別にスマートフォン専用ページを作成するかです。 1つ目のPCにもスマートフォンにも対応したページは、Media Queriesを使う場合が多いと思います。 Media Queriesを使うと画面のサイズの違いによって適用するCSSを変更することができます。例えば、CSS-Tricksというサイトは画面サイズによってレイアウトが大きく変わってます。 Media Queriesについては後で簡単に紹介