保存版！CSS3で出来る素敵なデザインやアニメーションをまとめてみた
主要ブラウザで使うことの出来る「CSS3」ですが、IE8に対応していないためにCSS3の基本や使い方は知っていても実務等では使う機会が少なかった(クライアントワークではIE8が対応ブラウザに含まれていたため)方もいらっしゃると思います。そうするとふと「あれ、あのプロパティはどう使うんだっけ？」とか「この要素だけにスタイルを適応するCSS3は何だっけ…？」など忘れてしまうこともしばしば…。 最近ではIE8のシェアは低くなり、またスマホサイト制作の機会も増えたためクライアントワークでもCSS3を活用したWeb制作が増えてきました。そこで今回は、まず覚えておくと便利な機能の復習とそれを応用し「これCSS3だけで作れるの!?」というような驚きの作品の数々をまとめてみました！ CSS3とは そもそも「CSS3」とは何のことでしょうか。改めてその定義を確認してみましょう。 「CSS」は、ウェブページの
小説作法 既出ネタありがちなネタ大全集
主にジュニア小説/ライトノベルの新人賞対策 粗筋 小説の冒頭を写さない。 本文で説明し切れなかつた設定の説明を粗筋で補完しない。 愚痴や弱音を吐かない。哀願しない。 煽り文句やキャッチコピーを書かない。本のカヴァに書かれてゐる惹き句を真似しない。 抽象的な書き方は避ける事。「善は悪に勝つのであった」の類。 教訓を書かない事。「主人公は冒険を経て、大きく成長するのであった」の類。 アニメやゲームの企画書みたいな事を書かない事。 本篇のうしろに綴ぢるのはやめて下さい。ちやんと前に綴ぢて下さい。 十人だか二十人だかのキャラクタをただ紹介した挙句、「こいつらの愉快な物語」……本当にそれだけの代物だと落とされますよ？ 本文 文体 安つぽい印象を読み手に与へる書き方。 常体(「だ」「である」)を使ふのが原則 敬体(「です」「ます」体)は避けた方が良い。田村登正氏がやつてゐますが、常体(「である」体)で
コンプライアンスポリシー: 同人誌・同人ゲーム・同人ボイス・ASMRのダウンロードなら「DLsite 同人」
0" class="notice"> 重要なお知らせが{{ mypageNotices }}件あります。
もっと光を ― ゲーテと印象派と終わりのクロニクル ― ライトノベルファンパーティー
０．はじめに 絵、イラスト、グラフィックス。 そうしたものは本来自由に描かれて、自由に見られるべきものです。 ですから、今回私の書いた理屈っぽいコラムは、「こんな見方もあるのか」程度にご覧になって頂ければ幸いです。 理屈は自由になるためのものであって、縛るためのものではありません。 ここに書いた理屈で、貴方の感じる色が広がることがあっても、狭くなってしまうことがありませんように――。 １．「終わりのクロニクル３」の不思議な色彩 まずは、さとやすさんの描いた電撃文庫刊、川上稔さん著「終わりのクロニクル３ 上中下巻」の ３冊の表紙イラストを見て下さい。形ではなく色を見て下さい。 これらはとても面白い色使いをしています。３冊とも少女が描かれていますが、その服の色は一体何色でしょうか？ ぱっと見ると上巻は水色、中巻は紫、下巻は黄色に見えます。 でも単純にそうと言えるでしょうか？ よ〜く見てみましょ
miyahan.com | 液晶ディスプレイとカラーマネージメント
液晶ディスプレイとカラーマネージメント 編 このページは、Apple MacBook Pro に関するトピックをまとめた「myLife with MacBook Pro」で、 大変反響を呼んだ WUXGA ワイド液晶ディスプレイに関するトピックを独立させたものです。 ◆ ページが正常に表示されていない可能性があります ◆ もしこのメッセージが表示されている場合、ページの表示に必要なファイルが読み込まれていないか、あなたがレガシーウェブブラウザを使用している可能性があります。 このウェブサイトは比較的新しいテクノロジーで制作されているため、Netscape 4、Internet Explorer 6 などの旧世代Webブラウザでは閲覧に支障を来すおそれがあります。 またこのようなブラウザは、セキュリティが不十分な可能性があります。当サイトでは、Firefox、Opera、Safari 等の安
lh3.jp - CSS Selectors test-suite テスト結果およびダイナミック擬似クラス対応状況一覧 (2009-03-09 現在 )
N/M ...... CSS Selectors test-suite のテストにて、全てはパスしなかったが M 項目中 N 個パス。なお、全項目にパスしていない場合でも、特定の条件のみパスしなかっただけといった場合（ buggy ）と、セレクタ自体をサポートしていない場合（ unsupported ）は区別して網掛けしています（薄い網掛けは buggy 、濃い網掛けは unsupported ）。※このページ上では、 buggy の背景色を #f56800 、 unsupported の背景色を #920f00 としています。 - ...... CSS Selectors test-suite のテストが動作せず。 Fx3: Firefox 3 ／ Fx2: Firefox 2 ／ Fx1: Firefox 1 ／ IE8 RC1: Internet Explorer 8 Release
Bonn-note > XHTML & CSS リファレンス [WEB ARCHIVES より]
はじめに 以下のリファレンスはフライソンさんが作られたものです。 以前、フライソンさんのサイト[WEB ARCHIVES]には、このリファレンスが掲載されていました。 しかし、ある日サイトにアクセスすると...おつかれ 煮るなり焼くなりご自由にと書いてあり、このリファレンスが入った圧縮ファイルが置いてありました。 なお、現在[WEB ARCHIVES]は完全に閉鎖されているようです。(ちなみにURLはhttp://fls.moo.jp/) このままではこの素晴らしいリファレンスがもったいないと言うことで、Bonn-noteで掲載することにしました。 そんなわけで、以下の事をご留意下さい。 最近検索して分かったんですが、結構いろんなところで公開されてるみたいですね。とりあえずこのまま置いておくつもりですが... 注意 以下のリファレンスはフライソンさんが作られたものです 掲載するにあたって許
アニメカラーチャート [よく訓練された素材屋]
銀の月動画計画 > あにめはっく.jp > 素材屋トップ > 制作ツール > アニメカラーチャート イラスト制作ツール - アニメカラーチャート アニメカラーをデジタル化？ 色見本 ■Photoshop/IllustStudio/CLIP STUDIO PAINT/FLASH/Painter用 2013-06-07 18:51:00 update イラストにアニメっぽい色を塗るためのカラーチャートです。 アニメカラーの色の値を測定して公開しているサイトのRGB値をもとに作成いたしました。 各種お絵かきソフトのカラーパレットとbmp,png画像です。 画像は、画像ソフトで開いてスポイトツールで色を拾ってご利用下さい。 Photoshopカラーパレット(.aco) CLIP STUDIO PAINT,IllustStudioカラーセット(.cls) (Flashカラーセット(.clr) ※ve
用紙サイズと画面サイズ
用紙サイズの規格には、A判とB判があり、それぞれの縦横比は1:1.4となっています。 また、A4判、B5判などのように、後に続く数字によって紙の大きさを表しています。 数字は、サイズが1/2になる毎に1ずつ増えていきます。 また、解像度は、1inch（25mm）あたりのドット数を、DPI（Dot Per Inch）という単位で表します。 以下に、各解像度毎の用紙サイズと画面サイズの対応表を示します。 A判用紙サイズ対応表 用紙 種類 用紙サイズ （mm） 画面サイズ（dot） 72DPI 144DPI 300DPI 600DPI
グラフィックデザインのメッカ「deviantART」をわかりやすくカテゴリわけしてみました
mkk-works.com 2024 著作権. 不許複製 プライバシーポリシー
CSSバグリスト＠CSSバグ辞典スレッド
『CSSバグ辞典スレッド』の要約 ここは、2ちゃんねるweb制作管理板内のCSS/DHTMLのバグを扱うスレッドで挙げられた、各ユーザエージェントのCSSやDHTMLの実装上のバグをまとめているサイトです。 更新履歴 WinIE171, 172、NN031、Opera091を追加。WinIE151を修正。（2004-11-29） WinIE169, 170、Moz085を追加。WinIE030, 039、Moz070、Opera048を修正。（2004-10-09） NN029, NN030、Moz084を追加。Moz033を修正。（2004-08-23） WinIE168、Moz082, 083を追加。WinIE022, 166を修正。（2004-08-08） Moz081、Opera090、Safari022, 023を追加。（2004-07-26） 以前の履歴 本拠地スレッド CSS
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はてなブログ | 無料ブログを作成しよう
http://www2.cds.ne.jp/~macride/howto/index.cgi?TYPE=Y