携帯サイト（モバイルサイト）でCSS : 元・地方の中規模印刷会社で苦悩するWebデザイナー改めWebディレクターの日記
携帯サイト（モバイルサイト）でCSSを使う方法です。 以前、「モバイルサイトを本格的に始めよう」で書いたようにDoCoMoが基準になります。 DoCoMo以外が対象だったらこんなことしなくても大体OKなハズ。 1. XHTMLでサイトのデータを作ります。 携帯サイトなのでTABLEタグやPタグ（改行が入ってしまう）などは使わないように気をつけましょう。 2. できたらソースの最初の行に <?xml version="1.0" encoding="Shift_JIS"?>と書きます。 これはXML宣言といって、文書がXMLであることを明確にするためのものです。 一般のWebサイトではレイアウトが崩れたりするので僕は使っていません。 3. 拡張子を.xhtml（もしくは.xml）にします。 4. あとは、タグ内に属性でスタイルシートを適応させます。 たとえば本文はこんな感じで。 <div st
xhtmlを中心にモバイルサイト構築ノウハウまとめ - 適当な日々
フリーランスでwebの仕事をしながらwebサービスとかを作ったり作らなかったり、成長と挫折の記録・・・かもしれない仕事で某ポータルサイトのモバイルページを構築するようになって1年近く。 ノウハウがある程度溜まってきたのでxhtmlのことを中心に色々とまとめてみる。 目次 雑多なこと ヘッダー divタグ spanタグ brタグ hrタグ imgタグ aタグ サンプル 雑多なこと 出力は基本Shift_JISで（ドコモ基準） 静的ページを作るときは拡張子を.xhtmlにしないとドコモ端末がxhtmlをhtmlと認識してしまう。 （というか静的ページは絵文字とかヘッダー周りで色々不便なので、止めといた方がいい） 動的ページを作るときはapplication/xhtmlをヘッダとして送信してやらないとドコモ端末がhtmlと認識してしまう。phpだと出力前にこんな感じの処理。 header("C
auのAndroidケータイ、Twitter上での評判は散々【湯川】 | TechWave（テックウェーブ）
auがGoogle製OS「Android」と搭載した初のスマートフォン「IS01」を発表した。フルキーボードを搭載するなどソフトバンクやNTTドコモのAndroidケータイとは異なる形状で勝負をかけてきたわけだが、スマートフォンのターゲット層である先進的ユーザーが集まるTwitter上では、これまでのところ評判は散々だ。 ドコモがAndroidのバージョン1.6を搭載した「Xperia」を発表したと思えば、28日にソフトバンクがAndroidバージョン2.1搭載の「Desire」を発表。ドコモの一歩先を行くソフトバンクのスピード感に一部先進ユーザーの間で評価が高まった。 残るauはどうでるのかー。 Googleの最新鋭ケータイ「Nexus One」を投入するのではないか、と期待する意見もある中、Twitterユーザーはauの発表に注目していたようだ。 そして発表されたのは「IS01」だった
IE6、7でも動いてくれる&実用性の高そうなjQueryプラグイン30個まとめ - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 使いやすそうなjqueryプラグイン をまとめました。最低でもIE6,7でも 動いてくれる事を前提にしています。 他サイトでよく見かけるプラグインで、 個人的に実用性のあるプラグインと 思ったものをまとめます。 IE6、7でも動いてくれて、実用性のあるjQueryいろいろ。確認したブラウザはIE6,7とChromeです。他は大抵動くんじゃないかな（適当）。 デモで画像が透過されていないのもありますが、他のjsライブラリでIE6でも透過可能（DD_belatedPNG.jsとか）なのでそこは抜きにして動作する事を条件に挙げています。主観入ってるので参考程度に・・ Horizontal Subnav マウスオーバーでサブメニューがプルダウンするcssメニューです。サブメ
【レポート】残業代の一部を有給休暇に! 4/1施行の改正労働基準で残業手当はこう変わる | 経営 | マイコミジャーナル
長時間労働を抑制し、労働者の健康確保とワークライフバランス(仕事と生活の調和)が取れた社会を実現することを目的に、2008年12月に公布された「改正労働基準法」。いよいよ4月1日に施行される新しい法制度の下で変更になる労働基準のポイントをまとめてみる。 新しい労働基準法では、残業に対する規定が大きく変わる。従来の法律では、時間外労働に対する賃金報酬の割増率は、時間数にかかわらず一律25%だった。これが4月1日からは60時間を超えた分については50%に引き上げられる。ただし、休日労働や深夜労働については従来どおりで、それぞれ35%、25%の割増率のまま変更されない。 また、残業代の一部を有給休暇として取得できる制度も新たに設けられる。事業所内で労使協定が締結された場合、1カ月60時間以上の時間外労働分に関しては、時間数に25%を乗じた時間分を有給休暇として取得することが可能になるのだ。 つま
経験者が伝授、「20分スーパー昼寝術」の体得法 | ライフハッカー・ジャパン
先日「昼寝をすると本当に記憶力がアップするという実験結果」でもご紹介したとおり、昼寝は脳やカラダのリフレッシュに効果があるそうです。では、これを実践するためにはどうすればよいのでしょう？こちらでは、昼寝の習慣を体得した経験者が語る「昼寝の身につけ方」をご紹介しましょう。 技術者のためのコラボプラットフォーム「Woobius」の共同創業者で、CTOのDaniel Tennerさんは、自身の経験から「20分のスーパー昼寝術を身につける方法」を米Lifehackerで紹介しています。 寝入りに30分から1時間はかかる彼は、当初、寝つきのよくない自分にとって、昼寝の習慣を身につけるのは無理だと思っていたとか。しかし、継続的な鍛錬のおかげで、見事、昼寝術を体得できたそうです。彼は自身の経験から、以下の4点をポイントに挙げています。 1: 「昼寝」≠「睡眠」 昼寝でリラックスするためには、睡眠する必要
【画像有】誰もが驚愕する、信じられないカラクリが隠された"２Ｄ絵画" : 暇人＼(^o^)／速報 - ライブドアブログ
【画像有】誰もが驚愕する、信じられないカラクリが隠された"２Ｄ絵画" Tweet 1 名前： プリズム(石川県)[] 投稿日：2010/03/30(火) 07:43:42.81 ID:NVr1PW3b● BE:777377838-BRZ(11111) 誰もが驚愕する信じられないカラクリが隠された２Ｄ絵画 こちらの絵画、一見なんの変哲もない油絵にしかみえないが、 実際は驚くべきからくりが隠されているというのだ。いったいどういうことか。 こちらも女性の絵画、実に見事な油絵だ。 下の絵画も雰囲気が出ており、かなり力作である。 しかし力作ではあるが、どこから見ても普通の絵画であり、 からくりがあるとは思えない。 いったいこれら絵画にどんなからくりがあるのか。 ということで、こちらの背景を見てほしい。 >>2に続く http://www.yukawanet.com/archives/2529570.
女の子は黙っているけど、実は嫌がっている運転中のしぐさ8パターン:アルファルファモザイク
■編集元：ニュース速報板より「女の子は黙っているけど、実は嫌がっている運転中のしぐさ8パターン」 1 クレヨン(東京都) :2010/03/30(火) 08:36:47.91 ID:EvuuD7C6 ?PLT(12000) ポイント特典 女の子は黙っているけど、実は嫌がっている運転中のしぐさ８パターン せっかく彼女をドライブに誘っても、そこで嫌われてしまっては意味がありません。ドライブ中も彼女に気持ち良く 過ごしてもらえるように気をつけたいところです。ということで今回は、「女の子は黙っているけど、実は嫌がってい る運転中のしぐさ８パターン」を紹介します。 【１】普段は優しいのに、ハンドルを握ると性格が荒くなる 歩行者に対して「あぶねーな！」と舌打ち、前方のクルマに「おせーよ！」とつぶやくなどの言動は誰が聞いて も気分が悪いもの。特にいつもやさしい男性の場合、普段と運転中のギ
グリッドアコーディオンで新しい情報表示の仕方:phpspot開発日誌
Grid Accordion with jQuery | CSS-Tricks グリッドアコーディオンを新しい情報表示の仕方をjQueryで実現しているデモとサンプルコードが公開されています。 複数のカラムから１列が構成されていて、列の特定カラムをクリックするとそのカラムが拡大しつつ、列自体も拡大されます。 動き自体も面白いのですが、比較テーブルなんかで便利に使えるかもしれませんね。 にゅっ、とjQueryでアニメーションする部分もいいですね。 関連エントリ jQueryでアコーディオン作成のチュートリアル JavaScriptによる水平アコーディオンUI「Horizontal JavaScript Accordion」
半透明がいい感じのクールな写真ギャラリー作成用jQueryプラグイン「jPhotoGrid」:phpspot開発日誌
A Zoomable jQuery Image Gallery Called jPhotoGrid 半透明がいい感じのクールな写真ギャラリー作成用jQueryプラグイン「jPhotoGrid」が公開されています。 LightBoxのようなものですが、サムネイルから直接、オリジナルの画像へとアニメーション表示されます。背景部分が半透明なのがなかなかクールです。 黒の背景にいい感じにマッチしそうなギャラリーになってます。 関連エントリ 拡大の仕方がクールなLightBox実装jQueryプラグイン「YoxView」 表示法が新しくセクシーなLightBox「SexyLightBox」 カスタマイズできる多機能LightBox「Lightview」
近々リリースのPhotoshop CS5の新機能のムービー集:phpspot開発日誌
Photoshop CS5: A Sneak Peek | Design Shack 近々リリース（４月１２日リリースとのこと）されるPhotoshop CS5の新機能のムービー集がまとまっていました。 あのインパクトから何ヶ月か経ちましたが、遂にリリースされるということで個人的には楽しみにしています。 購入の検討のおさらいとしてよい判断材料となりそうです（あまりに凄いので購入意欲だけが上がるかもしれませんが、使うかどうかも冷静に見極めたいところ） ムービーを見ていくと、かなり興奮なのですが、ザッとみたい方用に、ムービーと併せて静止画でも少しまとめてみます。 あったものを消す機能 消しゴムで消すようにすると・・・ 木が消えちゃいます。 左上にある木に注目 木をツールで囲むと… 消えますｗ ちょっと欠けてしまった画像も… 補完されますｗ あるはずの道も・・・ 消せますｗｗ 動画でみたい方は以
CSSで描画された水滴グラフィックスが凄い:phpspot開発日誌
Raindrop Logo in CSS Much ado about pixels CSSで描画された水滴グラフィックスが凄いです。 「CSSを使ったOperaブラウザのロゴがすごい 」ではCSS3でOperaのロゴをCSSで描画され話題になりましたが、今度は何枚ものレイヤーを組み合わせて作られている水滴のグラフィックです。 CSSで描かれているので、ベクター画像のようにページをズームイン、アウトしようが、綺麗に表示されます。 次の画像はこの画像を構成している要素で、それぞれCSS3で図形描画が指定されています。 ベクターではなく、CSSを使ってグラフィックスを描画するというアプローチ。 オーサリングツールがあれば気軽に作れてしまうものかもしれませんね。近い将来はそういった分野の素材サイトなんかが出来てくるのかもしれません。
最低限押さえておきたいことは？新社会人に贈るオススメエントリー集 - はてなニュース
3月も残すところあとわずか。この春から新社会人になるみなさんにとっては、今まさに期待と不安が入り交じっていることと思います。そこで今回は、社会人としてこれだけは押さえておきたい基本や仕事の進め方など、新社会人のみなさんにオススメしたいエントリーを集めてみました。 ■社会人なら身に付けておきたい基本 まずは、社会人になったら絶対に押さえておきたい「基本」についてまとめられたエントリーです。 ＜これだけは習慣化しよう＞ ▽新社会人に贈る、最初の半年間で習慣化した方がいい基礎的なこと - じゃがめブログ 「挨拶をする」「遅刻はしない」「報告・連絡・相談を忘れない」「こまめにメモを取る」といった項目は、時間をかけてでも必ず習慣化したい基本中の基本。一見当たり前で簡単なことばかり見えますが、これらがあらゆる仕事の基礎となっていきます。 ＜こんな時はどうする？＞ ▽ 心の準備をしておきたい新社会人の皆
第2回 完全版：ブラウザとデバッグ環境 | gihyo.jp
こんにちは、太田です。前回はクロスブラウザの入口として、各ブラウザの特徴をまとめつつ、実際にクロスブラウザなコードを紹介しました。今回はクロスブラウザ対策における基本である、各ブラウザ環境の構築について解説したいと思います。 前回紹介した通りブラウザにはたくさんの種類・バージョンがあります。それぞれが動作する環境を用意するだけでも、一苦労ではすみません。なるべく少ないマシンで、各バージョンをインストールして、さらにデバッグするための環境作りについて紹介します。なお、Safari以外はWindows環境を想定しています。さらに、特に断りがない限りはWindows XP SP3をベースに解説させていただきます。ご了承ください。 各ブラウザのデバッグ環境は近年目覚しいほどの進化を遂げています。統合デバッグ環境の草分けであるFirebugを筆頭に、Safari/Chrome（WebKit）のWeb
カッコいいまとめサイトを30分以内に完成！ 面倒くさがり屋にピッタリのCMS「Jimdo」
今年の1月に、「とにかく体験してみないと分からない」という理由で始めたTwitter。そのあたりの話は「つぶやいて、何が面白い――ブログが書けない40代男性が、いまTwitterを始めたわけ」に詳しいので、そちらを参照してほしいのだが、とりあえず現時点でもがんばって続けている。 自分のTwitterの使い方を解析できるWebサービス「Twilog」によれば、わたしの平均的なつぶやき数は1日あたり5.8件。今まで356件ほどつぶやいており、仕事に使える便利ツール、業界面白ニュース、私事のお知らせなどを@nagatameisterでつぶやいている（follow me！）。 Twitterは「今」を届けるサービスだ。一方、自分の発信する情報で固定的なもの、例えばプロフィールや執筆履歴、運営している企業に関する情報、リンク一覧などは、ストック型の情報としてまとめておきたい。Twilogのように、つ
「新しい」日本画がはじまったな - Aya Kato:DDN JAPAN
DDN は 音楽 ・ 映像 に関する デジタル アート を中心に情報ミックスを配信中
ハイセンスにデザインされたHTML/CSSテンプレート集:phpspot開発日誌
32 High Quality Free Html/CSS Templates For Download ハイセンスにデザインされたHTML/CSSテンプレート集がまとまったエントリのご紹介。 どう見てもプロレベルで、改変して利用して手間を省くもよし、デザインの参考にするもよし、といった感じで便利です。 これらを誰かに作ってもらったら・・・と考えると、フリーでこれだけ多数のものが公開されていることの有り難さを感じずにはいられませんね。 関連エントリ フリーで使えるプロ顔負けの美麗CSSサイトテンプレート集 フリーな(X)HTML/CSSなテンプレート集のまとめ CSSテンプレート配布サイト色々まとめ プロレベルでハイクオリティなXHTML/CSSテンプレート集
ふっくらツヤツヤに炊き上げるには？美味しい「ごはん」の炊き方 - はてなニュース
日本人の食卓に欠かせないものといえば、やっぱり「お米」。ごはんが美味しいだけで、幸せな気持ちになりますよね。今回は炊飯器を使う際のひと工夫から、プロの料理人が教える本格的な炊き方まで、家庭でできる「美味しいごはんの炊き方」をご紹介します。 ■家でも簡単！美味しく炊けるひと工夫 美味しく炊き上げるには、研ぎ方や吸水時間など炊く前の準備段階も重要です。炊飯器を使う場合、鍋を使う場合、それぞれのポイントを見ていきましょう。 ＜炊飯器で美味しく炊くコツは？＞ ▽お米の美味しい炊き方と裏技をご紹介！ 安い米も美味しく食べる【2】 - ［節約・やりくり］All About ▽農林水産省/ごはんの美味しい炊き方 炊飯器で炊く場合も、次のようなポイントを押さえることでお米の美味しさをより引き出すことができます。 1.たっぷりの水でさっと洗うように研ぐ。 2.水加減は基本は炊飯器の目盛り通りに。（新米の場合
クリエイティブな20のECサイトデザイン
2017年6月29日 Webデザイン, インスピレーション ECサイトを作る際は、使いやすさだけでなく、デザインももっとクリエイティブに！商品を理解し、それにあったデザインをすることでより効果的にユーザーにアピールすることができます。ここではサイトを開いた瞬間に「おっ！」と思うようなECサイトを紹介します！ ↑私が10年以上利用している会計ソフト！ 商品をより引き立たせるWebデザイン集 free people http://www.freepeople.com/ ノートに落書きをしたような手描き風のデザインや、ほどよくレトロ感のある写真加工に思わず釘付け。 DUCHY of CORNWALL NURSERY http://www.duchyofcornwallnursery.co.uk/ 落ち着いた色合い、ほどよいグランジ感、バナー写真の切り抜きなど商品であるお花を引き立てています。 k
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ブロック内の背景画像をスクロールアニメーションするjQueryサンプルプログラム:phpspot開発日誌
手書き風の英文フォント３０:phpspot開発日誌
わずか四文字でIE6/7/8を区別するCSSハック | コリス