[CSS]ハック無しでIE6でmax-widthを実現するスタイルシート
CSS HackもJavaScriptもIEの条件付きコメントも無しで、IE6でmax-widthを実現するスタイルシートをCSSplayから紹介します。 'max-width' for Internet Explorer IE6 demo: center 実装のポイントとなるのは左右に配置されたdiv要素で、それぞれマイナスマージンを指定します。 コンテンツを配置するdiv要素には「overflow:hidden;」を指定します。 デモでは上記のmax-widthのコンテンツをセンターに配置したものと左右に配置したものがあります。 'max-width' centered 'max-width' left 'max-width' right
jQueryでAjaxを利用する基本チュートリアル (1/4)
前回の「フォーム」に続き、jQueryの特別な機能を解説します。今回取り上げるのは、「Ajax」を利用するための機能です。 今さら聞けない「Ajax」とは？ 「Ajax」（エイジャックス）は 「Asynchronous JavaScript + XML」の略で、あえて日本語にすれば「JavaScriptとXMLによる非同期通信処理」といった意味です。難しく聞こえますが、JavaScriptでWebページを切り替えずにサーバーとデータをやりとりすることです。JavaScriptでサーバーのデータを取りに行けば、ページを切り替えずに画面の一部を書き換える、といった処理ができるようになります。 WebブラウザーはWebページを表示するために、サーバーからHTML/XHTML（以下、特に断りのない場合はHTMLと書きます）ファイルを取得し、取得したHTMLを解釈して描画（レンダリング）します。通常
CSS Optimization Tips - Optimizing Style Sheets - CSS Optimization Tutorial
Does your style sheet ever feel bloated and overweight? If you notice some love handles growing on your style sheets, it may be time to stop and give it a good make over. Learn the following steps and your style sheet will be in shape in no time. Step #1 - Learn How to Group Selectors What is a Selector? For those who are not familiar with the term “selector” you can refer to this quick overview
note.x | UI Sound with SiON
SiON使って、UIにSEを付けたりしてみるテスト。 （要：FlashPlayer10） マウスイベントなんかに連動して音を鳴らす場合、今まではmp3ファイル読み込んで再生してたけど、SiONを使うことで、PSG / FM / WaveTable / PCMなどの多彩な音源で、しかもラクしてサウンド制御ができる。個人的にはOPMが鳴るってだけで抱かれてもいいと思ったけど、トータルに音の制御ができるという側面はコンテンツ制作する上でとっても有用。 例えば、下記のようなコードで音の鳴るボタンが作れる。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 5
大阪てら子23「みんなで作る特別授業」で健康について語ってみた。 | 知らないはリスク
※2011/04/30に旧タイトル「大阪てら子23「みんなで作る特別授業」いってきたよ。」から変更しました。 久々に大阪てら子いってきましたよ！！ やっぱりてら子は楽しい！ 今回はみんなで作る特別授業！ってことで Flashネタをと思ったのですが、正直僕より詳しい人たくさんなので 自分らしいネタを持っていこう！ってことであえて「健康」ネタを持っていきました。 個人的に牛乳のすばらしさを伝えることができたかと思います（牛乳サイコー あまりにもスライドがしょぼいので以下テキストだけで説明します。 ※以下はスライド作るにあたって一度まとめたテキストを修正したものです。 「カラダは資本」 1.なにごとにしても健康である必要がある。 フリーランスになって改めて実感した”健康”・忙しい日々が続き、ストレスがたまった結果 →しゃべるたびに咳き →食欲ない →眠たくない、でもだるい →吐き気がすぐでる →
TATSDESIGN CMS » Blog Archive » Photoshop?Fireworks?
注：今回のエントリは主観がよりたくさん混じっています。ツッコミは適宜お願いいたします（誰 ここいらで普通のウェブデザインのお話。通常、現代的なウェブの作り手のかたはPhotoshopかFireworksでデザインを制作し、swfかhtmlに実装していく・・・というプロセスを踏むかと思われます。どちらも優秀なツールですが、僕（あくまで個人として）なりにどちらで制作していくのがいいのかな？というのは数年間、悩みのタネでした。 （昔勇吾さんには「俺Flashでやってるよ」と言われ驚愕した覚えがあります。今はどうか知りませんし、彼はそもそも、Ultimateですから・・・。） 悩みの原因 昔、MacromediaがFireworksの開発元で、AdobeがM社を買収するという話になったとき、Ps/Fwの棲み分けはどうなるの？っていう議論がありました。機能的にこの2つ、結構かぶっている訳です。今は
Photoshopで髪の毛を作る方法 / ウェブデザインライブラリー
投稿日：2009年02月10日 レベル：初心者 ソフトウェア： このチュートリアルでは、Photoshopで髪の毛を作ってみたいと思います。 Step1 ： はじめに Step2 ： 暗めの色を使って影をつける Step3 ： カスタムブラシで髪の「かたまり」を広げる Step4 ： まとまりを目立たせて細かい箇所を仕上げる Step5 ： 完成
Photoshopで昼間の風景を夜の風景に変える方法 / ウェブデザインライブラリー
投稿日：2009年04月10日 レベル：初心者 ソフトウェア： このチュートリアルでは、Photoshopで昼間の風景を夜の風景に変えてみたいと思います。 Step1 ： はじめに Step2 ： 光のあたっている部分を調整する Step3 ： 背景を調整する Step4 ： 街灯を追加する Step5 ： 完成
写真撮影して旅の思い出を上手に残す5つのコツ - GIGAZINE
旅行先の風景などを撮影して思い出に残すということはよくあるわけですが、やはりできればそのときの空気感や雰囲気、情感なども撮影して残しておきたいところ。 というわけで、どういう風に撮影すれば上手に思い出を残すことができるのか、ちょっとした5つのコツは以下から。旅行以外の撮影にも応用できます。 The A-B-C-D-E of Travel Photography ・A：風景を撮影するときに「アクション」を入れる 単なる風景を撮影するときでも、その中に「動いているもの」を加えることでスケール感を出すことが可能です。 ・B：被写体を真ん中に置かない これは「フレーミング」と「3分の1の法則」を使え、ということ。わかりやすく言うと、被写体をど真ん中に据えて撮影すると素人臭くなる、と。例えば下記の写真の場合、右側に偏らせることで左3分の1を空け、全体のバランスを保っているわけです。 ・C：物語を構成
画像置換とSEO
画像置換とSEO 画像置換の話題がはやっているようですのが、SEOに関して肝心なところ出てきていないようですので補足しておきます。 ひとまず、関連エントリーのまとめ 画像置換乱用してませんか？ | THE HAM MEDIA 画像置換について « grandes cedro 画像置換について考えてみました｜linker journal｜linker ここからが本文。 結論から書くとGoogleはaltもテキストも同等に扱う為、SEO上のメリットはありません。あったとしても計測できないほどの微々たるものです。 ただ、Yahooはaltに関してまったく評価されません。 つまり、画像のaltにのみキーワードがあるような場合は検索結果に登場しません。 また、a要素に包まれたテキスト、アンカーテキストと呼ばれるものですが、これは現在のSEOで結構重要なポジションにある要因なので、これが評価されていな
Photoshopでデザインスタジオのヘッダーを作る方法 / ウェブデザインライブラリー
Home ＞ フォトショップ講座 ＞ Photoshopでデザインスタジオのヘッダーを作る方法 Photoshopでデザインスタジオのヘッダーを作る方法 投稿日：2009年03月17日 レベル：中級者 ソフトウェア： このチュートリアルでは、デザインスタジオのヘッダーを作ってみたいと思います。 Step1 ： はじめに Step2 ： 選択範囲を作って下部にバーを作成する Step3 ： リンク用のテキストを作成する Step4 ： 選択範囲を作って上部のバーを作成する Step5 ： 完成
WordPress導入後の設定いろいろ - IDEA*IDEA 〜 百式管理人のライフハックブログ 〜
ドットインストール代表のライフハックブログ
ヨモツネット[日記] ≫ CSS ファイルだけで IE 6 の背景に設定した png のアルファチャンネルを有効にする
blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTML に SVG 混在でき
Firefox3で超カンタンに動画キャプチャできるアドオン「Capture Fox」
これはかなり便利なことにいまさら気づいた。 今年の7月にはリリースされていたんだけど、なぜか使わず、久々に使ってみたらブラウザ上からボタンを押すだけで動画キャプチャができてとても便利。 なので早速ご紹介。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! ボタンひとつでFirefoxから動画キャプチャできる「Capture Fox」 Capture Foxは若干コマ落ちするので完璧に動きがスムーズな動画を求める際にはFree Screen Recorderあたりをお勧めしますが、ある程度であればという方には手軽さでおすすめです。 インストールすると、ステータスバーにボタンが追加されます。 このボタンひとつで録画の開始、終了が行えます。 動画キャプチャの手順 割とシンプルなので説明不要かもしれませんが
非常にきれいなアラートを表示する「jQuery Alert Dialogs」
非常にきれいなアラートを表示する「jQuery Alert Dialogs」 Check Tweet 配布元：jQuery Alert Dialogs (Alert, Confirm, & Prompt Replacements) ライセンス：GNU General Public License. 「jQuery Alert Dialogs」はjQueryで非常に美しいアラートやプロンプトを表示するJavaScriptライブラリです。 使い方 jquery.jsと配布元よりダウンロードしたjquery.alerts.jsとjquery.ui.draggable.js、jquery.alerts.cssをhead要素などで読み込みます。 <script type="text/javascript" src="jquery.js"></script> <script type="text/ja
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[CSS]クロスブラウザ対応、validなXHTMLとCSSで実装されたLightbox風エフェクト
Photoshopでブラシを作る方法チュートリアル:phpspot開発日誌
[CSS]上部のエリアを確保しつつ、要素をページの中央に配置するスタイルシート