日本の伝統色 和色大辞典 - Japanese Traditional Color Names
原色大辞典とは 原色大辞典は1997年にオープンしたネットの色見本サイトです。 9種類の色見本と色に関する各種サービスから構成されています。 色見本コンテンツは ブラウザで定義されているHTMLカラーネーム、 日本の伝統色、 世界の伝統色、 Webセーフカラー、 パステルカラー、 ビビッドカラー、 モノトーン、 地下鉄のシンボルカラー、 国鉄制定の塗装色 の9つから構成され、特に日本の伝統色は古来伝わる先人の色彩感覚を現代に伝えるものとして多くの方々から支持をいただいています。 文字列と背景色の組み合わせを試せる配色大辞典、 規則性のある組み合わせから色を選べる配色パターン。 色見本の他にも、今日のラッキーカラー、 コトバから色を解析して調合する成分解析、 ストライプを生成するストライプメーカー、 グラデーションを生成するグラデーションメーカー、 あなたの好きな色と色を調合する色調合、 サ
乃木坂46のイメージカラー(パープルと白) | 色見本(6桁,RGB),類似色との違い
Category 年度別流行色 (40) 赤と別色の2色組み合わせ (12) 赤主体の3色組み合わせ (36) 明るい赤系と別色組合せ (21) 暗い(濃い)赤系と別色組合せ (15) 桃色系と別色の組み合わせ (23) 青と別色の2色組み合わせ (22) 青主体の3色組み合わせ (19) 明るい青系と別色組合せ (46) 暗い/濃い青系と別色組合せ (39) 水色と別色の組み合わせ (12) 黄色と別色の2色組み合わせ (22) 黄色主体の3色組み合わせ (4) 明るい黄色系と別色組合せ (33) 暗い黄色系(黄土色)と別色組合せ (25) オレンジと別色の2色組合せ (17) オレンジ系色と別色の組合せ (27) 紫色と別色の2色組み合わせ (18) 紫系と別色組合せ (41) 紫主体の3色組み合わせ (9) グレーと別色の2色組み合わせ (13) 緑と別色の2色組み合わせ (12)
乃木坂カラー(紫色)のカラーコードとRGBを真面目に分析してみた - 陰ながら乃木坂46と欅坂46と日向坂46を応援するブログ
私の職業はシステムエンジニアなのですが、仕事柄なのか、色々システム的なことが気になったりします。 で、最近気になったのが、乃木坂46のカラーとなっている紫色です。 あれって具体的にはどういうカラーコードなのかなぁと。 そこで乃木坂46の公式ホームページで利用されている色をみてみました。 ちなみにHTMLをみようとしたら右クリック禁止になってました(^^; が、まぁその辺は他の方法でみて、ホームページのデザインなどを設定するファイルであるcssを確認してみました。 主に使われている色(カラーコードとRGB)は以下でした。 #7e1083 R:126 G:16 B:131 #812990 R:129 G:41 B:144 #a051a2 R:160 G:81 B:162 #784b7a R:120 G:75 B:122 #be86c8 R:190 G:134 B:200 #c094c7 R:1
理の惑星
専門的な予備知識はいらない。難しい言葉もわからなくていい。必要なのは知りたいという好奇心。 たくさんの宇宙の噂が、いずれも真実とは限らない。連日発表される宇宙や惑星のニュースを、科学者たち自身の言葉で解きほぐして伝えます。 科学者の解説で理を知る ※最新情報は、理の惑星 公式Facebookページをご覧ください！ 2016年12月01日惑星わくわく！ Advent Calendar 2016作成 2016年11月19日惑星科学ナイト（黄昏）vol.06 ～ 惑星科学のすゝめ ～開催 2016年08月09日理の惑星5周年記念 オリジナルTシャツとオリジナルノートの受注販売開始 2016年07月29日プラネタリウムで話そう 〜子育てと宇宙はつながっている？！〜開催 2016年06月26日親子教室「アストロアドベンチャー ~地球外生命を発見せよ~」@はまぎんこども宇宙科学館 洋光台サイエンスクラ
FireFoxのスクロールバー分のズレをとるCSS
FireFoxのスクロールバー分のズレをとるCSS 2006年9月26日 FireFoxで表示したときページが縦方向にきっちり収まっているとき、スクロールバーの分だけスクロール時で表示されている時と比べてズレてしまいます。 デザイン自体には問題はありませんが、コンテンツが縦にきっちり収まっているページからコンテンツの長いページにページ移動する際にカクっとズレの動きが生じてしまいます。 な～んか気持ち悪いなぁと思ったときは body { overflow-y:scroll; } とするとページ移動の際のズレの動きがなくなります。 しかし、ＩＥ6、IE7ではブラウザ自体のスクロールバーとは別にもうひとつ内側にスクロールバーができてしまいます。 そこで対処法としてＩＥ６用CSSハックの*htmlとＩＥ7用CSSハックの*+htmlを利用して *html body { /*IE6だけに適
Tabio UK
Translation missing: en.sections.slideshow.pause_slideshow Translation missing: en.sections.slideshow.play_slideshow
JavaScript初級者から中級者になろう
戻る｜基礎第二回 基礎第一回 JavaScriptの書き方 基礎とはいえ、さすがにHTMLの書き方くらいは知っているという前提で書いていきます。 さて、Webページ上でJavaScriptを動かすには、scriptという要素を使います。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <title>test</title> <script type="text/javascript"> alert("test"); </script> <p>test</p> これを適当なhtmlファイルに保存して開いてみると、「test」というアラートが出ます。 ちなみに、「<html>」とか「<head>」「<body>」といったおなじみのタグがありませんが、実はこいつらは省略ができるんです。もちろん、実際にWebページを作るときは省略しないほうがい
Fireworksで[選択したスライスを書き出し]のフォルダ指定を簡単にする2つの方法 | Webデザインのタネ
一定期間更新がないため広告を表示しています
![Fireworksで[選択したスライスを書き出し]のフォルダ指定を簡単にする2つの方法 | Webデザインのタネ](https://cdn-ak-scissors.b.st-hatena.com/image/square/7c01e52cac20d8c312880f87f6284cf6a8514f5a/height=288;version=1;width=512/https%3A%2F%2Fimg-cdn.jg.jugem.jp%2F92c%2F73210%2F20100602_1620947.gif)
jQueryとPHPで作るサムネイルがスライドするギャラリー – creamu
サムネイル表示のあるフォトギャラリーを作りたい。 そんなときに参考になるのが、『Fresh Sliding Thumbnails Gallery with jQuery and PHP』。jQueryとPHPで作るサムネイルがスライドするギャラリーです。 マウスオーバー状態でカーソルを動かすことで、サムネイルをスライドさせることができます。クリックすると、大きくプレビュー表示されますね。 右上のドロップダウンで、アルバム管理もできるようなので、複数のセットを見せることができます。 デモは以下から。 View demo ソースもダウンロードできるので、一度見てみてください。 Fresh Sliding Thumbnails Gallery with jQuery and PHP iPhone版も作られています。 Awesome Mobile Image Gallery Web App やっと
CSSで実現させるクロスブラウザ対応のドロップシャドウテクニック「Cross-browser drop shadows using pure CSS」
TOP > WebDesign , WebService > CSSで実現させるクロスブラウザ対応のドロップシャドウテクニック「Cross-browser drop shadows using pure CSS」 WEBデザインをよりリッチにそして作り込んでいる感を与えてくれるドロップシャドウ。ドロップシャドウをつける方法は沢山ありますが、様々なブラウザで同じような見せ方をするためには画像を作成したり、背景が複雑な場合は透過PNGをIEでもよみこませるようにして、背景にしたりと色々と面倒です。今日紹介するのはCSSのみでクロスブラウザに対応したドロップシャドウを作るテクニック「Cross-browser drop shadows using pure CSS」を紹介したいと思います。 上記が、各ブラウザでのドロップシャドウの見せ方のサンプルとなります。色の濃さなど細かなところは違う
研究室ウェブページ作成の心得?! | いきいき研究室増産プロジェクト
私はこれまで、本プロジェクトや修士の研究の関係で、かなりの数の「研究室のウェブページ」を見てきました。 先日、とあるきっかけで「経験上、“学生の名前＋その学生の卒業（修士）論文のテーマ”をウェブページに載せている先生は、学生指導に一家言持っていることが多いよ。」という話を同期にしたら、感心されました。 せっかくなのでこの機会に、研究室ウェブページ作成の心得（?!）をメモとしてまとめてみました。なお、ここでの内容は「学生（特に研究室配属に迷える学生）にとって親切な研究室ウェブページ」を想定しています。 ○●○●絶対載せるべき基本情報○●○● 研究室の研究テーマ（ここで研究を通じた夢を描くこと、実際に研究室で学生がどのようなテーマの研究をしているのかを、研究室配属前の学生にも分かる言葉で説明することがポイントのようです） メンバー構成（これでぐっと研究室の中身が具体的にイメージできます。もし可
このページの先頭へ、をちょこっとおしゃれに | S i M P L E * S i M P L E
ブログでもサイトでもよく見る「このページの先頭へ」のリンク。長～いページだとそのリンクで一瞬に先頭に行ってしまい、読んでいる人が混乱することもよくあります。 そこでご紹介したいのが「するするるーーー」と先頭まで戻ってくれるJavascript。このブログでも導入してありますので是非体験してみてください。 ↑ ページの下の方でこの「↑」を押すとするすると上まで戻ります。 導入方法は簡単でJavascriptを導入し、「このページの先頭へ」リンクにonClickイベントを仕込むだけです。 仕込むJavascriptはこちら。ちなみに元ネタは「A (slightly) better technique for “Back to Top” links.」です。ページ内に書き込んでも、外部ファイルにしてもいいでしょう。 function backToTop() { var x1 = x2 = x3
CSS Gradient Text Effect
Do you want to create fancy headings without rendering each heading with Photoshop? Here is a simple CSS trick to show you how to create gradient text effect with a PNG image (pure CSS, no Javascript or Flash). All you need is an empty <span> tag in the heading and apply the background image overlay using the CSS position:absolute property. This trick has been tested on most browsers: Firefox, Saf
Stu Nicholls | CSS PLAY | CSS scrolling tables
Information If you have a lot of table data but not much room to display it, then this might be the answer. A css only styled table with fixed column headings and footer and scrolling content. Method #1 This uses two outer containing divs and a single table. Internet Explorer has a scrolling 'caption' whereas Firefox has this fixed along with the column headings. Opera fails at the moment but I am
404 | American Express Serve® Account
Sorry, nothing here! We looked everywhere, but couldn’t find that page. Home For immediate assistance call our Customer Care Professionals at: 1-800-954-0559 Currently there are no cash reload locations in the US Virgin Islands. The American Express Serve® family of reloadable prepaid accounts are available to U.S. residents who are over 18 years old only (or 19 in certain states) and for use virt
In intense conditions, set up sea anchors or drogues to assist stabilize your boat and decrease drifting in tough seas or excessive winds.
Choosing the suitable vessel on your boating life-style is an exciting yet important choice that can substantially effect your average experience on the water. Whether you’re a pro sailor or a first-time boater, choosing the right form of boat requires careful consideration of different factors, which include your choices, finances, intended use, and preferred features. In this manual, we’ll explo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
10do.jp
IDEA * IDEA
CSS-Only Accordion Effect: Vertical Accordian
http://cssglobe.com/lab/overflow_thumbs/