サービス終了のお知らせサービス終了のお知らせ いつもYahoo! JAPANのサービスをご利用いただき誠にありがとうございます。 お客様がアクセスされたサービスは本日までにサービスを終了いたしました。 今後ともYahoo! JAPANのサービスをご愛顧くださいますよう、よろしくお願いいたします。
スタイルシート Tips - bnote
スタイルシート + Tips 1.CSS Tips ブラウザの違いによる影響を減らす Mar 29, 2018 Reset CSS (ブラウザの違いによる影響を減らす) Mar 29, 2018 リンクの装飾 Mar 29, 2018 borderのいろいろ Mar 29, 2018 画像でアンダーライン Mar 29, 2018 テーブル - 枠線を指定する Mar 29, 2018 メインコンテンツの内容が少なくてもフッターを最下部に固定する方法 Oct 30, 2020 ホバー時に左からアンダーラインをアニメーションで表示する Feb 12, 2021 ol タグの連番を装飾する Feb 16, 2021 ハンバーガーメニューを作る Feb 22, 2021 画面の外に要素を配置した時に横スクロールを表示させない Apr 05, 2021
テレビ画面を写す
デジカメはメモ代わりに使うことも多く、っておられる方も多いと聞きます。 テレビの画面をデジカメで撮ったとき、画面には無かったはずの横線や縞模様が写ってしまったという経験はありませんか？ テレビの画面は、人間の目には連続した映像に見えていますが、実際には１秒間に30コマの静止画像が連続して次々と表示されているのです。 つまりその１コマは写真でいうところのシャッター速度 1/30秒で撮った静止画像と同じです。 これが次々とコマ送りされて表示されているわけですが、次のコマの画像に切り替わる際、テレビ画面上では一度にパッパッと替わるのではなく、上から下へ順次入れ替わっていくような感じになります。 デジカメで撮影した画面に現れた黒い帯は、表示画像のコマとコマの継ぎ目。 写真で撮ると、まだ入れ替わっていない画像の継ぎ目の部分が画面の一部に帯状に青黒く写ったりするわけです。 テレビの画面を撮影するときに
CSSだけでメニューにツールチップヒントを付けるテクニック:phpspot開発日誌
CSS: Menu Descriptions | Mike’s Experiments | MikeCherim.com This is a CSS technique that could be useful if you want to give users accessible added content such as tool-tips, notifications, or alerts, without adding unnecessary clutter to your page. CSSだけでメニューにツールチップヒントを付けるテクニック。 次のようにメニューにカーソルを合わせるとヒントが表示できます。JavaScript不使用なので、JavaScriptが苦手な方も実装可能です。 JavaScriptは使わずにやりたい場合は覚えておきたいテクニックですね。 関連エントリ
テキストサイズ変更に応じて画像のサイズを変えるCSSテクニック:phpspot開発日誌
Create Resizable Images With CSS | Smiley Cat Web Design I'm a big fan of layouts that still work if a user increases their browser's text size. テキストサイズ変更に応じて画像のサイズを変えるCSSテクニック 方法１ 次のDIVがあったとして、 <div class="resize"></div> 次のＣＳＳを適用します。 .resize { background: url(image.jpg) -130px -140px no-repeat; border: 3px double #fff; float: left; height: 12em; margin: .2em 1em 1em 0; width: 12em; } すると、文字サイズを変更
実験室 | ヨモツネット
JavaScript 関連の記事 Web サイトの制作の負担を減らしたり、Web ブラウザの機能を補うための JavaScript ライブラリを公開しています。 GNU General Public License の範囲で個人利用、商用利用を問わず自由にご利用いただけます。(動作の結果、損害をもたらしても保証はしかねますのでご利用いただく場合には十分にテストをしてください。) もし、不具合や不明点などがありましたらフィードバックをいただければ幸いです。 iframe の高さを内容に応じて自動で調節する JS 他 IE 6 以下で CSS の E:hover, E:active を有効にする JS Internet Explorerバグ対処 OS にあわせた font-famiry を PHP または、JavaScript で適用する FirefoxInternet ExplorerOpe
3分LifeHacking：入力の手間を省く、10のExcelショートカット - ITmedia Biz.ID:
Excelに、毎日文字や数字を入力している──そんなビジネスパーソンも多いことだろう。少しでも入力を早く、簡単にしたい。そんなときは、Excelに備わっているショートカットをうまく活用したい。 1──日付と時刻 ［Crtl］＋［；］を押すと、今日の日付が。［Crtl］＋［：］を押すと、現在の時刻が入力される。 業務記録などを付けていく際には、これを使えば簡単に日付や時刻を入力できる。「now」関数と違うのは、入力した時点の日付・時刻が固定されることだ。 2──繰り返し作業 せっかくコンピュータを使っているのだから、同じような作業は自動的にやってほしい。複雑な作業で、今後も繰り返し使うなら、マクロを書くというような選択もあるだろうが、ちょっとした変更──例えば、セルを1行おきに色を付けたい──なんてときは、［F4］キーを使う。 最初のセルに対して操作を行い、同じ操作をしたいセルを選んで［F4
移転しました
まことにすいませんが移転しましたー 移転先はこちらになります お求めの「フォルダが七変化！？」も移転先にありますので お手数ですがそちらを参照してくださいませ…（汗） これからも当サイトをよろしくお願いします！
ふつうに横三角 - ぼくはまちちゃん！(Hatena)
ＣＳＳで横三角。「半キャラずらし」 (インターネット帳面) 今回はお題の通りインターネット帳面でもやってる「ＣＳＳで横三角をやる方法」。２バイト文字の三角記号は▲や▼しかないので横方向を示すことができませんでした。これをなんとかどーにかできんものかと。 ↑こんな記事があって、ちょっと面白かったので、 参考までに、ふつうの横三角のコードも書いておきますね！ » (») « («) ▷ (▷) ▶ (▶) ◁ (◁) ◀ (◀) そうそう、この中でも » って結構使えるよ！ よくサイドのメニューとかで、CSS を使って <li> の背景左端に、三角っぽい画像を設定したりするよね！ でも » をつかえば、画像がなくてもこんな感じ！ » Diary » Bookmark » Fotolife »
Webデザインとグラフィックの総合情報サイト - MdN Interactive
Copyright © 2010-17 MdN Corporation, an Impress Group company. All rights reserved. デザインってオモシロイ -MdN Design Interactive-
ブラウザでmp3ファイルを開くとquicktimeが起動されてしまう問題の治し方
itunesを入れてる人もう結構多いと思います。 私も入れてますが、長い間問題がありました。それは同梱されているquicktimeの挙動がおかしかった事です。 ファイルタイプを解除してもオプションでmimeタイプのmp3を解除しても駄目。非常にやっかいでした。 抜本的に解決する方法を見つけたので紹介します。 まずメモ帳などのエディタを開き この下から Windows Registry Editor Version 5.00 [HKEY_CLASSES_ROOT¥MIME¥Database¥Content Type¥audio/mp3] "CLSID"="{cd3afa76-b84f-48f0-9393-7edc34128127}" [HKEY_CLASSES_ROOT¥MIME¥Database¥Content Type¥audio/mpeg] "C
| ＾＾ |Byozine:秒刊ネットマガジン:: よくある『Ctl＋A』で反転してみれる画像の作り方。
2007年03月03日 よくある『Ctl＋A』で反転してみれる画像の作り方。 上記画像を反転（CTL＋A）を押すと別の画像が出てくる って画像はたまにみかけますが、コレはいったいどのように作るのか。 さっそくやり方を紹介します。 ※もしかしてブラウザ依存する？ CtrlAmagicをつかいこなそう 上の画像は、以下のソフトを使い生成した。 もちろんCTL＋Aで反転させれば見れるぞ CtrlAmagicの使い方 起動すると、3つの画面が表示され、それぞれ 表示画像、隠し画像、そして結果の生成画像のサムネイルが表示される。 まずは Load Visible Imageボタンから画像を読み込もう（BMPのみ） 次に、隠し画像Load Hidden Imageボタンで画像を読み込む。 最後に、ツマミなどをいじってコントラストを変更すればできあがりだ！ ダウンロード 現在このアプリは公開
shell のちょっとしたテクニック - odz buffer
後輩が cat README | tr ' ' '\n' | sort | uniq -c | sort -nr | head てなテクニックを見て、びっくりしたみたいな話をしていたのだが、こういうパイプラインを利用するテクニックを学んでいないのは色々損な気がする。 ていうか、サーバで丸一日以上かかるような処理を実行するのもしょっちゅうなのに、GNU screen も nohup も知らないってのはいろいろ支障があるような気もするのだが、だれも教えないものかなぁ。 ということで、bash or zsh のちょっとしたテクニックとか*1。リダイレクトとかパイプラインは略。 連続実行 単純に連続実行。 % foo; barfoo が正常終了したときだけ bar を実行 % foo && barfoo が正常終了しなかったときだけ bar を実行 % foo || bar&&、||は本来は論理演
プログラマでも出来るWebデザイン - Blog.37to.net
home blog labs about contact プログラミング・開発 > プログラマでも出来るWebデザイン (X)HTML CSS テンプレート デザイン 画像 作成： 2007-01-08T01:58:41+09:00 更新： 2009-04-29T09:48:31+09:00 年始早々に大幅リニューアルした当ブログですが、リニューアルのお知らせでも書いた通り、 今回のデザインリニューアルに当たっての作成過程や、使ったツールを書いていきます。 デザインセンスの無い私にとって、今回のリニューアルは良く出来たと自負しているので、 お題はプログラマでも出来るWebデザイン。 前提として、CSSでコーディングが出来て、ある程度HTMLは設計出来る、でもデザインは・・・orz な人を対象にしています。 使用したツール・サイト一覧 作成過程は後半に書くとして、今回使用したサイト・ツールで
テキストエリアでタブ入力
<SCRIPT language="javascript" type="text/javascript" src="http://homepage2.nifty.com/lightbox/tabtextarea.js"> </SCRIPT> ★ TAB のみ挿入する場合 ◎ TAB 挿入 TAB キー ◎ TAB 削除 Back Space キー ★ まとめて処理は対象文字列を選択する ◎ TAB 挿入 TAB キー ◎ TAB 削除 SHIFT+TAB キー IE と Firefox、Netscape、Opera で動作確認しています(Opera は、name 属性が必要です)。 <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <SCRIPT lan
本当に CSS だけでテキストにシャドウを
前回、S i M P L E * S i M P L E さんのエントリーにただ乗りさせていただく感じで書いた 「CSS は正しくお使いください」 というエントリーですが、Text shadows プロパティが定義されてブラウザが実装するまで待てって、まったく解決になってねーよっていうエントリーだったせいか、なんか他に方法ないのかね？という話を知り合いからもらったので、その時話した方法をメモ代わりに上げておきます。 最初に断っておきますが、これから紹介する方法は、今現在、IE では認識されませんので、あまりインパクトはないということと、テキストにシャドウを付けるということ自体、無理に CSS でやることなの？という個人的な疑問もありますので、積極的に使用をオススメするものではありません。あくまでこんな方法もあるよという程度で楽しんでください。 ということで、まずはいきなりソースから。 HT
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Gmailで使える隠しラベルコマンドいろいろ | P O P * P O P
http://ima.pandach.com/cgi-bin/mt/2007/04/post_107.php
よりよい写真を撮る８つの方法 - DesignWalker
http://www3.sppd.ne.jp/bugtracker/wiki/?Tips