1時間で携帯サイトをスマートフォン対応にする方法 | GREE Engineering
初めての投稿となります。エンジニアのmatsuです。 携帯向けウェブサイトを1時間でスマートフォン対応する方法を紹介します。 概要 2011年4月7日のニュースにて携帯電話の新規契約数のうち、スマートフォンが占める割合が50%を越え、スマートフォンが本格的に普及する兆しが見えてきました。 現在、スマートフォン向けサイトを新規構築するためのチュートリアルは数多く出ていますが、既存の携帯サイトをスマートフォンに最適化する方法があまり紹介されていないのでこの記事で紹介したいと思います。 このチュートリアルを行うと以下のようになります。 実装 全部で8ステップあります。 このチュートリアルではブログのトップページを例にとって説明します。 前半では文字コードの変更、HTMLの変更といった構造を変更します。後半では絵文字や文字スタイルを行い、仕上げとしてHTML5のバリデーションを行っていきます。最初
美しい日本語を使いたい、ワンランク上のビジネスメールの作法
「お世話になっております」、「了解しました」、「取り急ぎ、お礼まで」など、ビジネスメールでよく使用する言い回しの間違った使い方、正しい使い方など、ビジネスメールのワンランク上の作法を紹介します。 [ad#ad-2] 下記は、月刊誌「日経おとなのOFF 4月号 美しい日本語」で紹介されている「『美メール』の作法」から、特に気になった箇所をピックアップしてまとめたものです。 日経おとなの OFF 2011年 4月号（amazon） マナー以前のビジネスメールの常識 ワンランク上のビジネスメールの作法 シーン別のビジネスメールの作法 マナー以前のビジネスメールの常識 メールの件名は具体的に 内容が分かる具体的な件名にしましょう。 「こんにちは」「お願い」「なるはやで」は、ダメ。 返信メールの件名は変更しない 同じ議題であれば件名は変更せずに、「Re: 」を付加して返信しましょう。 議題を変更する
今更ですがiOSアプリ開発の基礎について色々調べてみました - もとまか日記Ｚ
最近、以下のような記事を不定期に書いているわけですが。 iPhoneアプリを作ってみよう（Xcode4編）第１回：じゃんけんゲーム iPhoneアプリを作ってみよう（Xcode4編）第２回：簡単ブラウザ そういえば、iOSアプリの開発の基礎的なことって、ちゃんと書いてなかったような・・・・？(^^;;; てなことを考えてた時にTwitterでXcode関連の開発本について、「どの本がいいですか？」的な質問を受けたりもしました。 そこで、大型連休にiOSアプリの開発の勉強をしたい！という方もいらっしゃるかもしれないし？、ってことで、iOSアプリ開発の「基礎」について、色々調べてまとめてみました。 iOSアプリ開発に必須なもの まず、開発環境として必要なのが以下。・Mac・XcodeMacは最近のものであれば、どの機種でも問題ありません。ちなみに私はサンタさんに頂いたMacBook Airの1
FirefoxのJavaScriptデバッガ拡張Firebugの進化がすごい
Firefoxのデバッグ拡張ことFirebugですが、Firefox4よりFirebugとは別にWeb Consoleという機能が入りました。 しかし、Firebug自体もさらに便利になっているので、少し紹介します。(Firebug1.7 –1.8 の範囲で) 現在のFirefox4に正式対応しているのはFirebug1.7xで、Firebug1.8xはAlpha版として公開されているのでまだ不安定な部分もあることに注意して下さい。 特に注意書きしてない部分はFirebug1.7の項目だと思って大丈夫だと思います コマンドラインに履歴ボタン コンソールパネルでのコマンドエディタ(でかい方のコマンドライン)にHistoryボタンが新たに追加されました。 過去に実行したコマンドをポップアップから選択して挿入することができます。(以前はCtrl+ZでUndoし続ける必要があった) コマンドライン
URAMAYU
19年ほど、自分の日常やウェブ系のネタやガジェット情報を、面白くさらりと読める、ささやかなエンターテイメントを目指して書いているブログです。2024年初にブログテンプレートが壊れて見づらくなりました。つらい。 2024年、あけましておめでとうございます。 元日から大変なことが起き、苦しい年明けとなりました。私個人は影響なく、直接の友人・知人は無事なようです。おめでたい雰囲気が一変しました。 このURAMAYUも、年に1回正月だけ更新するブログとなりました。もはや矜持でしかないのだけど、もうやめたい。 ...と、この記事書いて「更新」したら、テンプレートエラーが出て、それを直したら全部のブログテンプレートぶっ壊れ、修復不能になり、涙を流しながらデフォルトのテーマにして、とりあえず「読める」状態にしました。2024年のコンテンツではない。 もうこのMovable Typeのブログも全然メンテナ
研究者マンガ「ハカセといふ生物」
研究者マンガ「ハカセといふ生物」2012.2.3発売！！ お馴染みの４コママンガの他、エッセイ・読み切りマンガなど盛りだくさん！！ 論文形式になっていますので 「論文ってこんな感じなんだ～」 という雰囲気は体験できると思います（笑） マンガを楽しみたい人だけでなく ・博士になりたい学生 ・研究者ライフにあこがれている方 ・大学生・大学院生 ・ポスドク の方々にもおススメです！ 本のサンプルはこちらからどうぞ！ 只今各書店・通販サイトなどで絶賛発売中！ 充実のフルカラー！！お楽しみに！！ 研究者マンガ「ハカセといふ生物（いきもの）」 [単行本（ソフトカバー）] 実 験太朗 (著), 立花 美月 (著) 内容紹介： 博士号をもっているのに、どこかさえない主人公・北大路君。 大学院を卒業し、研究所に・・・ ↓↓続きは以下からどうぞ！
[WordPress] カスタム投稿タイプ（カスタムポスト）の独自カテゴリと独自タグを使えるようにする | wordpress | Nullyのぶろぐ | Nullyのぶろぐ
以前ZendFramework勉強会でご一緒させていただいた、co_hey_japanさんにWordPressのカスタムポスト（カスタム投稿タイプ）でご紹介頂いたので、フォローアップエントリをば。 フォローアップになればいいなぁ…。 なにそれ？ このカスタムポストという機能は3.0系からあたらに強化されたWordPressの機能で、投稿種別を拡張し、ユーザーの利用利便性を向上するための機能です。 具体的に何かというと、co_hey_japanさんの紹介記事でもあるように、サイトオリジナルな投稿種別をもつことが出来ます。 カテゴリやタグは？ もちろん持てます！ register_taxonomy関数を利用することで、指定したカスタムポストのカテゴリ及びタグを保存することが可能になります。 今回はすでに「sample」という名前でカスタムポストが設定されているとします。 コードは以下のようにな
カスタム投稿タイプ／カスタム分類関連のページの出力 - The blog of H.Fujimoto
2024年2月1日 拙作プラグインの譲渡について 拙作のMovable Typeのプラグインを、株式会社ワールドイズマインに譲渡いたしました。 長きにわたり拙作のプラグインをご愛顧いただき、ありがとうございました。 WordPress 3.0のカスタム投稿タイプ／カスタム分類の機能で、各種のページのアドレスと、出力に使われるテンプレートについて解説します。 1.個々のカスタム投稿のページ 個々のカスタム投稿のページは、通常は以下のようなアドレスになります。 http://ブログのアドレス/カスタム投稿タイプの種類名/カスタム投稿のスラッグ/ 例えば、物件を登録するために、「realestate」というカスタム投稿タイプを登録するとします。 そして、「apartment1」というスラッグのカスタム投稿を投稿したとします。 このカスタム投稿のページのアドレスは、以下のようになります。 http
Custom Post Type UI
Description Custom Post Type UI provides an easy-to-use interface for registering and managing custom post types and taxonomies for your website. Custom Post Type UI Extended CPTUI helps create custom content types, but displaying that content can be a whole new challenge. Custom Post Type UI Extended was created to help with displaying your crafted content. View our Layouts page to see available
リストを横並びにした時の空白をなくす方法
リストを横並びにした時の空白 リストをdisplay:inline;などで横並びにすると、リストとリストの間に空白ができちゃうんですよね。これを知らないと、paddingを0にしたりとかmarginを0にしたりとか、そういうのでがんばろうとしてしまうんだけど、実はそうじゃなくてHTMLの書き方によって(改行)空白できちゃうんですよね。 これをdisplayプロパティで横に並べる時、どの方法なら隙間なく並べられるか！他の方法とかを含めて検証してみましょう。 いろいろ検証してみる ネタ元の方法が実際にどうなのか、そして、他の対処法も含めて検証してみます。 尚、今回の検証では、IE6、IE7、IE8、Firefox2、Firefox3.0、Opera9.6、Safari、Chromeで検証しました。 １、単純に改行した場合 ■HTML <ul> <li>サンプル</li> <li>サンプル</l
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
NameBright - Coming Soon
Simple Custom Post Type Archives
Free Fonts! Legit Free & Quality » Font Squirrel