ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. WordPressの数少ない欠点の一つは、サイトの表示速度が遅くなりがちなことである。あなたも読み込みが遅いサイトに出くわし、見るのをやめた経験があるのではないだろうか。 サイトの表示速度が遅くなるとユーザビリティが低下し、SEOにも悪影響を与えかねない。 米国のSEO会社の調査によると、40%のユーザーが、読み込み時間が3秒を超えると訪問を諦めてしまう。また、Googleは、「良好なユーザー体験を提供するためには、LCP2.5秒以下を目指すべき」と公言している。 ※LCP（Largest Contentful Paint）とは、ページのメインコンテンツが読み込まれるまでの時間を指す。 そこで今回は、3秒以内に読み込まれるサイトを目標に、

中型ライダー（二輪）免許を持っているライターの内藤です。 本日は、ライダーキック並みの強烈さで役に立つ見本サイトをまとめてみたいと思います。 Web屋さんはご存じの方も多いかもしれませんが、ブログをしている一般の方、Webデザイン・DTPに興味のある方、お店を持っている方なども必見です！ 部品に特化した見本 部品に特化した見本サイトをご紹介します。 見出しデザイン（h1,h2,h3……その他DTPでも） はじめは見出しデザインに特化した見本サイトまとめ。 見出しデザイン.com http://midashi-design.com/ 見出しタグ（h1,h2,h3……）のデザインの見本ですが、DTPなどでもヒントになるものがたくさんあります。 カテゴライズは、グラデーション・テキストのみ・テキスト非画像・上線・下線・丸・四角・囲み線・斜線・点線・角丸。 ヘッダー部分に凝っても見出しが適当だと全

ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. ブログを始める以上は、誰だって、出来るだけ多くの人に見て貰いたいものだ。 そこで、私はブログを始める前に、国内外の人気ブログを３０個読み込み、人気ブログに必須の要素リサーチをした。 そして、その中から、共通点を７つに絞り込み、実践した結果、ブログを始めてから３週間で１５万を超えるアクセスを得ることができた。 下図は、５月１日〜２０日までのアクセス解析だ。 そこで、本日は、私がブログを始める上で調べたブログデザインの７つの要素を全てご紹介する。 １．覚えやすいブログタイトル　ブログタイトルは、訪問者への一番最初の、簡単な自己紹介と考えて欲しい。 オフラインの場で、初対面の人に自己紹介をする時、あなたは何を言うだろうか？ 私の場合は、「この人

新旧の違いや使用前使用後の違いなど、「Before」と「After」の2枚の写真を用いて違いを説明することはよくある。どれだけ文章で説明するよりも、写真を並べた方が一目瞭然で分かりやすいわけで、ビジネス、プライベートを問わずよく使われる手法だ。 さて、こうした比較写真を公開する際に心掛けたいのは、「BeforeとAfterの2枚の写真が同時に目に入るようにする」ということだ。一般的に比較写真は1枚ずつ撮影することから、公開する際もついつい1枚ずつ、となりがちだ。公開先がブログやTwitterのように、写真を1枚ずつしかアップロードできない仕様になっていればなおさらだ。 しかし本来は対になっている写真を1枚ずつアップすると、BeforeとAtfterのどちらか一方しか見てもらえなかったり、あるいは逆の順序で見られてしまったりと、うまく意図が伝わらない可能性がある。見比べて違いを把握してもらう

スクリーンキャプチャーを使って資料を作成する際、特定の個所に説明テキストを付け加えたい場合がある。例えばソフトの操作画面のスクリーンキャプチャーであれば、ボタンそれぞれの役割について説明を追加したり、自社製品を撮影した写真であれば、それぞれのパーツに機能の説明書きを付けたり、といった具合だ。 これら説明テキストを追加する作業は、WordやPowerPointなどのツールを使うのが一般的だが、Webにアップロードするために最終的に1枚の画像に加工するといった使い方には向かない。かといっていちいち画像編集ソフトを立ち上げ、余白を作ってからテキストツールで書き込んでいくというのも面倒だ。 こうした作業を簡単にできるのが、今回紹介するフリーソフト「ヘルプ図の作成」だ。このソフトを使えば、画像の該当個所から線を引き出し、丸囲み文字で説明テキストを記入するという作業がいとも簡単にできてしまう。完成した

NameBright.com - Next Generation Domain Registration socialmedia-rex.com is coming soon

web制作で使えるWebサービスや、Webツールなどをご紹介。 小分けして紹介していた分もあわせてまとめています。定番の物からマニアックなものまでお楽しみください。 グラフィック・創作 10,000s Cool FREE Seamless Patterns-パターンファイルジェネレータ Web制作でもよく背景で利用するパターンファイルを作成する素晴らしいジェネレータ。様々な模様があり、色は決めれますので、組み合わせはほぼ無限です。 Pixlr Photo Editor-オンラインフォトエディタ 世界で最も人気とされるオンラインフォトエディタ。OSを選ばない。 photoshopに近いインターフェイスと、ブラウザさえあれば動くという使用が人気。ユーザー登録しなくても利用できる（したほうが便利）。 Vintage Effect-レトロ、ヴィンテージエフェクト 上のPixlr.comが運営するも

2016年12月13日 Webデザイン, 便利ツール, 色彩 以前書いた記事「配色パターンからWebデザインを考える」を見た方から「いい配色だなーと思ってもうまく使いこなせない」という意見をいくつか頂きました。確かにすてきな配色をどうデザインに取り込んでいいのか、というのは難しいところです。今回は簡単に配色を提案してくれるオンラインツール「ウェブ配色ツール Ver2.0」を使って配色をWebデザインに取り込む方法を紹介します。 ↑私が10年以上利用している会計ソフト！ ウェブ配色ツールを使った基本的な配色方法 まずこの「ウェブ配色ツール Ver2.0」について。テーマカラーを一色選べば、それにあった配色を提案してくれる配色ツールです。Webサイトのプレビューを見ながら配色の調整ができるので、初心者さんにもおすすめです！ オレンジを元に色相差0°で配色した例。色相差を0°にすると同系色（＝同