Androidサイトは横幅何pxで作ればいいのか？ - さくペラ
いくつかAndroidサイト制作の仕事をしていて、いろいろandroid機種でデバッグをして気づいたことがあります。 その中で一番はまったのが、「Androidサイトは横幅何pxで作ればいいのか？」という点です。 今では解決方法を見つけたので以下、まとめます。 Androidのデフォルト解像度について Androidサイトを作る際、横幅何ピクセルで作ればいいのかなあと思い、Android機種の解像度一覧の表を探すと思います。 ただ、その情報を鵜呑みにしてサイトの横幅を設計すると、失敗することになるのです。 なぜなら、「機種自体の解像度性能は高くてもwebブラウザのデフォルトの解像度設定が低くなってるケースが多いから」、なのです。 たとえば、IS03は640*960という解像度を持ってますが、viewportでサイズを指定しないで表示したときの横幅は、320pxなんですね…。 android
たった一行でclearfixを使わずにfloatを解除するテクニック｜クロノドライブ
floatを使った際の表示の崩れを正すためによく使われるclearfixですが、それを使わずともfloatを簡単に解除する方法をご紹介します。 HTML
How do you like Ruby?
ここは，ソフトバンクパブリッシングの月刊誌『C MAGAZINE』に2000年8月号から2001年4月号まで連載された『極めよRuby道』のサポートサイトです． What's new 2001/12/23 第7回, 第8回, 第9回分を公開しました. 遅くなってごめんなさい. 2000/12/25 第6回の記事を公開しました． 2000/11/19 第5回の記事を公開しました． 2000/11/19 第4回の記事を公開しました．お待たせしました 2000/10/13 第3回の記事を公開しました．お待たせしました 2000/08/25 第2回の記事を公開しました． 2000/07/24 第1回の記事を公開しました． 2000/07/20 この頁を書きました 2000/07/18 第1回の掲載されたC MAGAZINE AUG.2000が発売されました 目標と対象読者 えっと，忙しくてRub
私が新Twitterに指定してるユーザースタイルシート - 聴く耳を持たない(片方しか)
Twitterのデザインが大きくリニューアルされ、ランダムで徐々にユーザーに公開されています。 Download the free Twitter app | Twitter http://blog.twitter.jp/2010/09/twitter.html Twitter.comの新しいユーザインタフェースを早速紹介（スクリーンショット多数） | TechCrunch Japan 新Twitterの右カラムはミニプラットフォームだ―参加各社の思惑を探ってみた | TechCrunch Japan 新しいTwitterでは機能が増え、 例えばツイートの中に（Twitpicのような）対応した画像投稿サービスのURLが含まれていれば クリックで 右カラムに表示するなんて機能もあります。 他にも、 このマークがあればリプライの発言元がどのツイートか見れる、など色々と便利になっていますね。 …
やってみた）ストレスなく毎日を送るための仕事術 - 人と組織と、fukui's blog
2010年08月18日 02:17 カテゴリ人と組織 やってみた）ストレスなく毎日を送るための仕事術 Posted by fukuidayo Tweet ここ最近、何をしていたかというと、今更ながら「仕事術」系の本を読みまくっていた。 今更「仕事術かよ‥」と思われるかも知れないのだけれど、これは結構重要なことで、職場や仕事内容が変化するたびに、自分の仕事のやり方を棚卸しし、最もストレスのないやり方を見出さなければならないと、僕なんかは思う。 仕事術や時間管理のやり方が定着しない理由は明白で、「自分の仕事にあっていないから」「書かれたことをそのまま実践してみるから」だ。 仕事のやり方が千差万別で、自分が持つ個性も他人と同じ。ということはないのだから、自分なりのやり方を見つけなければきっとダメに違いない。 さて、何かの参考になるかもしれないし、僕自身が仕事のやり方を振り返るときに、参考にもなる
文字列をUTF8に変換する(UsefullCode.net)
UsefullCode.net Visual Studio 2005/2008/2010やandroid SDK/NDKでの開発者向けに便利なソースコードを提供 This site provide you with useful source codes under 'USEFULLCODE license'. 文字列をUTF8に変換するにはいくつかの方法がある。今回はATLライブラリに備わるインライン関数「AtlUnicodeToUTF8」を利用した。 AtlUnicodeToUTF8はユニコード文字列をUTF8文字列に変換するためのものだ。そのため変換元の文字列をユニコードビルド／非ユニコードビルドで場合分けし、非ユニコードビルドの場合は一度ユニコードに変換してからUTF8に変換して使う。 ここでは使いやすいようにTCHAR文字列をUTF8文字列に変換する関数を用意した。 依存環境：A
非デザイナーのためのデザイン基本テクニック その１ | 07design.blog
デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、実はデザインというものは数々のルールによって成立しています・・・デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。 デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、 実はデザインというものは数々のルールによって成立しています。 そのルールの知識があればデザイナーレベルとはいかないものの、見た目がきれいなグラフィックは作れるはずです。 デザインという言葉の定義やソフトの使い方から始めてしまうとややこしくなるので、 今回はあくまでも「とりあえず見た目をキレイにする」ということに重点を置いて説明します。 記事内で
【レビュー】『はてな』を便利にするツールたち - オススメ15選 | マイコミジャーナル
日本最大級のソーシャルブックマークサービスである「はてなブックマーク」をはじめ、ブログの「はてなダイアリー」や人力検索など多数のWebサービスを提供する『はてな』。多くのITエンジニアやWebデザイナーが利用している。Web APIは初期の頃から率先して公開しており、開発者たちがそれらを使ったマッシュアップを公開してきた。今回は、はてな系マッシュアップをはじめ、はてなのサービスをより便利に使いやすくしてくれるソフトウェアを紹介しよう。 人気Webサービスを便利にするツールたち 【レビュー】『Googleドキュメント』を便利にするツールたち - オススメ16選 【レビュー】『Google カレンダー』を便利にするツールたち - オススメ13選 【レビュー】『Gmail』を便利にするツールたち - オススメ15選 【レビュー】『Picasa』を便利にするツールたち - オススメ15選 【
WebアプリをiPhone対応にするためにやった8項目: point of view point
iPhoneはURLのコピペがめんどくさい。 ということで、はてブやニュースまとめに使えるWebアプリというかWebサービス「linclip」を作る際には、iPhoneでもしっかり使えるようにしたい、というのが目標としてあった。 ページからリンクを抽出してHTMLコードまで出力すれば、タイトルの選択とかURLのコピーとかそのへんが自動化できるので、iPhoneならではの面倒さがなくなるはずという考えからだ。 iPhone対応のために行ったことをここでまとめておく。たぶん、すぐ忘れるから。で、こんな感じ。 Safariによる動作確認 表示幅の設定（viewport） iPhoneエミュレーターによる動作確認 ドメインの取得 チェックボックスの周りに空間を リンクを誤ってクリックしないように空きを作る 無駄な空間を削除 Webクリップブックマークアイコンを作る 以下、詳細。 Safariによる
誰でも作れる！ “崩れない”HTMLメルマガ作成術（1/4）- ＠IT
誰でも作れる！ “崩れない”HTMLメルマガ作成術：一撃デザインの種明かし（12）（1/4 ページ） キレイなHTMLメールを作るコツ/Tips盛りだくさん！ ECサイトはもちろん、企業サイトのニュースなど、いまなおプッシュ型の情報配信として支持されるメールマガジン。一時のフィードリーダーの盛り上がりもあり、以前に比べると落ち着きましたが、まだまだメールマガジンの効果は侮れません。 今回は、そんなメールマガジンの中でも、表現力豊かなHTMLメルマガの作り方について、徹底解説します！ 「HTML」自体は、それほど難しくないが…… 「HTML」というマークアップ言語自体はプログラム言語に比べると手が出しやすいので、Webを仕事としていない方でも触れた経験をお持ちの方はいらっしゃるのではないでしょうか？ そういう人にとっては、HTML言語自体はそれほど難しくないと思います。 しかし、そのHTML
作業効率UPのために、絶対覚えておきたいWindowsの基本的なショートカット一覧 | nanapi[ナナピ]
作業効率UPのために、絶対覚えておきたいWindowsの基本的なショートカット一覧 に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。はじめに ショートカットキーを使いこなすと、飛躍的に作業スピードが上がります。コピー＆ペーストがいい例ですよね。今回は超基本的なショートカットをまとめてみました。時短の一環としてこの機会に覚えてみてはどうでしょうか？ 共通ショートカットキー一覧 WindowsXP、vista、７に共通する基本的なショートカットキーの一覧です。 Ctrl＋A すべて選択 Ctrl＋X 切り取り Ctrl＋C コピー Ctrl＋V 貼り付け Ctrl+Z 操作を元に戻す Ctrl+Y 操作をやり直す（※） Windows ロゴ キー+S 保存する Windows ロゴ キー+D 全ウインドウの最小化 Windows ロゴ
ライブドアのUstream配信セット＆現場の運用ノウハウを大公開
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます ライブドアでUstreamの配信を担当している櫛井優介と申します。所属は開発部です。ライブドアの開発部というのは、本来はプログラマーやデザイナー、マークアップエンジニア、ネットワークエンジニアが所属しており、ウェブサイト制作を専門としている部署です。 私はエヴァンジェリストという肩書きで、「ライブドアという会社の今を伝える」という役割を担っています。普段は社外の方への協業提案の先陣を切る役目や、社内外のイベント運営などを業務としています。 ライブドアでは社外の方を招いてのカンファレンスや勉強会、あまり数は多くないですが記者会見などでUstreamを使っています。ライブドアは「Open&Share」を社是としており、情報はどんどん公開して
Web Developerで行うCSSデバッグ
Web Developerで行うCSSデバッグ Web Developerはナトラボさんが公開しているWeb制作をアシストしてくれるFirefoxの拡張機能(アドオン)です。 インストール Firefoxで配布ページにアクセスし「ダウンロード：Webdeveloper for Firefox (399kb)」をクリックすることでインストールが開始されます。 インストール開始時にページ上部に「このサイト(lab.tubonotubo.jp)からはFirefoxにソフトウェアをインストールできない設定になっております。」と表示されますが、右の「許可(A)」ボタンをクリックすることでインストールが可能です。 インストール画面が表示されます。画面下部に『インストール(5)』といったグレーのボタンが表示されますが、すこし待つと『今すぐインストール』に変わります。変わりましたらボタンをクリックしてイン
画面遷移なしにAjaxでシームレスに実装できるコメントシステム作成チュートリアル:phpspot開発日誌
Simple AJAX Commenting System ? Tutorialzine 画面遷移なしにAjaxでシームレスに実装できるコメントシステム作成チュートリアル。 書き込むと内容がそのままDOMツリーにアニメーションしながら追加されるという、よくありそうなコメントシステムの実装チュートリアルとサンプルプログラムです。 似たようなものを実装したい場合に参考にできるかもしれません。 フォーム部分もそれなりにスタイルされており、JavaScriptによるブラウザ上バリデートも効いてます。 改善の余地がありますが１から作るよりサクっと実装したい場合に使えそうです。 関連エントリ PHPとjQueryで作るAjaxなグループチャットスクリプト PHP+Ajaxなチャットスクリプト：YShout
パクレゼルヴ:PakuReserve R&D Laboratory » Blog Archive » パクレゼルヴもラボ的な開発部ブログを作ってみる
はじめまして。 パクレゼルヴ開発部の”のびーにょ”です。 パクレゼルヴの開発って、何作ってるの？って感じだと思いますが 携帯電話のWEBコンテンツ作ってます。 日々、Google先生に色々聞きながら調べ物とかしてるんですが、いろんな企業のラボが引っ掛かることが非常に多いです。 これって結構ブランディングとかにもなるなーとか思いながら調べ物とかしてるんですが、 外部の人に内部のこと(開発してるものや事)を知ってもらうのにも良いんですよね。 調べればわかることだし、社内で秘密にするレベルの話でもないですし。 ってことで、パクレゼルヴの開発部もブログ形式でラボっぽいことやります。 とりあえず一発目として・・・ 【auの携帯電話でセレクトボックス(プルダウンメニュー)内部が改行されることについて】 ちょっと前にはまったのでTips的に <div style="font-size:x
携帯サイトTIPS auのフォーム文字サイズ | ssswork
bodyの文字サイズを小さくしようとも au機種のフォーム文字サイズが小さくならない… そんな問題の解決法をここで見つけた ■PakuReserve(パクレゼルヴ) R&D Laboratory ：パクレゼルヴもラボ的な開発部ブログを作ってみる http://labs.pakureserve.jp/archives/5 でも、この方法だと表示が崩れると思うんですよ というか 崩れまして… optionタグが全部表示されました そこでこんな記述方法なら大丈夫だった的なメモ <div style="font-size:x-small"> <p>崩れない＆文字の小さなフォーム（携帯用）</p> <form action="" method="post"> <select name = "hogehoge"> <option value="0" style="font-size:x-small">
すきま時間を黄金に変える15分集中法
そもそも人間はどのくらい集中力を維持できるものなのでしょうか。短期集中力を発揮しやすい15分単位で作業をするとはかどります。この15分集中法にのっとって仕事を進めるコツをご紹介しましょう。
WebOS Goodies
WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 一歩進んだ Web アプリケーション活用術 ほんの数年前まではお世辞にも使いやすいとは言えなかった Web アプリケーションですが、現在ではブロードバンド回線の普及や Ajax 技術の確立などで、デスクトップアプリケーションに勝るユーザビリティーを獲得しつつあります。このような Web アプリケーションの発展は、 WebOS 実現への重要な一歩と言えます。同時に、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PHPerなら知っておいて損はない10の関数
CSS HappyLife ZERO