IDとclassを使わないで、HTML5とCSS3でコーディングしてみた。
IDとclassを使わないで、HTML5とCSS3でコーディングしてみた。 2011-05-02 Webサイトをコーディングする時に、IDとclassを考えるのが面倒臭くなったので、IDとclassを使わないでコーディングしてみました。 シンプルなサイトなら簡単でつまらないので、IDとclassを使っても難しそうなデザインにしています。 今回もJavaScriptは一切、使用していません。 完成したサイト ID, classなしで組んだサイトを見る。 サイトでやってみたHTML5 HTML5では、html, head, bodyタグを完全に省略しても構わないとされています。 省略してもDOMツリー上に存在しているので、 body {background:#f00;} というCSSの記述も認識してくれました。 サイトで使用したCSS, CSS3の簡単なまとめ Child Selector 結
スマートフォン向けアプリ開発フレームワークとか
スマートフォン向けのアプリ提供はほぼ必須になってきているこの状況。 何で作るのか? というのは、悩ましいところですよね。 ネイティブアプリで作るのか？ WEBアプリ(HTML5+CSS3)で作るのか？ ...は開発者が揃っている云々もあるかもしれませんが、それよりも、そのアプリの特性/対象者によって決定する感じなのでしょうね。 会社のアプリならばインストールさせて使う系のネイティブの方が良さそうだけど、インストール無しでも..であればWEBアプリでという選択肢なのかな。あとは、Appleにお布施が可能なのかどうかとか..か。 WEBアプリの方には全然注目していなかったのですが、「ネイティブと同じような動きで、iPhoneとAndroidのマルチプラットフォーム」となるとなかなか厄介なもんですね。 どこまでこだわるか？によるんでしょうけども、対象が iPhoneだけだったらライブラリつかって
iPhoneやiPadがよく分からない方向けに「iOSの基本」をまとめてみました - もとまか日記Ｚ
先日、突然iPad2やiPhone4のホワイトバージョンが発売され、このＧＷ中にiOSデバイスのユーザが増えたのでは？と勝手に思ってる、ネットの実名「もとまか」です。 さて、スマートフォンの中では比較的使いやすくて分かりやすい、と思われるiPhone、iPadですが、使い始めの頃は戸惑われる方も少なくはないかもしれません。いわゆる携帯電話とは全く違うので、それも無理のない話でしょう。 てことで、iPhoneやiPadの新規ユーザさんでiPhone（もしくはiPad）の使い方がよく分からない！という方向けに、基本的な使い方や設定方法等をまとめてみました。 購入検討されてる方も、ぜひご覧になられると参考になるかも？と思ってます。 実はiPhoneのユーザガイドはiPhoneの中にある iPhoneにはユーザガイドの冊子はありませんが、実はiPhoneの中に「iPhoneユーザガイド」が入ってま
スマートフォンサイトにフリック・スワイプ実装できるjQueryスライダプラグイン
※コメントにも頂いておりますが、この公開版はバグがありますので、承知の上でご利用になるか、ご自身でカスタマイズされる方がお使いください。 スマートフォンサイトにおいて、左のムービーのようなフリック動作ができる画像スライドのjQueryプラグインを作りました。（ムービーはiOSシミュレータによるデモです）iPhone・Androidでご覧の方はデモに直接アクセスしてください（ムービーは再生されません）。 【デモを見る（iPhone・Androidで見てください）】 【ダウンロード】 なぜプラグイン化したか 横向き対応がハードルを高くする ご自身でこの手のUIを組んだ経験がある方はわかると思いますが、絶対配置（position:absolute）を使ったリキッドレイアウトを組むのはなかなか手の込んだことが必要で、今後の仕事で都度ゼロからUI作成を行うのは効率が悪くなってしまうと思ったからです。
DropBoxのファイルを編集するだけで更新できるCMSホスティング「DropPages」 【増田(@maskin)真樹】 | TechWave（テックウェーブ）
[読了時間:2分] 高度な機能を持ちながら無料で使える仮想ストレージ「DropBox」を愛用している人は多いのではないだろうか。ファイル更新時、いちいちアップロードする必要なく、自動でサーバーに保存＆共有されてしまう便利さは捨てがたい。 「それなら、同じようにファイルを編集するだけで、自動的にウェブサイトが更新できないか？」。そんな疑問から誕生した「DropPages」は、DropBoxと連動したシンプルなCMSホスティングサービスだ。専用のテンプレートファイル等を自分のDropBoxスペースにアップロードするだけで自動更新型のウェブサイトを運用できてしまうという。 使い方は簡単。まずDropPagesのサイトで必要なファイルをダウンロード＆解凍し、自分のDropBoxスペースにディレクトを作成してそれらのファイルをアップロードする。その後、そのディレクトリの名称を「任意の名前.dropp
無音シャッターカメラアプリ「OneCam」の超絶便利な7つの機能＋α | なまら春友流
なんと、高画質（大きいサイズ）以外は OneCam に全部備わってる。 私がiPhoneで撮る写真の9割はブログ用なので個人的には高画質（大きいサイズ）は求めていない。 ブログを書かない人でもTwitterに投稿する写真とか家族の携帯に送る写真なんかには大きい画像サイズは必要ないはず。 で、iPhoneのカメラに求めていることは簡単に撮影できる軽快感とスピード感なのかなぁ、と。 まぁ OneCam を使用することは必然だったようで。 OneCam -フリックでツイート- 1.4.0 カテゴリ: 写真 価格: ￥230 更新: 2011/04/26 このOneCamというアプリ、当然基本的なカメラアプリの機能は有している。 そして、以下の7つの機能が「OneCam」を使用するに至った絶対条件的機能。 優先度順に並べてみた。 ジオタグ機能 バックグラウンド起動 独立したピント&明暗調整 撮
スピーチの天才100人 達人に学ぶ人を動かす話し方 - 情報考学 Passion For The Future
・スピーチの天才100人 達人に学ぶ人を動かす話し方 "ナポレオン・ボナパルト（フランス皇帝） さらば、友たちよ。諸君の一人ひとりをこの胸に抱き締められれば、どんなにいいだろう。 ─── 古参近衛兵たちへの惜別の言葉。1814年4月20日、パリ郊外のフォンテンブロー宮殿の中庭で" ソクラテス、チャーチル、リンカーン、マンデラ、孫文、鄧小平、ワシントン、フランクリン、ガリレオ、ガンジー、ケネディ、ナポレオン、ジャック・ウェルチ、ビル・ゲイツ、オバマ...。社会に大きな影響を残した名演説家たちのスピーチに学ぶ、聴衆に感動を与える秘訣。 "出発の時間になりました。これから私たちはそれぞれの道を行くことになります。私は死に、みなさんは生き続けます。どちらがよい道なのかは、神にしかわかりません ─── 「ソクラテスの弁明」紀元前399年、ギリシアのアテネで（プラトン著「ソクラテスの弁明」より）" 偉
ルーチンワークを効率的に！仕事に役立つウェブサービス8選 - CNET Japan
就職や異動のシーズンから早1カ月が経過した。新たな会社や職場で戸惑いの連続だった人も多いことだろう。ようやく訪れたゴールデンウィーク、しばしの休息を取りつつ、5月から体勢を立て直すための準備期間と捉えている人もいるに違いない。 日々のスケジュールやタスクの管理については、自分なりの手法を早い時期に確立することで、時間を効率的に使えるようになり、結果として主たる業務に注力できる時間も増える。このほか、日々のルーチンワークにおいても、なるべく早めに取り組み方を確立させればさせるほど、効率化によってもたらされる時間は莫大なものになる。 今回は、タスクやスケジュール管理をはじめ、業務で発生するさまざまな作業をオンラインで解決できるウェブサービスを8つセレクトして紹介する。昨今のウェブサービスは「オンラインでここまでできてしまうのか」という域にまで進化しており、会社で用いているグループウェアや業務ソ
［ウェブサービスレビュー］容量無制限のファイル転送サービス「GigaFile便」--保存は7日間まで
内容：「GigaFile（ギガファイル）便」は、アップロードできるファイル容量に制限のないファイル転送サービスだ。1ファイルあたりの容量は最大2Gバイトまで、同時に最大300個のファイルがアップロードでき、なおかつ保存期間も7日という長期間にわたることが特徴だ。 「GigaFile（ギガファイル）便」は、容量無制限のファイル転送サービスだ。1ファイルあたり2Gバイトという制限はあるものの、容量そのものは無制限で、しかも7日という長期間にわたって保存されることが特徴だ。 使い方は一般的なファイル転送サービスと変わらない。サイトトップページのフォームでアップロードしたいファイルを選択すると、すぐさまアップロードが開始される。完了するとダウンロードURLが表示されるので、それをメールに貼り付けて相手に通知する。メール送信フォームも用意されているので、ケースバイケースで利用できる。 ほかのサービス
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Clean Slate on the Mac App Store
IDEA * IDEA
圧縮・高速化、ダウンロード, online tool
［ウェブサービスレビュー］ソフトなしでウェブサイトの画面がキャプチャできる「Super Screenshot！」 - CNET Japan
