[CSS]スマフォ対応サイトのためにMedia Queriesをしっかり身につけるチュートリアル
iPhoneなどの小さいサイズのモニターをはじめ、2560pxの大きいサイズのモニターなど、それぞれの幅に適したレイアウトを自動的に適用するMedia Queriesをしっかりと身につけるためのスタイルシートのチュートリアルを紹介します。 Adaptive & Mobile Design with CSS3 Media Queries [ad#ad-2] 下記は各ポイントを意訳したものです。 デモページの確認 HTML CSS Media Queries 完成したデモの確認 デモページの確認 チュートリアルの前にまず、それがどのように見えるかデモページをチェックしてみてください。 このデモページはHTML5+CSS3 Media Queriesで作成されており、ユーザーが使用しているビューポートのサイズに適したレイアウトに自動調整して表示されます。 デモページ 左から、ノーマル、ナロウ、ス
スマホサイト案件の見積もりについて
スマホサイト案件の見積もりについて 「Android案件の見積り」や「スマホ案件の見積もりについて」を受けて、アプリではなくHTML+CSSでつくるスマホサイト制作の見積もりではまりやすいポイントをまとめています。 HTML+CSS構築ではPCの0.７倍くらいの単価 スマホサイトはPCより小さいのでHTML+CSSの構築コストも安くみます。ただ、CSS3で作ったほうが良いところで画象の切り出しより手間がかかることもあります。ならすとページ単価はPCの0.７倍くらいの感じじゃないでしょうか？ 検証コストは増大 対応端末が多く検証コストはPCと比較して増大します。iPhone3G、iPhone3GS、iPhone4、iPhone4Sの中から2端末ぐらい(iOS4.x系とiOS5系)。Android2.2、Android2.3から売れてる端末で2端末ぐらい検証するのがよいでしょう。(場合によって
スマホ案件の見積もりについて - ku-sukeのブログ
Android案件の見積り ｜ クラスメソッド開発ブログ を読んで、業界人らしき人のブコメが、「この程度でホッテントリか」という感じで、僕もややそっちよりの意見だったので、ざっくり補足できそうな点について書いて見ました。もう転職して受託の立場ではなくなったので。やや発注側の視点も含まれています。 責任のないリスクについてコスト負担範囲を決める すべてにおいて最重要項目です。変化の激しいスマホ業界においては、互いのリスクテイクについての認識をあわせておく必要があります。例としてはこんなものがあります。 開発期間中に突如OSのメジャーバージョンアップがあった。 顧客「あ、新しいのでましたね。対応できますよね＾＾」 世論に応じて機能の根幹部分が突然リジェクト対象になる。 りんご「今日から電話番号認証禁止ね＾＾直さないと削除しちゃうよ＾＾」 過去を顧みない方針転換がなされる ぐぐる「メニューボタン
無料で聴けて、もう作業用BGMに困らない。ミュージックビデオを次々に流してループしてくれる個人的に超オススメサイト / Maka-Veli .com
色々あるツールの中で、僕がよく使うサイトをご紹介。 洋楽がメインなので、僕の趣味と合う方向けですが・・・ Musictonic アルゴリズムはわかりませんが、 アーティスト名などを入力すると、ミュージックビデオをひたすら流してくれます。 デザインも素敵で、シェアボタンもあるので シェアしたい時にもサクっと紹介できるのが嬉しい。 使いやすいので、一番使ってます。 例えば「Capsule」とかって入力すると・・・ 左に再生リスト。 右に関連するキーワード（例えば「きゃりーぱみゅぱみゅ」とか「中田ヤスタカ」とか）が並びます。 けっこう「あれ、次何聴こうかなー」とか悩むんですよね。こういうのって。 なので凄く助かります。 YesYesY’all これも本当オススメ！ 音楽聴こうかなって思った時、「あれ聴こう！」と出れば良いですけど、大体聴きたい曲って出て来ないんですよ。
英国政府、新ポータルGov.ukをクラウド、アジャイル、Rubyで開発。ソースはGithubで公開
クラウド上でRubyを使って開発し、成果物はオープンソースとして公開。開発プロセスにはアジャイル開発を採用し、毎日スタンドアップミーティングを実施。まるでベンチャー企業が新サービスを開発するようなスタイルを採用しているのが、英国政府のポータル「Gov.uk」の開発チーム。 Welcome to GOV.UK Beta (Test) - simpler, clearer, faster access to UK government services and information Gov.ukは、英国政府の情報とサービスを利用するためのポータルサイトとして開発が進んでおり、現在β版が公開されています。 グーグルのプロジェクトのようにGov.ukは作られている Gov.ukがどのように開発されているのか、ブログGovernment Digital Serviceにポストされたエントリ「Int
0 から始めるHTMLとCSSの基本・基礎-webデザイン入門-
私の周りでwebデザインが出来る人ってあんまりいません。でも「webデザインってどうやるのー？」とか「私もやってみたいんだけど…」とかの声はよく聞きます。皆興味はあるのに”webデザインは難しい”と思って始められないんじゃないでしょうか。そんなこれからwebデザインを始めたいビギナーさんに向けてHTMLの基本・基礎をまとめてみます。真新しいことは特にないほんとに基礎です〜＞＜ by：fweez まずはじめに とりあえず用意するもの2つ HTMLの基本 HTMLとは？ 1.DOCTYPEの宣言 2.基本的なタグ 3.<body>の文書構造 CSSの基本 CSSとは？ 1.CSSの読み込み方法 2.指定パターン 3.marginとpaddingの違い 4.ブロック要素とインライン要素 応用してwebページを作ってみる まずはじめに 一口にwebデザインといっても色々なことがあると思うのですが大
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
CSSの記述が3倍速くなる「LESS」の使い方 (1/2)
2012年02月09日 13時58分更新 文●斉藤祐也／<a href="http://css.studiomohawk.com/">CSS Radar</a> 最近のWebサイトは大規模傾向にあり、Webアプリケーションを構築する機会も増えてきました。jQueryやMooToolsなど、JavaScriptを手軽に利用できるようにするライブラリーが普及する一方、Webサイトの表示を担うCSSにも、「Blueprint」や「960 Grid System」に代表されるフレームワークが登場しています。 「LESS」や「Sass」のようなCSS拡張メタ言語は、こうしたフレームワークとは異なり、CSSの言語自体を拡張し、CSSには存在しない機能を追加するものです。CSS拡張メタ言語を利用することで、変数、ミックスイン、入れ子ルール、名前空間、四則演算、関数などの動的な処理をCSSに追加でき、CS
今さら聞けないよね｜なぜFacebook広告が最強なのか - Leopard LAB
せっかくFacebookページを作ったのに「いいね！」が100人前後で止まっている中小企業や団体、神社をよく見かけます。インターネット空間は果てしなく広大なので、ただ発信しているだけではなかなか人々に見つけてもらえません。解決策として、首都圏ではFacebook広告が超優秀です。1日100円から出稿でき、掲載も停止も簡単で自由自在。私は低額での「お試し」を積極的に勧めています。 今さら……と思う人もいるでしょうが、実際にFacebook広告運用が選択肢にない事業者や団体も多いので、改めて紹介しておこうと思います。 類を見ないターゲティング機能Facebookの特徴は言うまでもなく実名制です。実際の友人・知人とコミュニケーションする前提なので、アクティブに活動している人の圧倒的大多数は本当の情報を入力しています。嘘を入力していると「本当に●●さんかな？」という疑念が生まれてしまい、まったくメ
musictonic
Watch music videos and discover new artists, automatic continuos playback and other awesome stuff.
編集者の日々の泡:講談社「スティーブ・ジョブズ」、100万部出て「まさかの赤字」。背景は米国の……
2012年02月09日 講談社「スティーブ・ジョブズ」、100万部出て「まさかの赤字」。背景は米国の…… Tweet ところで講談社が伝記「スティーブ・ジョブズ」の販売状況を公開したらしい。 前後編で100万部以上出たわけだけど、赤字だそうだ。 日本市場の場合、通常書籍は初版では赤字の「バーゲン価格設定」で販売され、運良く増刷りが掛かったときに黒字化していくのが一般的。 とはいうものの、もちろん増刷りが掛かりまくって100万部出てすら赤字（１冊あたりは50万部だけど）というのは、商品設計になにか決定的な問題点があったとしか思えない。まして１冊約2000円という高額書籍なのに。 理由は高額ロイヤリティーだそうだ。 米国では同書の標準小売価格は35ドル。まあ3000円といったところ。前後編に分かれておらず１冊だ。 日本の場合前後編２冊合計で4000円。もちろん英語書籍と日本語書籍の市場規模は比
歩かない小学生、歩数３割減…ゲーム機の影響？ : 社会 : YOMIURI ONLINE（読売新聞）
東京都教委が都内の子供を対象に初の大規模な歩数調査を実施したところ、小学生は１日平均１万１３８２歩だったことが９日分かった。 １９７９年には１万７１２０歩という大学の研究もあり、３０年間で３割以上減少した。中学、高校になるとさらに歩数は減る傾向にあり、専門家は「ゲーム機などの影響で放課後に遊ぶ時間が減ったのでは」と分析する。 都教委は昨年９～１０月、都内の小中高校計１３５校に通う１万６１００人の児童・生徒に歩数計を配り、１日の歩数を記録してもらった。その結果、１日平均で小学生は１万１３８２歩、中学生は９０６０歩、高校生は８２２６歩だった。 独立行政法人「国立健康・栄養研究所」は過去の複数の研究結果から、１９８０年代の小学生は、男子で平均１万８０００～２万１０００歩、女子で１万４０００～１万７０００歩だったと指摘。東京学芸大の波多野義郎・名誉教授（健康スポーツ科学）が１９７９年に都内の公立小
CSSや画像の命名規則について - kojika17
コーディングで時間のかかる要素の1つとして、id,class名や画像名などの命名規則が挙げられます。 特に中規模、大規模のサイトで、適当な名前を付けると名前が被る確率が上がり、 その結果、画像の上書きや不要なプロパティがかかってしまうなど、よくない結果になることも考えられます。 一つの例として、私の命名規則について紹介してます。参考程度に読んで頂けると幸いです。 カテゴリに分類して、つなげる。 ページのどの位置に属すか分類し、つなげる方法を取っています。 基本的に、CSSや画像名は同じにします。同名にすることで、名前を考える手間も省け、変更箇所の特定がしやすくなります。 例： CSS #top-side-nav 画像 top-side-nav-home.png top-side-nav-company.png 上記のように命名することで、 デザインを見なくても、どのような箇所に使われている
Evernoteを120％使い倒すScanSnapのTips集
Evernote、活用していますか？ フリーランスであるところの私にとって、もはやEvernoteは仕事になくてはならないクラウドサービス。「とりあえず、Evernoteに保存しておこう」の絶大なる安心感たるや。まさしく象のごとしです。 特に、「資料をなくした！」「相手の連絡先が分からなくなった」といった、いざという時に誰かに頼ることがあまりできないフリーランスの場合、自分の代わりに「すべてを記憶」してくれるEvernoteは本気で頼りになる相棒と言っても良いでしょう。 今回は、フリーランスとして、Evernoteを使ってマジで良かったと本気で思えたTipsをご紹介します！ ■ビジネスマンの命綱、名刺管理も楽々！ 仕事をする上で最初にもらい、手渡す紙と言えば、名刺。これが大変厄介なブツであることは皆さんご存じの通りです。ちょっと大きな案件になると、トランプでもできそうなほど大量に名刺をもら
GoogleがDropbox的クラウドストレージ「Drive」を近くリリースか
米Googleが、Dropboxと同様のクラウドストレージサービスを近くリリースするという。この件に詳しい関係者の話としてWall Street Journal（Web版）が2月8日付けで伝えた。 「Drive」と呼ぶこのサービスは、普及が進むスマートフォンやタブレットなど多様なデバイスからファイルにアクセスするためのものだという。写真や動画、ドキュメントファイルなどを保存でき、ファイルを簡単にアップロードするためのモバイルアプリも用意されるようだ。 新サービスは向こう数週間中にもリリースされるという。基本は無料で、より大容量を求めるなら有料になるというクラウドストレージでおなじみのモデルを採用するようだ。 記事によると、Googleのラリー・ペイジCEOは5年前、クラウドストレージ「G Drive」をリリースしようとしたが、断念したという。またDropboxのドリュー・ヒューストンCEO
Chromeで超簡単にUser Agentを変える方法 :: 5509
@hokaccha に言われて便利すぎて脳みそ飛び出るかと思った途中から嘘です 以下、見たことのある内容が続きます 全然気がつかなかった・・・いつからだろう・・・ ＞ 17からだそうです Chromeにビルトインされてるのですぐ使えます。 ちなみに、キャプチャはChromeのdev版なのでstable版は少し違うかもしれません。stable(Macの17.0.963.46)でもOverride User Agentの項目あるのは確認してます。 通常はもちろんユーザーエージェントはChromeですが、Cmd+Option+I などでインスペクタを開くと 右下にギアアイコンがあって、そこからインスペクタのSettingが開けます すると Override User Agent という項目があるので チェックすると、よく使いそうな User Agent 一覧がプルダウンで開きます 試しに iPh
復習のタイミングを変えるだけで記憶の定着度は４倍になる
１，３，７……で復習する 一度に覚えるのと、分けて覚えるのでは、分けて覚えるほうが効果が高く、しかも長く続く。 これは、単純な暗唱ものから文章理解から技能習得に至るまで、あらゆるジャンルとコンテンツとシチュエーションで確認されている。 そして同じく学習を分散するにしても、その間隔を次第に広げる方が効果があることが知られている。 ・Glenberg AM & Lehmann TS. (1980). Spacing repetitions over 1 week. Memory & Cognition. 1980, Vol. 8 (6), 528-538. ・Glover JA & Corkill AJ.(1987). Influence of paraphrased repetitions on the spacing effect. Journal of Educational Psych
iphoneからgoogleリーダーへRSS登録する方法(ブックマークレット) | nori510.com
どーも@nori510です。 iphoneでtwitter経由などで閲覧したブログが面白く、「今後も見たい、RSS登録しよ。」と思った時、何となくメンドくさくて、「あとでPCから登録すればいいか。」となり、結局登録しない。なんて流れがよくあります。 もしこれが恋だとしたら、「あの人のコト気になるかも。」という恋愛のフラグをミスミス見逃してしまって、恋の予感を棒に振ってしまっているというコトですからね。この後購読するに従って、ドンドン好きになってストーカーの如く追いかけ回すチャンスをみすみす逃してしまっているというコトですからね。 そんなのって残念じゃないですか。 というコトで、iphoneから簡単にGoogleReaderへRSS登録する方法。 対記事:iphoneからgoogleリーダーへRSS登録してもらう方法(ボタン作成&リンク先の考察) iphoneからGoogleReaderRS
【Twitter実験】どんなツイートがRTされやすいのか？ | オモコロ
RTとは、リツイート(ReTweet)の略語。誰かのつぶやきをもう一度、自分のタイムラインに表示させる行為のことを指します。 1月某日、セブ山は原宿編集長に呼び出されていた―。 「セブちゃん、オモコロのTwitterアカウント（@omocoro）がついに1万フォロワーいったよ」 「お、すごい！これからもオモコロの動向をいろんな人に知ってもらえるようにツイートしていきましょう！」 「うん。 でも、どんなツイートがRTしてもらいやすいんだろう？ セブちゃんはどう思う？」 「そうですね、どんなツイートがRTしてもらいやすんでしょうか？」 「調べてみてくれない？」 「え？」 セブ山が「どんなツイートがRTされやすいのか？」を調べるために、様々な種類のツイートをつぶやいていきます。 それらのツイートのRT数が合計1000RTになれば家に帰れるという完全オリジナル企画です。 検証には、セブ山のTwit
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
地下鉄駅採集
複数PCでマウス・キーボードをLAN共有する「Mouse Without Borders」
BANDIT77 - Situs $L0T Online Hadiah Paling Besar