Customize Simple Template in Blogger - MBA-HACKリダイレクトします 以前ここにあったブログは、現在 http://mbahack.syui.ml/2013/01/customize-simple-template-in-blogger.html にあります。 リダイレクトしますか。
アイコンフォント、便利です。 自分でいちいちアイコンを書く必要がなくなるし、レティーナや高解像度のディスプレイでも表示が汚くならないし、アイコンフォント、便利です。 まだアイコンフォントを使ったことのない方は、導入面倒なんじゃないの？とお考えかもしれませんが、意外に簡単です。 簡単って言うか、一行です。嘘だと思ったら、ここから先の記事をどうぞ。 使い勝手のいいアイコンフォント「Font Awesome」 とにかく導入は手軽です。 Get Started with Font Awesome ＜head＞＜/head＞内に一行コードを書き足します。 <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"> 必要なスタイルシートを外部から読み込むだけです。 メリ
ちょっと前までGoogleマップをレスポンシブにするために、以下の方法を使わせていただいていました。 @media (max-width: 767px) { iframe { width: 100% !important; } } とても便利な方法なのですが、これだと横幅はちゃんとレスポンシブになるのですが、高さはPC版に埋め込んだソースをそのまま引き継ぐので、ちょっと間延びした印象になってしまいます。 何かいい表示方法はないかなあと探していた時、lifehackerさんの記事で以下のコードが紹介されていました。以下のコードの「75%」の部分を変更することで、地図の縦横比を変えることができます。 .google-maps { position: relative; padding-bottom: 75%; /*これが縦横比*/ height: 0; overflow: hidden; }
この記事は「Fireworks Lover Advent Calendar 2013」の19日目の記事です。Fireworks…すきですか？わたしはすきです。これまでの方が書かれてきたように、Fireworksはweb制作にはとても優れたアプリケーションです。でもそれだけじゃない！！お絵描きツールとしてもすごく楽しいツールなんだよ！！という記事です。 Fireworksで描けるパス Fireworksは、パスで描画されるものとビットマップで描画されるもの2種類に分かれています。今回はパスで描画されるもの、 ペンツール（ストロークオプション） ペクトルパスツール パス再描画ツール こちらをご紹介。※ペンツールは超基本なので機能は紹介なしです。 通常パスを作成すると「基本＞エッジが柔らかい線」で表示され、そこから用意されたストロークに変更していくと思います。あらかじめ用意された種類はたくさんあ
InContentの使い方 実装はとても簡単です。 Step 1: 外部ファイル 当スタイルシートをhead内に配置します。 <head> ... <link rel="stylesheet" href="css/incontent.css" type="text/css" /> </head> Step 2: HTML 画像のimg要素とキャプションのspan要素をdivで包みます。 <div class="pic"> <img src="img/01.jpg" class="pic-image" alt="Pic"/> <span class="pic-caption bottom-to-top"> <h1 class="pic-title">Pic Title</h1> <p>Some description or text.</p> </span> </div> 用意されているcl
Webで見るデジタル色彩見本として 配色の見本帳は無料のインターネットツールです。各色のページでは、Webカラー（RGBカラー）をベースとした色の系統（色相）と色の鮮やかさ（彩度）・明暗の度合い（明度）を数値で表しています。各種カラーモードでの色数値を掲載しています。DTPでチラシや看板を作るとき、ホームページといったWEBサイト作成、パワーポイントでの資料作成など、各種デザインでのカラーマネージメントに便利なカラーコードが一目でわかるWebで見るデジタル色見本です。 色を扱うときに頻繁にぶち当たるのが配色ですが、色の法則に沿った色の組み合わせがテンプレートとなり色彩設計の手助けをしてくれます。 色検索で見つかる新配色 ベースとなる色、キーカラーを選ぶとそこからおすすめな相性の良い色をマッチングしてくれるのが当サイトの色検索です。メインに使う色が決まっているとき求める配色がすぐに見つけられ
ブログをやり始めて、見て貰えるようになるには 時間と努力、そしてチャンスが必要です。 チャンスというのはインフルエンサーのツイートだったり、Gunosyやはてブのエントリー入りなどいつ訪れるかわからないのですが、とにかくそう何度も訪れるものではありません。そういう時の為に準備は万全にしておかないとせっかくのチャンスを一時のアクセスで終わらせてしまう事になります。 photo credit: merwing✿little dear via photopin cc スポンサーリンク TwitterのフォロワーやFacebookのファンを 増やす真面目な仕組み作り インチキなフォロワーを購入したり相互リンクで無意味なフォロワーやファンを増やすというものではありません。 現在は、情報が次から次へと流れ、また各サービスがブログを見易いデザインで見せる為、正直読んでいるブログが誰のどんなブログかわから
日本人が海外旅行で気を付けたい5つの事を説明してください。 海外旅行の際に日本人が気をつけるべき5つの事は以下の通りです。 １．ビザや入国制限の確認 1つ目の「ビザや入国制限の確認」では、現地へ入国するために必要なビザや入国制限を確認することが重要です。特に最近は新型コロナウイルスの影響で入国制限が厳しくなっている場合がありますので、旅行前に確認することが必要です。 思いの他、申請に時間がかかってしまったり、以前は短期の滞在はビザが不要だったが、いつも間に入国するだけでもビザが必要になってたりする場合があるので注意が必要です。 例えば、中国でのビザ申請には、自国の中国大使館または領事館に申請する必要があります。申請には、パスポート、申請書、写真、旅行計画、および必要に応じて健康診断書が必要です。ビザの種類によっては、追加の書類や手続きが必要な場合があります。 コロナ前までは日本人ならば15
下記のような3カラムのグリッドに複数のアイテムを配置する時、アイテムの数が3の倍数だったらぴったり収まりますが、アイテムが7, 8個の場合は最後に余白を生じます。 もちろん余白のままでも良い場合はありますが、ぴったり収めたいという時に役立つスタイルシートのテクニックを紹介します。 Tetris & The Power Of CSS 基本となるHTMLは、リストでアイテムを配置します。 HTML アイテム数は、適当に変更して構いません。 <ul class="flex-container"> <li class="flex-item">1</li> <li class="flex-item">2</li> <li class="flex-item">3</li> <li class="flex-item">4</li> <li class="flex-item">5</li> <li cla
おそらく、大半の企業はランディングページで望むだけの売上を得ることが出来ていないのではないだろうか。 もし望むだけの数字を達成できているなら素晴らしいことだ。しかし、大半の方は、どの会社に頼んでも数字は変わらないので、ほとんど諦めかけているかもしれない。 一方、弊社のランディングページは平均で４.２％のコンバージョン率が出すことができている。 また業界別では、賃貸業で１８.２７％、美容で１５.７２％、健康食品で１４.２１％、建築業で１３.６４％、整骨院で７.１３％など、業界平均を大きく上回る数字だ。 そこで本日は、バズ部がランディングページを制作する上で実際に行っている全ての手順をご紹介する。 これを読めば、高いコンバージョン率を記録している理由も全てご理解頂けるはずだ。また、このまま真似て頂ければ、自分自身で良いランディングページを作れるようになる方もいるだろう。 少しでも役に立ったなら
【意外と知らない!?】 Facebookページの基本機能をフル活用して運用効果をupさせよう！ 毎回ご好評いただいている、Facebookページ運用にすぐに活かせるTips集。今回は、投稿以外でページ全体に厚みを出せる、ワンランク上の活用法をご紹介します！ こんにちは、アライドアーキテクツ株式会社ソーシャルメディア運用コンサルチームの堀口です。 Facebookページの運用をしていると、 「投稿頻度はどのくらいにしよう？」 「この先の投稿内容、何がいいかな～？」 などなど…いつの間にか、とにかく投稿のことで頭がいっぱいになっていませんか？ でも、ちょっと待ってください！ 投稿内容やタイミングももちろん大事ですが、ただ投稿しているだけではモッタイナイ！ 元から備わっているFacebookページの基本機能を上手に活用すれば、より効果的にファンへ情報を届けることができます。 そこで今回は、意外と
現代デザインはWebサイトを集めたギャラリー･リンク集です。トップデザイン・下層デザインを一覧で確認出来るのが特徴です。毎日更新を目標にしています！（出来なかったらごめんなさい）Webデザイン制作の参考にどうぞご活用ください。
ブログサービス「マーケター通信」をご利用の皆さまへ 平素はITmedia マーケティングをご愛読いただき、誠にありがとうございます。 当サイトではこれまで、関連ブログサービスとして「マーケター通信」を長年にわたり運営してまいりましたが、全体的な利用の減少を鑑み、2020年9月30日にサービスを終了させることになりました。 このような結果になり残念ですが、何卒ご理解いただけますと幸いです。これまでご利用いただきましたことに対し、あらためてお礼申し上げます。 尚、ITmedia マーケティングは従来通り更新を続けますので、引き続きよろしくお願いいたします。 サービス終了までのスケジュール、および、これまで登録していただいたブログ記事の取り扱いにつきましては、以下の記載をご確認ください。 スケジュール 2020年9月25日（金）
Palettaは顕色系 (色相, 明度, 彩度) をベースに「調和のとれた色」だけを集めたカラーパレットです. 色を選択すると, 周囲の色が同系統の色に変わります. 画面上部のResetボタンを押すと, 色の選択が解除されます. カラーコードをクリックするだけでコードをクリップボードへ簡単にコピーできます. 詳しく
ページにほんの一行外部ファイルを加えるだけで、iPhone, iPadなどのiOSをはじめ、Android, Blackberry, Windows Phone, Window Tabletなどスマフォやタブレット、デスクトップなどのデバイスを判定し、簡単に条件付きのCSSやJavaScriptを利用できるにするスクリプトを紹介します。 Device.js -GitHub Device.jsの使い方 Device.jsのデモ Device.jsの使い方 Device.jsの実装は、簡単です。 外部ファイルとして、当スクリプトを記述するだけです。 <script src="device.js"></script> スクリプトを設置すると、表示デバイスに基づいて<html>に適切なclassを付与します。 iPhoneでアクセスすると、こんな感じに。 <html class="ios ipho
Jetpack は人気のあるプラグインで、WordPress.com が提供するたくさんの機能を通常の WordPress で利用可能にするものです。私自身も Jetpack を愛用しています。 ですが残念なことに、Jetpack 1.3 から新たに導入されたコンタクトフォームモジュールが、Contact Form 7 を含む他のコンタクトフォームプラグインと衝突してしまうことがわかっています。 典型的な問題としては、他のプラグインのコンタクトフォームのショートコードを Jetpack がハイジャックするというものがあります。この結果、あなたのカスタマイズしてあるコンタクトフォームが Jetpack の質素なコンタクトフォームに置き換えられてしまい、それから送信されたメッセージもどこか意図しない宛先に送られてしまうかもしれません。 この問題を回避し、Contact Form 7 と Jet
Wordpressのコメントシステム。Disqusは日本語にならないし、新しいバージョンは見た目がごちゃごちゃしてるし、なんかオプションが多くてわかりづらいなあ、けど他に良いのもないし・・・と、昨日までは思ってました。WordPressのコメントシステム。Disqusは日本語にならないし、新しいバージョンは見た目がごちゃごちゃしてるし、なんかオプションが多くてわかりづらいなあ、けど他に良いのもないし・・・と、昨日までは思ってました。 すっきりしたデザインに一目惚れ！ そんな時に以下の記事を発見。 【WordPressのコメント欄をTwitter,Facebookなどソーシャルにも対応したJetpackコメントにしました】アカウントを持っていれば即コメントできる | 今村だけがよくわかるブログ まさにこれ！ これですよっ求めていたものはっ！ なんだーあるところにはあるんですねぇ。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
