CSS3のtext-shadowで作ることができるテキストエフェクトいろいろ CSS3にてテキストに影を付けるtext-shadowプロパティが追加されましたが、これを利用して単純な「影」としてだけではなく、様々なエフェクト効果に見せるいくつかの例が公開されていたので紹介してみたいと思います。 (なお、以下の記事はCSS3に対応した最近のブラウザを対象にしたもので、ブラウザによっては動作しない場合がありますのでご注意ください) {text-shadow}プロパティの基本
どのキーワードに重みづけをするか迷ったらコレ やっぱり、自分だけの実感だとダメですね、思い切り違ってました。もちろん、それが成果に直結するのかまでは未知数なわけですが、それでも独断よりはマシでしょう。 Google トレンド http://www.google.co.jp/trends/ 使い方は簡単。Googleトレンドで、画面左側に比較したいキーワードを入力していくと、検索ボリュームを期間を指定して調べることが出来ます。 示されるのはあくまで傾向ですが、それでもアップトレンドなのかダウンなのか分かるのは嬉しい。青は思った以上に伸びてるけど、緑もやっぱり手堅いな・・・。 地域もわかります。面白いですね、こんなに地域性あるんですね。北海道が何気に全制覇。 関連フレーズもわかります。人気なものと急上昇なものとわかります。思ったイメージとそうでなかったものの気づきとあってホント助かります。 ほ
作成:2013/01/28 更新:2014/11/01 Tool > Webサービス フリーソフト、無料ツールなのにここまで使える 前回、無料素材をご紹介しました。 今回は無料で使える「ツール」をまとめます。フォント、画像、配色、htmlからエディター・アフィリエイトリンク作成補助まで。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 1.フォント 2.画像編集 3.ロゴ作成 / ネタ 4.配色 5.HTML5 6.CSS 7.ブラウザチェック 8.エディター 9.アフィリエイトリンク作成 10.フォーム作成 1.フォント PCにインストールされているフォント一覧をプレビュー Font picker イラスト等に使われているフォントを調べる WhatTheFont Windows上のテキストをくっきり、見やすく表示。 gdipp - k本的に無料ソフト・フリー
前回との比較 前回の調査から2年半が経過している訳ですが、今回調べた中でリンクのデフォルト色を使っているサイトはありませんでした。リンクの色はデフォルト色より、やや弱い青色にするというのが浸透してきたように感じます。 NAVERとlivedoorのリンク色が同じになっていたのは経営統合の影響でしょうか。 また、「はてブ」や「にこにこ動画」のように青系でない色を使っているサイトもありました。はてブはリニューアルによって大きく変わったのですが、リンクの色を黒色ベースにしていたんですね。調べるまで気づきませんでした。 最適なリンクの色は? 「リンクは青色」という認識は多くのユーザーに浸透しているので、一般的には青色をベースにするのが無難と言えます。具体的にはデフォルト色だと少し青が強すぎるので、やや”青”を弱くした色がいいでしょう。 但し、サイトのジャンルによっては青色を避けるというのも一つの選
とりあえず速報 【モバマス】シンデレラガールズ劇場72話が修正される この話題興味深いのでちょっと紹介。 っつってもソーシャルやらない人にはなんのこっちゃの話ですね。 最近、ソーシャルアプリもキャラものが増えて来ました。 アニメキャラを使ったアプリ、ではなくて、ソーシャルアプリの中で産まれたキャラクターです。 そのキャラを使ったアプリ内マンガ、ってのもあるんです。 ●『アイドルマスターシンデレラガールズ』の場合● 一番わかり易いのは『アイドルマスターシンデレラガールズ』だと思います。 もともとアイマスのゲームから派生してモバゲーになったもので、本来の765プロのキャラも出ていますが、『シンデレラガールズ』のマンガには、アイマスキャラは一切出て来ていません。 今後出てくるかもですけれども、あくまでも「シンデレラガールズ」で成立してるんです。 アイドルマスター シンデレラガールズ×スクウェア・
このブログの見出しはシンプルなんですが、CSSの「:before」や「:after」など擬似要素を使えば色々と装飾ができますので今回は8つのサンプルを紹介します。 HTMLはすべてHタグだけです。特に意味はありませんが今回のサンプルはh4タグを使っています。 「:before」「:after」やボーダーで表現する三角形の使い方など慣れない方もいるかもれませんので、その都度簡単に解説していきます。「:before」「:after」疑似要素はIE7以下は非対応ですのでご注意ください。 今回のサンプルは別サーバにアップしていますのでご覧ください。 それでは今回8つのサンプルを紹介していきます。 1. 吹き出しのような見出し1 吹き出しの下の部分を:after擬似要素で作っています。三角形はボーダーで作っています。下の画像を見ると何となくイメージできるでしょうか。今回の場合は上の赤い部分のみ色を付
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く