2012年8月26日に行われた、CSS Nite in SAPPORO, Vol.5 での発表資料です。Read less
デコもじは2016年11月30日(水)をもちましてサービスを終了致しました。 デコもじをご利用中の会員様におかれましては、サービス終了日をもちましてフォントの配信が終了となり、有料プランをご利用の場合はサービス終了日をもちまして課金が停止されております。 ※フォント配信は終了となりますが、Webサイト上に設置した JavaScript コードは会員様ご自身で削除をお願いいたします。 これまで長らくデコもじをご愛顧いただき、誠にありがとうございました。今後もシーサー株式会社の各種サービスのご愛顧のほどよろしくお願いいたします。
※この記事はChromeで見るのがおすすめです。 こんにちは。新規開発グループ ディレクター兼マークアップエンジニアの浜です。 スマホ連載の第4回目は、HTML5とCSS3という実装寄りの内容になります。とは言っても難しいコードはあまり出てきません。「HTML5とCSS3で何ができるのか」という事をメインに、知っておくと、構成書を作る時のアイディアベースになったりデザイナー・マークアップエンジニア(コーダー)と打ち合わせをする際に話しやすくなる内容をお送りします。 記事のアウトラインは以下です。 そもそも、HTML5とCSS3ってもう使えるの? HTML5とCSS3を使うメリットは? HTML5とCSS3で何ができるの? そもそも、HTML5とCSS3ってもう使えるの? 使えます。 (※ここから先は、その根拠について説明します。必要ない方は、次の章に飛んでしまっても構いません) 現在のスマ
こんにちは。スマートフォングループの石野です。 「ディレクターのためのスマートフォン講座」第3回目を担当します。 前回に引き続いて Android と iPhone の比較ですが、アプリについてもう少し突っ込んでみます。Android アプリを使ったことが無い方はぜひご覧ください。 はじめに / サンプル紹介 なるべく直感的に把握していけるよう、実際に iPhone / Android でアプリをリリースしている『LDNReader』を例に見ていきます。ニュースリーダー系アプリです。機能面はほぼ同一であり、比較しやすい対象です。 ※以下は iPhone / Android アプリを開発する上でのガイドラインではありませんのでご注意ください。あくまで『LDNReader』は一例にすぎず、Android の概念を学習するのが目的です。 ※実際にダウンロードする際は以下よりお願いします。 iPh
スマートフォングループ ディレクターの石野です。 スマホ王子からバトンを受けまして「ディレクターのためのスマートフォン講座」第2回目です。今回は Android と iPhone を用途別に比較しつつ、Android 独自の仕様を丸裸にしていきたいと思います。レベル1 基本編 とりあえず知っておくべし!レベル2 ユーザー編 iPhone から Android へ乗り換えるユーザー向けレベル3 アプリ編 今後アプリ開発に携わる人向け レベル1: 基本編 (とりあえず知っておくべし!) ◆物理ボタンの数[ホームボタン] のみの iPhone に対して、Android には [戻るボタン] と [メニューボタン] が搭載されています。 文字通り [戻るボタン] は1つ前の動作に戻れます。ブラウザで遷移していれば前のページへ、ブラウザを開く前にアプリを起動していればそのアプリへ、そして [メニュー
はじめに スマートフォングループでマネージャーしている坪田です。昨今は誰もが注目し、「スマートフォン」という言葉を見ない日は無いくらい盛り上がってますね。 市場の急成長に伴い、スマートフォン関連のテクニックや数値などを今週から連載していきます。Open&Shareという文化が大好きなので、ノウハウをオープン化する事で、市場活性化のお役に立てればと思います。 以下、本特集で今後執筆を予定しているテーマです。・ネイティブアプリケーションの品質管理 ・アプリ企画とデザイン ・iPhoneとAndroidの違い ・HTML5&CSS3 ・Androidアプリマーケット ・アプリ企画時に知っておくべき開発用語集、開発で使える小技集 ・UI設計について ・おすすめ本&ブログなどなど。 スマートフォン市場動向 今回はまず第1回という事で、国内の市場動向やiPhone、Androidのシェア率を話したいと
こんにちは、ブロググループの飯田 (@iishun) です。 2011 年はさらにスマートフォン市場の拡大が加速すると云われています。弊社でも 2010 年 10 月にライブドア全体のスマートフォン関連事業を推進していくスマートフォングループが設立されました。 が、各コンテンツのスマートフォンサイト・アプリは各グループのコンテンツ担当が運用するのでスマートフォン関連の知識は必須になります。 そこで今回は僕がここ最近実践しているスマートフォンに関する勉強法を、実際に使用した参考書籍と共に紹介してみます。これから「スマートフォンの事を勉強しなきゃ!」と思った人に役に立ってもらえればなと思います。 1. HTML5/CSS3 の特徴を知る HTML5/CSS3 がスマートフォン用のマークアップ言語というわけじゃありませんが、スマートフォンのウェブサイト (Webkit 系) は HTML5/CS
3月11日の東北地方太平洋沖地震で被災された方、親しい方が被災された方に、心よりお見舞いを申し上げるとともに、被災地の一日も早い復興を心より祈念いたします。 さて、各社のWeb担当者さんはサイト上での対応に関して、週末からかかりっきりにかっていた方もいらっしゃるでしょうし、これからの方もいらっしゃるでしょう。各社さんのサイト上での震災関連情報を掲出状況をまとめてみましたので、これから対応される方は参考にしてください。 週末での対応と、各社の災害対応・支援への取り組みに敬意を表するとともに、各Web担当者が「自社には何ができるか・するべきか」を考える助けとなれば幸いです。 2011年3月13日夜時点の情報、つまり週末のあいだに成された対応のまとめです。約300社弱のサイトを対象に、各社PC向けサイトのトップページを確認し、震災関連の情報が掲載されているもののみ掲載しました(対象サイトはWeb
SEOの終わる部分とそうでない部分 情報が無限大に広がる Web の世界。そこから自分にとって必要な情報を見つけ出すのは至難の業です。 そこで、検索エンジンが活躍するわけですが、ただ Web サイトを作っただけで的確なかたちで検索結果に表示されるとは限りません。コンテンツ配信側が検索エンジンに対して自分たちのサイトがどういったサイトなのかを的確に知らせることを「SEO (Search Engine Optimization)」と呼びます。検索する利用者に対して効果的に露出したいという意味で「SEO対策する」という言葉が使われることがあります。この場合、SEO は瞬時にアクセス数を上げるための起爆剤として活用していると考えることができます。 SEO はこうした起爆剤的な要素だけを指しているわけではありませんが、「アクセスが上がる」というキャッチーなフレーズが付随されていることもあり、SEO
デイリーブログ『マインドリーダーへの道』 日々の出来事、様々なビジネス、マーケティング事例を「マインドリーディング」で解読!マインドリーダーになるための道筋を示すことを念頭に日々書いています。 皆さんからのコメント、トラックバックお待ちしています。 ●最新マーケティングバイブル『Marketing3.0』 『Marketing3.0』は、これからのマーケティングのあるべき方向性を明確に 示 した良書です。マーケティングの「最新バイブル」とも呼べる内容であり、 マーケターの必読書となることは間違いありません。 『Marketing3.0』では、新しいことが説かれているわけではありません。 マー ケティングがこれからどうなっていくかについての「きざし」をうまく 整理し、概念化してある点に本書の良さがあります。 実は、『Marketing3.0』の核となるアイディアは、アジアで生まれています。
これまでFlashへのデータ移行のために設定するだけだったシンボルの9スライスオプションですが、Illustrator CS5では、Illustrator内で使えるようになっています(Flash、Fireworksでは数バージョン前から実装済み)。 たとえば、次のようにタブがあったり、角丸などが設定されているオブジェクトを拡大縮小すると、タブの大きさや角丸まで変形されてしまいます。 9スライスを使うと、文字通りオブジェクトを3マス×3マスの9スライスに分割して、四隅の形状を保ったまま拡大縮小が可能になります。 直し(修正)に強いデータ作り、という観点から、この9スライスはかなりポイント高いです。 サンプルファイル(Illustrator CS5ファイル) シンボルの登録 9スライスを設定したいオブジェクトを選択し、[シンボル]パネルの[新規シンボル]ボタンをクリックします。 [シンボルオプ
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
続・ハイパフォーマンスWebサイトを読んでCSSセレクタの高速化の話しが面白かった(というか全然知らなくてちょっとびびった)ので紹介します。 セレクタは右から左に解釈される これは正直知らなくて、結構衝撃でした。 #foo .bar {} これはなんとなく#fooを探して、その中の.barを探している気がしてたんですけど、実は.barを探して、その親要素に#fooがあるかを探すそうです。なので特に#fooが必要なければ .bar {} と書いたほうが高速だということ。 また、以下の様に要素名で指定すると、その要素を全て探します。 #foo a {} これは一度a要素を全て探すので、できればaにclassをふって #foo .anchor {} とするほうが高速のようです。(#fooをとるとより高速) 特にユニバーサルセレクタなどは、 #foo * {} とすると、全ての要素の親要素に対して
Welcome To SupportDetails.com SupportDetails.com has everything you need to know to keep tech support people happy: which computer you are using (PC or Mac), which operating system (Windows or OS X), which web browser (eg, Firefox, Chrome, Safari, Edge), your IP address and more system information. Customize Your Report Simply send a properly formatted URL with recipient, sender, or both to have t
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く