H1一つでここまで出来るCSS見出しデザインのアイデア9個 / SQUEEZE - Web Design Studio -
HTMLはh1要素だけで、CSSの「border」や「box-shadow」「transform」「linear-gradient」、擬似要素の「:before」や「:after」を使った見出しデザインをご紹介します。まずはサンプルをご覧ください。 サンプルページ » 01.切り取り線 紙を切り取ったようなデザインです。 サンプルとソースを見る » ポイント垂直方向の影のオフセット距離を設定しただけでは、左右両脇にも影ができてしまうので、一旦5px下に影をオフセットしたうえで、広がり距離を負の値(-4px)にし縮小することで、上部の影のみを残しています。 border-top:1px dashed #aaa; border-bottom:1px dashed #aaa; background:#eee; text-shadow:1px 1px 0 rgba(255,255,255,1);
昔は画像を使っていたけど、今は使わなくても再現できるもの色々。 | 福岡 ホームページ制作のブレンドデザイン
2014年03月07日 日々思うこと 昔は画像を使っていたけど、今は使わなくても再現できるもの色々。 Tweet ホームページ制作に関する技術も年々進んでいて、昔は画像を使わないと実現できなかったものも、今は使わずにできるようになったものが色々とあります。CSSという文字や背景の色、レイアウトなどを指示するファイルをホームページ制作に使用しますが、追加機能が加えられたCSS3を使うことで画像の代わりに再現できるようになりました。 画像を使わなくて済むと、画像よりもファイルサイズが小さくて済むので、ホームページの読み込みが速くなったり、編集がしやすくなったり、画像を作る手間が省けたりと利点が色々あります。具体的に何が変わったのかをご紹介しておきます。 1.グラデーション 昔は背景にグラデーションを使いたい、といった時はグラデーションの画像を用意していました。今はCSS3でグラデーション
これは便利！アイコン型WebフォントのCDN「Font Awesome」
まず、以下のコードでWebフォントの呼び出します。 後は、表示したいところにコードを挿入するだけです。サイト内のアイコンをクリックするとコードが表示されます。 この基本形にクラスを追加すると色々とカスタマイズすることができます。 ちなみに「fa」は表示の基本となるスタイルで「fa-sitemap」はアイコンの種類を表します。スタイルの中身はこんな感じです。 .fa { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa-sitemap:before { content: "\f
インチキなし、正統SEOテクニック完全攻略ガイド基本編
SEOの基本テクニックを網羅的にまとめてみました。 ２４個の技を紹介しています。 titleタグにキーワードを入れる お役立ち度：★★★★★★★★☆☆ HTMLの<title>タグの中に上位表示させたいキーワードを入れましよう。 SEO効果があります。それも相当大きな効果があります。 以下、タイトルの決め方について考えていきましょう。 たくさんキーワードを詰め込みたいところですが、それは避けるべきです。 SEOは昔話と同じで、欲目を出すと罰を喰らいます。１～３個のキーワードが妥当でしょう。 タイトルの中でも、より前にある単語が重視されると言われています。 つまり、『新宿ラーメン山田堂』というタイトルにすれば、 「新宿 ラーメン」で検索したとき順位が上がり、 『ラーメンなら新宿山田堂』というタイトルなら、「ラーメン 新宿」で検索したときに強い、と。 もっとも、私はその辺りあまり気にし
CSSのみで実装するボタンデザインやホバーエフェクト 20＋α - NxWorld
実際に使用したものやいつか使うかもと思ったものをJSFiddleやEvernoteなんかでバラバラにメモしていたのですが、それらの中でよく使いそうなものを一覧化したものが欲しかったのでまとめました。 今となっては様々なところで用いられていますし、もっと凄くて面白い動きを実装しているチュートリアルなんかも沢山見かけますが、個人的に汎用性高いと思うもの中心です。 対象ブラウザに古いIEなどが含まれている場合はもちろん使えませんが、いずれもjQueryや画像などを一切使用せずにデザインやアニメーションも全てCSSのみで実装しているものです。 また、同様にCSSのみでクリエイティブなボタンデザインやエフェクトを実装できるエントリーや便利なジェネレータツールなども備忘録兼ねて併せて紹介します。 CSS3を多用しているため、ブラウザ（特にIE7・IE8など）によっては動きや見栄えが説明と異なる場合があ
レッスンモニター生企画 Vol.1 | CLARITY ARTS SCHOOL | Projection・Practice・Promotion
クラリティ アーツ スクールでは１ヶ月間、限定１０名で、 プロモーションを兼ねたボイストレーニングのモニター企画を実施しました。 １人１人のレッスンを撮影し、モニター生が１ヶ月間のみでどのぐらい上達できるのか？ みなさまに判断していただくためです。 今回は合計９名のモニター生が集まり、信じられない程の成長を成し遂げました。 その９名の中でも特徴的な成長をした４名にクローズアップします。 1ヶ月間のモニター期間に明らかな変化を遂げた４名の レッスン風景をトレーナーからの解説と共にお送りします。 ボイトレ１ヶ月間で歌はうまくなるのか？ ムービーを見てご自分の目で是非確かめてください！ 辻寛子トレーナー エモーショナルボーカルレッスンとは？？ ボーカルトレーナー”辻寛子”が、あなたの歌を感情表現豊かで聴く人の心を動かす歌へと導きます。 ①呼吸 ②音程 ③発音 ④心 この4つに焦点を当てたレッスン
DropboxのCEOドリュー・ヒューストンが説く「起業初心者が成功するために大切な3つのこと」 | ライフハッカー・ジャパン
疲れやすい、呼吸の浅さを改善。ストレッチポールは毎日使いたいほど気持ちがいい!【今日のライフハックツール】
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
買うに値しない水
2012年10月24日 買うに値しない水 ☆*ﾟ ゜ﾟ*☆*☆*ﾟ☆*ﾟ ゜ﾟ*☆*☆*ﾟ 探偵社 ガルエージェンシー埼玉南は… →探偵で直接アクセス →探偵または埼玉の探偵 ゜ﾟ*☆*☆*ﾟ ゜ﾟ*☆゜ﾟ*☆*☆*ﾟ ゜ﾟ* 今朝の朝陽。 草？ 金木犀も散り始めました。 おはよっ！ 昨夜は久々に、 夕食をガッツリと。 美味しかった〜。 さて。 安全で美味しい水を求めて、ペットボトルやウォーターサーバーを導入されている方が多いと思います。 ところで、水源地にこだわって購入されているでしょうか。 いきなりですが、 関東の水は全て汚染 されているようです。 それだけではありません。 市販されている有名ブランドのほとんどが硝酸態窒素で汚染されているようです。 詳しくはこちら。 硝酸態窒素が人体に与える影響はこちら。 ダメじゃん、これ！ と、備蓄していた南アルプス天然水。 さっさと使い切りましたよ
ネットマーケティングでまず押さえたい「FMOT」「ZMOT」という概念：中小企業のIT営業戦略術：オルタナティブ・ブログ
中小企業がITを活用して売り上げにつなげるにはどうしたらいいか？WEBマーケティングとWEB戦略コンサル実績350社50業種以上の実績とノウハウで、海外の最先端情報を中心に、噛み砕いてご紹介。 作成者：中山陽平 前回の記事で「Shopper Marketing Summit」でのGoogleのプレゼンテーションをご紹介しました。 前回記事：「スマートフォンの発達がどのように消費者行動を変えていくか？」 この中で、 消費者が購買行動を起こす際には、ネット上の情報をチェックすることが当たり前になりつつある 「プレストア」でも「インストア」でも同様の傾向 といったことをご紹介しました。 今回は、その変化を抑える上で前提となる、大切な1つの概念について、再確認したいと思います。 それはZMOT（Zero Moment Of Truth）です。 ZMOT、Zero Moment of Truthとい
HTML5 Conference 2013 講演資料まとめ #html5j
※本サイトではアフィリエイト広告を利用しています。記事内および商品リンクにはプロモーションが含まれる場合があります。 こんにちは、星影（@unsoluble_sugar）です。 11月30日に開催された「HTML5 Conference 2013」の発表スライドや動画などの講演資料をまとめました。 HTML5 Conference 2013 ※リンクミスや追加情報などありましたら、コメントまたは@unsoluble_sugarあてにお知らせいただけるとありがたいです 基調講演 次世代Web、深まる。広がる。 関連記事村井純教授。IT戦略は前倒しで実現される。7年先の夢を語ろう！ HTML5 Conference 2013招待講演 Webのモバイル対応には、Webが社会に定着する上での真の問題や課題が隠されている。HTML5 Conference 2013基調講演 2000人のイベント開催に
いい言葉ねっと By Shu
自分が「いいたいことをいう」という前提には、 相手のいうことはちゃんと聞く、 という関係が必要です。 相手だって「いいたいことはいいたい」のですから…。 (上品な話し方、塩月弥栄子)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
新着記事
遠距離恋愛中の男女が実際に走って会いにいく、愛の距離感を伝えるCM | feely[フィーリー]![遠距離恋愛中の男女が実際に走って会いにいく、愛の距離感を伝えるCM | feely[フィーリー]](https://cdn-ak-scissors.b.st-hatena.com/image/square/2d7039f0e4e53bf79055a9cb5ec23fc5fffddc2f/height=288;version=1;width=512/https%3A%2F%2Ffeely.jp%2Fwp-content%2Fuploads%2F2014%2F02%2F9c8f768715b4807610a55bae78e20803.png)
3Dプリンターはアートも変える？ とっても意味深なハイヒールの彫刻 : ギズモード・ジャパン
CLARITY ARTS SCHOOL - ARTIST PLAY HOUSE
Pepmalibuのブログ
Home Décor Store | Affordable & Modern Furniture | One Kings Lane
ギルト