カルーセルの基本的な使い方とデザイン
カルーセルは、サービスサイトやコーポレートサイト、採用サイトなどのファーストビューのエリアでよく見るUIで幅広く利用されており、複数の選択肢やコンテンツを並列に表示します。 カルーセルは、回転木馬という意味で、Webサイ …
プロジェクトマネジメントとPMBOK
プロジェクトをwikipediaで調べると、計画・設計といった言葉が多く並び、事業や業務で期間や目標といったゴールが定められ、事前に業務開始から終了までの計画をしっかり立てた上で実行されるものを指しますが、勘を頼りに手探 …
SANGOのテーマに合いそうなちょっと変わったカード型デザイン5種
SANGOのテーマには標準でいけてるカード型デザインが、ショートコードを入力することで全体感に馴染むデザインがすぐに使えます。 このカード型デザインをベースにYouTubeの動画や、mp4の動画をサムネイル風に使えるカー …
SANGOのテーマに合いそうなタブ切り替えボタンのデザイン3種
SANGOのテーマのトップページにはタブ切り替えで、各カテゴリのサムネイル表示ができるブロックがあります。これを好きなところに色々使えるようにタブ切り替えのデザインを作ってみました。 今回は、SANGOのテーマに合いそう …
SEOでやってはいけないHTML＋CSSの6つの偽装行為とHTMLの適切なマークアップ
検索エンジンとスパム行為は切っても切れない関係で、現在でもさまざまなスパム手法が実施されては検索エンジンが対応する、 というイタチごっこを繰り返しています。 また、適切なマークアップも日々進化するのでアンテナを張っておか …
HTMLとCSSのコピペでできるモーダルウィンドウのデザイン3種
モーダルウィンドウはポップアップに近く、ポップアップウィンドウはポップアップしている最中でも他のウィンドウを開くことが出来ます。 ですが、モーダルウィンドウは何らかの操作が完了するまで他の画面に遷移することが出来ない為、 …
SANGOのテーマに合いそうなボタン＋アコーディオンのデザイン3種
当サイトでも使用しているSANGOのテーマには、イケてるデザインやオブジェクトが標準で多数使えるようになっていますが、ちょっとオリジナル感を出したい＋アコーディオンをちょっと違うデザインで使用してみたい用に3つ作りました …
HTMLとCSSのコピペでできるカルーセル・スライダーのデザイン2種
よく聞くWEBで使用するカルーセルとスライダーには明確な違いはなく、どちらで検索してもほとんど同じ結果になりますので、あまり気にする必要はなさそうです。 このカルーセル・スライダーには様々なパターンがあります。 jsで実 …
HTMLとCSSのコピペで実装できるカード型デザイン7種
Googleが推奨するマテリアルデザインは、デザインを最適化しやすいように装飾を減らし、シンプルなデザインでユーザーが直感的に使いやすいように設計された手法の一つです。 カードデザインは、専用のガイドラインページが用意さ …
Illustratorのショートカットとコピペでできるキーボード風のHTML＋CSS
ショートカットをつかいこなせるようになることで、都度都度マウスを動かしたり、パレットから対象の動作を裏部必要もなく、スムーズに色々な作業をこなすことができるようになり、仕事の生産性を高めることができます。 また、手を動か …
