Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
※こちらの記事が400はてブ以上ついて、総合とテクノロジーの人気エントリーに入りました! こんにちは。Kazutaka Shimizuです。 フリーランスとしてPM、エンジニアをやっています。 元々はWebマーケティングのコンサルタントをやっていましたが、独学でWeb開発を勉強してプロダクトを作って起業しました。 最近は創業した会社を離れ、フリーランスとして活動したり、プログラミングを独学した経験をこちらのツイッターで発信しています。 みなさんはGoogle Chromeのデベロッパーツールをご存知ですか? ドットインストールなど一部のプログラミング学習サービスでは、デベロッパーツールのレッスンがあるなど、おそらく全く知らない人はかなり少ないと思います。 しかし、とにかく多機能なため、意外と便利な機能を使ったことがないというプログラミング初心者の方も多いようです。 僕自身、何度か自分のTw
google.load('visualization', '1', {'packages': ['geochart']}) rand = -> parseInt(Math.random() * 100, 10) drawRegionsMap = -> data = google.visualization.arrayToDataTable([ ['City', 'Population'] ['Hokkaido', rand()] ['Aomori', rand()] ['Iwate', rand()] ['Miyagi', rand()] ['Akita', rand()] ['Yamagata', rand()] ['Fukushima', rand()] ['Ibaraki', rand()] ['Tochigi', rand()] ['Gunma', rand()] ['Saitam
モーダルダイアログを使うメリットとしては、他のウィンドウが操作できなくなり、 モーダルで表示されている画面のみ操作が可能、という効果があります。 たいていはJavaScriptの関数を使ってモーダルダイアログを生成しますが、 ここではCSSを使って、同じ画面内で擬似的にモーダルダイアログのような 効果を出す方法を紹介します。 modal.html 元ネタはJavaScriptライブラリのLightbox JSですが、CSS/JavaScriptともに 最低限の記述に抑えて、少し加工しています。 内容は、通常の画面と擬似モーダル画面をstyle.displayで切り替えているだけです。 擬似モーダル画面は、CSSでレイアウトや重ね合わせを制御しています。 同じ画面内でモーダルのような効果を出すため、 別ウィンドウで表示するモーダルとは使い方が大きく違ってきますが、 使いどころによっては便利で
\閉鎖予定のサイトも売れるかも?/ アクセスがないサイトもコンテンツ価値で売れる場合も… ドメインの有効期限を更新してサイト売却にトライしてみましょう
JavaScriptでCSSを動的切り替え 2005-03-24-3 [Programming] 「JavaScriptによるCSSの動的切替」のすぐ設置できる簡単なサンプル。 多分説明不要。 <link id="basicStyle" rel="stylesheet" href ="diary.css" type="text/css" /> [...] </head><body> [...] Change CSS <input type="button" value="diary.css" onclick="document.getElementById('basicStyle').href=this.value"> <input type="button" value="debug.css" onclick="document.getElementById('basicStyle
JavaScript for CSS (3) class属性値やid属性値を変更することも可能です。 <LINK rel="stylesheet" type="text/css" href="style1.css"> <LINK rel="stylesheet" type="text/css" href="style2.css"> <STYLE type="text/css"> <!-- .class1 { text-decoration: underline; background-color: #fee; color: red; } .class2 { text-decoration: line-through; background-color: #eef; color: blue; } #id1 { background: #FDF5E6 url(img/bac01c.gif)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く