SEOでやってはいけないHTML＋CSSの6つの偽装行為とHTMLの適切なマークアップ
検索エンジンとスパム行為は切っても切れない関係で、現在でもさまざまなスパム手法が実施されては検索エンジンが対応する、 というイタチごっこを繰り返しています。 また、適切なマークアップも日々進化するのでアンテナを張っておか …
HTMLとCSSのコピペでできるモーダルウィンドウのデザイン3種
モーダルウィンドウはポップアップに近く、ポップアップウィンドウはポップアップしている最中でも他のウィンドウを開くことが出来ます。 ですが、モーダルウィンドウは何らかの操作が完了するまで他の画面に遷移することが出来ない為、 …
SANGOのテーマに合いそうなボタン＋アコーディオンのデザイン3種
当サイトでも使用しているSANGOのテーマには、イケてるデザインやオブジェクトが標準で多数使えるようになっていますが、ちょっとオリジナル感を出したい＋アコーディオンをちょっと違うデザインで使用してみたい用に3つ作りました …
HTMLとCSSのコピペでできるカルーセル・スライダーのデザイン2種
よく聞くWEBで使用するカルーセルとスライダーには明確な違いはなく、どちらで検索してもほとんど同じ結果になりますので、あまり気にする必要はなさそうです。 このカルーセル・スライダーには様々なパターンがあります。 jsで実 …
HTMLとCSSのコピペで実装できるカード型デザイン7種
Googleが推奨するマテリアルデザインは、デザインを最適化しやすいように装飾を減らし、シンプルなデザインでユーザーが直感的に使いやすいように設計された手法の一つです。 カードデザインは、専用のガイドラインページが用意さ …
Illustratorのショートカットとコピペでできるキーボード風のHTML＋CSS
ショートカットをつかいこなせるようになることで、都度都度マウスを動かしたり、パレットから対象の動作を裏部必要もなく、スムーズに色々な作業をこなすことができるようになり、仕事の生産性を高めることができます。 また、手を動か …
WEBプロモーションのプッシュとプル施策の特徴
閲覧者から見たWEBサイトは、いつでも自宅からアクセスでき、そこで詳細な情報が得られる場所なので、情報収集方法としてますます利便性が高まっています。 それに合わせて WEBサイトも充実したコンテンツで展開していますが、ほ …
Power pointのA4セミナーチラシ無料ダウンロード
セミナーや勉強会で使え、登壇者の写真を大きめに使ったA4サイズのチラシをパワーポイントで作ったので無料で配布します。 全てのパーツはパワーポイントで制作しているので、フォントや塗り・線の色味は一部を除き全て変更可能で、そ …
ムーブマンの手法を活用したデザイン
絵画やデッサンの技法で、動きを感じさせるような表現をムーブマンと呼び、ムーブマンは、人の心理的・生理的機能を利用して、実際には止まっている平面の中に動きを感じさせることです。 今回はエレメントが持つムーブマンを利用する方 …
WEBサイトでのペルソナ設計の方法
WEBサイトの設計を行う際、ターゲットとなるユーザーを想定することは重要で、そのターゲットユーザーを絞りに絞って、具体的な人物像に落とし込む仮説手法をペルソナ設定と呼び、今や一般的に認知されています。 ペルソナは、もとも …
