かわいい系デザインに使えるCSSいろいろ
2015年2月18日 CSS 過去に書いた「かわいい系デザインに使えるフォントや素材、デザインアイデアを集めました」という記事でかわいい系デザインの作り方を紹介しました。今回はかわいい系第二弾！CSSだけでできるかわいい小技をいくつか紹介します。すべてデモ付きなのでイメージしやすいかな？と思います。デモ画面内にある「HTML」「CSS」タブでコードが表示されるので、コピペして使ってくださいね！ ↑私が10年以上利用している会計ソフト！ 目次 キラキラ系テキスト マーカーでラインを引く ステッチ風ボックス リボン 画像をハート型で切り抜く ハートの鼓動 ラブビーム 1. キラキラ系テキスト 某ギャル雑誌（もう刊行されてないのかな？）で毎回見かけていたこの白抜き＋明るい色のシャドウ。CSSでは text-shadow を用いて表現できます。ポイントは文字を白に設定し、シャドウの横位置・縦位置と
人の心を動かすコンテンツの作り方。反響ゼロのサイトが意識していないこと | 企業ホームページ運営の心得
コンテンツは現場にあふれている。会議室で話し合うより職人を呼べ。営業マンと話をさせろ。Web 2.0だ、CGMだ、Ajaxだと騒いでいるのは「インターネット業界」だけ。中小企業の「商売用」ホームページにはそれ以前にもっともっと大切なものがある。企業ホームページの最初の一歩がわからずにボタンを掛け違えているWeb担当者に心得を授ける実践現場主義コラム。 宮脇 睦（有限会社アズモード） すべての文章は「人を動かす」ためにあります。営業日報は活躍を上司にアピールするためですし、処罰感情の軽減を狙うのが反省文です。悲恋を描いた小説は泣かせるためにあり、広告に添える文章は「買わせる」狙いがあります。物理的な行動というより「心を動かす」のです。「便所の落書き」だって「笑わせる」ために書かれており、ブログを含めたコンテンツも同じです。 ところが、世の中にある文章の大半は人を動かすことを意識していません。
デザイナー必見！SimilarWebでバナーからランディングページまでのデザインを調べる3ステップ
SimilarWeb PRO版を使えば、ディスプレイ広告で集客に成功しているホームページがわかります。さらには、そのバナー広告のデザインやランディングページまで、すべてといかないまでも調べることが可能です。 本記事では、ランディングページの精度向上に役立てるSimilarWeb PRO版（有料版）の使い方を解説します。 参考リンク：SimilarWeb（シミラーウェブ） バナー、ランディングページのデザイン調査の流れ 1.ディスプレイ広告でのトラフィックランキングを調べる。 2.そのホームページのバナー広告を調べる。 3.実際のランディングページを探す。 ランディングページは、キャンペーンなどに使われることが多いものです。ですから、この手法は、ディスプレイ広告での集客に力を入れているところはランディングページを持っているだろうという仮説に基いて調べていきます。 さすがに売上など実際の成果ま
PCサイトのUIデザインにおける12のトレンド | ベイジの社長ブログ
スマートフォンの普及で、PCで閲覧するWebサイト（以下、PCサイト）に対する注目度は下がっています。しかし、BtoBのデジタルマーケティングにおいては、PCサイトが今後も戦略の中心になるでしょうし、BtoCにおいても、PCサイトが不可欠な領域もまだまだ多いです。 ハードウェア的に大きな変化のないPC向けのWebデザインというと、ノウハウは固定化されている印象もありますが、実際には時代の流れを受け、今も変化を続けています。特に以下のような環境変化が、PCサイトのUIデザインにも大きな影響を与えています。 表示デバイスの多用化 スマートフォンアプリの一般化 タッチスクリーンの普及 トレンドに合わせれば成功、というではありませんが、その根底に流れているユーザ動向の変化については、十分に理解しておく必要はあるでしょう。そこでこのエントリーでは、PCサイトのUIデザインにおける最新動向を、その背景
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
