菊池 崇の実践！CSS3道場CSS3（Cascading Style Sheets,level 3）がいよいよ実用段階に入ってきた。大半のモダンブラウザーで実装が進み、アップルやグーグルなどの先進企業がCSS3を本格的に活用し始めている。デザイン表現の自由度を広げ、マークアップの効率を上げるCSS3のTipsを具体的なサンプルとともに紹介する。
ff4のPCを解体
2019.07.20 Sat サプリメントは…。 notitle 2019.07.20 Sat 便秘が常態化して…。 notitle 2019.07.20 Sat 健康食品と言いますのは…。 notitle 2019.07.20 Sat 「健康な体を維持したい」という願いを持っている人にとって…。 notitle 2019.07.20 Sat 生活習慣病と申しますのは…。 notitle 2019.07.20 Sat 医食同源という言い方があることからも推定できるように…。 notitle 2019.07.20 Sat 今ブームの黒酢は健康習慣として飲用するだけでなく…。 notitle 2019.07.20 Sat 生活習慣病というのは…。 notitle 2019.07.20 Sat 黒酢は強い酸性のため…。 notitle 2019.07.20 Sat ちょくちょく風邪で寝込んでしま
[CSS]さまざまなデザインのドロップシャドウを適用するチュートリアル
CSS2の疑似要素を使用することで、HTMLを汚さずに、さまざまなデザインのドロップシャドウを簡単に適用することができます。 その美しいドロップシャドウのスタイルを適用するチュートリアルを紹介します。 画像の使用は一切ありません。 CSS drop-shadows without images デモページ [ad#ad-2] デモの対応ブラウザは:before, :after, box-shadowなどを使用しているため、Firefox 3.5+, Chrome 5+, Safari 5+, Opera 10.6+ です。 下記に、デモにある5つのドロップシャドウを紹介します。 HTML HTMLはdiv要素にスタイルシートを適用します。 5つのドロップシャドウはclass名を変更するだけです。 <div class="drop-shadow round"> <h1>CSS drop-sh
ビリヤードで学ぶ「サイトモチベーション」の考え方 (1/3)
Webサイトを作るときに私が強く意識しているのが「モチベーション」という考え方です。ユーザーにうまくモチベーションを与えられると、「自分にとって役立つ情報」として真剣に読んでくれます。他人ごととして読むのと、自分ごととして読むのでは、情報の吸収量や理解度が違ってきますから、サイトマスターはユーザーのモチベーションを高めるサイトを用意することが大切です。私はモチベーションを「ユーザーの興味を受け止めること」と「興味を維持させること」の2つの視点で捉えて、サイト構成を考えています。 ユーザーのモチベーションを2つの視点で考える モチベーションはもともとは「動機付け」という意味ですが、一般的には「意欲」「やる気」などの意味で使われています。では、Webサイトにおける「モチベーション」とは何でしょうか。以前紹介した「サイトストーリー」が「情報を伝える物語」とするならば、モチベーションは「物語を語り
Webサイト制作でよく出てくるコンテンツとそれによく使うディレクトリ・ファイル名の一覧 - btmup Blog
Web 制作のことを中心に、ちょっとした Tips などを掲載しています。「自分用メモ」が基本スタンス。 btmup Blog ディレクトリ名とかファイル名って、ちゃんとしようとすると意外に時間がかかるもの。 ページタイトルを直訳すれば良いってもんでもなく、いくつかある候補から内容に一番合った単語を見付けてこないといけない。 いちいち英語を調べるのもメンドいし、かといって「gaiyo」とかじゃ気持ち悪いし、どうしたもんかねー、とずっと思っていました。 で、今回、勢いでざっくりとまとめてみたのでついでに公開します。 本当にざっくりなので抜けもあるだろうし「それくらい書かんでも分かるわボケ」なものもあるでしょうけど、まぁそれは追々。 ディレクトリ名やファイル名として使用することを前提としているので、文法とかは全く考慮してませんので悪しからず。 最近、医療・病院関係のサイトに仕事で関わることが多
フリーで使える商用可能な写真の効率的な5段階の探し方: 世界中の１％の人々へ
"Yawning wolf" Photo Credit:Tambako the Jaguar パブリックドメインのライブラリで写真を探し回るのは時間の無駄。Wikimedia Commonsから探すといい! 3月26日に発売される『Movable Type 5実践テクニック』には、商用利用可能なテーマが3本専用サイトからダウンロードできるようになっているのだけど、制作過程で一番苦労したのは、IAでもデザインでもなくて、コンテンツを埋めることと再配布可能な画像を探すことだった。 これたのテーマで利用した写真のほとんどはパブリックドメイン（Public Domain）の写真を使いましたが、かなりの時間を費やして写真を探した結果、パブリックドメインのライブラリを順番に探していくのはあまりにも非効率的であることに気づいた。まず多くの画像ライブラリはUIが酷すぎる。検索結果にサムネールがでないライブ
連載インデックス「どこまでできる？ 無料ツールでWebサイト作成」 - ＠IT
連載インデックス 「どこまでできる？ 無料ツールでWebサイト作成」 無料のWebサイト作成は業務レベルでどの程度使えるのか？ 本連載では、さまざまな無料ツールを使用したサイト開発を掘り下げていく 業務で使える！ 無料Webサイト作成ツール集 Webオーサリングツールを使ってみよう：特別編 HTML＋CSS、JavaScriptでWebぺージを作るときにどんなツールを使ってますか？ 無料でも便利なものがたくさんあります
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTMLタグボード - HTMLタグ一覧、CSSリファレンスなど