はじめに 前記事でこんなものを書いていました。 【前記事】ぼくの考えたさいきょうのCSSだけで2pxの縁取り文字 ☝上記記事を応用して出来ることが増えたのでまた記事を書きました。 text-shadowのドロップシャドウって薄くない? text-shadowって、ぼかしも利かせられて手軽にドロップシャドウ出来るのが便利ですよね。 でも、個人的にこれだと少し影が薄いかなーと思っていました。 ※文字色指定などは省いています。
![ぼくの辿り着いた濃いめのtext-shadow - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/404b2858a2fcf66075b721f6e3d4c966004197cb/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JUUzJTgxJUJDJUUzJTgxJThGJUUzJTgxJUFFJUU4JUJFJUJGJUUzJTgyJThBJUU3JTlEJTgwJUUzJTgxJTg0JUUzJTgxJTlGJUU2JUJGJTgzJUUzJTgxJTg0JUUzJTgyJTgxJUUzJTgxJUFFdGV4dC1zaGFkb3cmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtY2xpcD1lbGxpcHNpcyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTYxM2ZmOWEyZGRjYjIwMWQ4NjZjNTgwMjcyZDExNjY4%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwTm94R2l0JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz05MGQ3ZTU0MTAwMzFiNWZhOTdiZmNmYzMxZDY4NGUzZg%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D004815089dd82dc2a734b246f476975b)
こんにちは、WEBデザイナーの弓削です。 かなり今更な話となってしまいますが・・。 WEBサイトのページの修正の際にCSSを書き換えるケースはよくあると思いますが、 その時に一番困るのが、 1)クライアント様に修正依頼を頂いて内容を修正 2)修正後、情報を仮公開してクライアント様に連絡 3)「何も変わっていない」という指摘を頂く 4)CSSのキャッシュが原因で、修正前のCSSが表示されていた というケースですね。 一応、クライアント様に「スーパーリロード」を掛けてもらう事で解決する問題なのですが、 そもそも、スーパーリロードをしなくても自動でCSSが更新されて欲しいですよね。 方法としてはCSSファイルの指定の後ろにクエリを加える方法が一般的だと思います。 例えばこんな感じです。 ファイルを更新するたびに?201610261200の部分の数字を変更する事で、 ブラウザに新しいファイルという
サンプル 2007-05-30 テキストテキストテキストテキストテキストテキストテキストテキスト 2007-05-15 テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト 2007-04-30 テキストテキストテキストテキストテキストテキスト 2007-04-15 テキストテキストテキストテキストテキストテキストテキスト 2007-03-30 テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト ソース XHTML <dl class="list309"> <dt>2007-05-30</dt> <dd>テキストテキスト......</dd> <dt>2007-05-15</dt> <dd>テキストテキスト......</dd> <dt>2007-04-30</dt> <dd>テキストテキスト......</
最近のSEOの話題でよく出てくる言葉が、「SEOはコンテンツで勝負」とか、「ユーザーが使いやすいサイトにすることがSEOである」という言葉が非常に多く感じます。それまでは外部リンクの数や質についてとか、画像よりもテキストが多いほうがいいとか、キーワード比率が大切だとか、そういう技術論が多かったと思われます。最近では「小手先のSEO」と言われることもありましたが、そういう技術論の場合だと、やることがある程度明確だった気がします。 しかし、最近出てくるコンテンツ云々だったり、ユーザーフレンドリーなサイト、ということに関して、言ってることは非常に分かるのですが、具体的に何をすればいいのか、ということが分かりにくいというか、概要は分かったけど実際どうすればいいのか、ということまで論じているSEO関連のブログが少ない気がするんですね。 まぁ、そこはそれぞれのサイト管理者が考えて対応しなさいよ、という
cssでロールオーバー(ホバー)時に画像透過をさせ簡単にロールオーバーを表現する方法。 非常に簡単に画像のロールオーバーを表現ができるので紹介します。 ※上の画像は記事内容と全く関係ありませんm(__)m このブログでもロールオーバー(ホバー)時の表現として画像透過をさせているます。 以下のサンプル画像に、ロールオーバーしてもらえれば少し薄くなっているのが分かるかと思います。 その透過処理の方法なんですが非常に簡単です。 ■以下CSSでの画像透過の方法。 ロールオーバー時に画像透過をしたい「img」に以下のCSSを記述してください。 div#hoge a:hover img { opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; background: #fff; } ■ポイント ■filte
cssやプログラミングcss × クロスブラウザ cssとHTMLタグのマークアップ のみで実装出来るテクニック集 です。クロスブラウザ対応のみ をcss-playから探したので、 ついでにご紹介します。 cssとHTMLタグのマークアップ のみで実装出来るテクニック集 です。クロスブラウザ対応のみ をcss-playから探したので、 ついでにご紹介します。 jsが使えない環境でデザインする機会があったのでメモがてらエントリー。css-playを中心に、あとはググったりSBMで探したり。マークアップはリンク先をご確認下さい。css-playはソースを。 シンプルなドロップダウンメニュー シンプルなドロップダウンメニューです。マルチレベルのメニューも可能。 demo 縦並びのフライアウトメニュー 横に出るフライアウトタイプ。画像を使用しています。 demo クロスブラウザ対応のグラデーション
カルーセルパネル系のjQueryプラグインはかなり数が多いのですが、今回はjQuery本体のみ利用しプラグインを利用せず自作してみます。CSSとJavascriptを数行書き換えるだけで横型、縦型の2つが作れます。 プラグインを使わずにカルーセルパネル 横型 プラグインを使わずにカルーセルパネル 縦型 ではでは横型のカルーセルパネルを作っていきます。まずはHTML、CSSでカルーセルパネルの表示部分をつくります。内容を表示させるボックスを指定して、その中にリスト横並びに並べることにしましょう。両端にはリストを動かすボタン(「id=prev」「id=next」)を置き、これはCSSで配置を制御します。で、できたものは下記↓。 プラグインを使わずにカルーセルパネル HTML、CSSのみ ■HTML <div id="carouselwrap"> <div id="prev" class="hi
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
2010年代に突入して半月強、Kindleの国際展開やACCESSによる携帯電話での提供など、心なしか日本における電子書籍に関する話を目にする・耳にすることが増えたような気がします。個人的には昨年末にSony Readerを購入したこともあり、日本でもアメリカのように電子書籍が本格普及してくれればと感じています。 そんな電子書籍のフォーマットの1つに、ePubというものがあります。このフォーマットは「米国の電子書籍標準化団体の1つであるInternational Digital Publishing Forum(IDPF)が普及促進するオープンな電子書籍ファイルフォーマット規格」(Wikipediaより)であり、Sony Readerでは標準型式として採用されているほか、Google Booksでも採用されている型式です。現状ではKindleではサポートされていないようですが、オープン型式
低価格、短納期、高品質なWebサイト制作|ScuderiaWeb Webサイト制作をご検討中の方へ。ScuderiaWebが低価格・短納期・高品質なWebサイトを制作いたします。 ボディ部分がヘッダ・コンテンツ・フッタから成っているWebページの場合、ヘッダやコンテンツ部分のテキスト量によってフッタの位置は変わってしまいます。 テキスト量が多く、スクロールバーが表示されるようなページの場合、必然的にフッタはスクロールした先の画面最下部に表示されますが、テキスト量が少なく、スクロールバーが表示されないようなページの場合は、画面の中央にフッタが表示され、その下は不格好に空白ができてしまいます。 こういったスクロールバーが表示されない、テキスト量の少ないページでも、ブラウザの最下部にフッタを表示させる方法です。 フレームのように画面の上下に常にヘッダ・フッタを固定しておく方法は、ヘッダとフッタを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く