レスポンシブWebデザインとは (1/5)
スマートフォンやタブレット、PCなどあらゆるデバイスに対応する制作手法として注目されている「レスポンシブWebデザイン」。レスポンシブWebデザインの概念からサイト制作の基本まで、レスポンシブWebデザインによる制作案件を数多くこなす菊池 崇氏が解説します。（編集部） 本連載で紹介したレスポンシブWebデザインの基礎に加えて、画像や動画のレスポンシブ対応、パフォーマンス改善といった商用サイト構築のノウハウを大幅に加筆。さらに、解像度に依存しないレスポンシブWebデザインの考え方やスマートテレビ対応などの応用テクも盛り込みました。 レスポンシブWebデザイン マルチデバイス時代のコンセプトとテクニック 定価：2,625円 (本体2,500円)／形態：B5変 (232ページ) ISBN：978-4-04-886323-0 レスポンシブWebデザイン（Responsive Web Design）
最低限覚えておきたいWEB配色の基本２大原理と６つの配色パターン
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. WEBサイトのデザインは、誰もが頭を悩ませる部分だ。 「どういう配色なら良い印象を持ってもらうことができるのか？」「どのレイアウトならコンバージョンが上がるのか？」など、様々なところまで考えを張り巡らさなければいけないからだ。 そこで本日は、The Art of Color Coordination というインフォグラフィックをご紹介する。これを見れば、WEB配色の基本の２大原理と、今すぐに使える６つの配色パターンがすぐに分かる。 そして、初心者でも、統一感のある配色のWEBサイトを作るための大きな助けとなるはずだ。 WEB配色の２大原理と６つの配色パターン画像を拡大して表示する ※追記：インフォグラフィックの最後のクレジットの部分が途切
jQuery++
Hi, I’m jQuery++. I am a MIT licensed collection of extremely useful DOM helpers and special events for jQuery 1.8 and later. I’m not a UI project like jQuery UI or jQuery Tools. Instead, I’m all about providing low-level utilities for things that jQuery doesn’t support. If Underscore is jQuery’s functional-programming tie, I am jQuery’s bald-spot covering toupee. Select the plugins you want and c
インターネットでものづくりするときに役立つサイトまとめ
先日、東京学生広告研究団体連盟の総会にて、 「インターネットでつくる人を増やす」というテーマでお話させていただきました！ その時に紹介したサービスをまとめます。 この記事のターゲットは、インターネットでまだ作ったことがない人。 興味があってこれから始めよう！と思っている人向けです。 ポイントは、ブラウザだけで完結できるもの。PCさえあればOK。 アイデア・インスピレーションをストックしよう まずは、アイデアのストックやインスピレーションを高めるサービスを紹介します。 EVERNOTE 簡単なメモから、写真や動画まで記憶し、整理整頓ができるサービスです。 tumblr オンラインでできるスクラップブック。Web上の記事や画像・映像などを簡単にストックできます。 また他のユーザーの投稿もストックできるので、面白いユーザーをフォローするのがオススメです。 Pinterest 画像を貼りつけて共有
リアルグラフへの違和感 - naoyaのはてなダイアリー
なんか facebook のコメント blog とかに表示するやつに投稿されてるコメント、なんか素直に読めない感じのコメントが多い。･･･うまく言葉にできないので過激な言い方をすると気持ち悪いと感じるというか。ひどい言い方で、すみません。 実名とかで現実のアイデンティティを担保にとれば、コメントとか炎上もなくなってまともになるでしょうって話だったけれど、facebook でそれが現実になってみたが結果的にはぜんぜんまともじゃなかった。 アイデンティティが現実世界のそれだから、いろんな意味で発言の評価が本人に結びつけられた場合のフィードバックが強すぎるんじゃないだろうか。書く側は、なんだか立派なことを言ってみたり思ってもないことを言ってみたりと格好つけるし、読む側からの印象としてはそれ全部がひどいポジショントークに見えてしまって気分が萎える。 たしかに自分も、実名･･･というか現実のアイデン
http://swatmac.info/?p=942
See related links to what you are looking for.
書籍『「超」入門 失敗の本質』を批判する - naoyaのはてなダイアリー
先日『「超」入門 失敗の本質』(鈴木博毅、ダイヤモンド社、http://www.diamond.co.jp/book/9784478016879.html) という書籍を読みました。こちら、ダイヤモンド社の今週の週間ランキングでも一位のようですし、都内の複数書店でも平積み特設コーナーで扱われておりビジネス書として注目を集めているのでしょう。 内容としては、"累計５２万部突破、今もっとも注目される組織論の名著を、若手戦略コンサルタントが２３のポイントからダイジェストで読む。" とある通り位置づけとしては第二次世界大戦前後の旧日本軍の組織分析について書かれた『失敗の本質―日本軍の組織論的研究 (中公文庫)』に対する入門書という位置づけです。 結論から言いますと、この本には幾つかの点で個人的に首をかしげざるを得ないところがあると感じました。原典がある書籍である以上、そこは比較した上、原典の側に立
「こんなこと勉強して何の役に立つの？」と聞かれた時、言葉を尽くせない大人が知性を殺す: 不倒城
ちょっと前、「子どもに「こんなこと勉強して何の役に立つの？」と言われた時、「こんなことも出来ないお前は何の役に立つの？」と返すのが最強」とかいうコピペをみて、心底アホかと思った。まさか親や教育者が本気にはしないと思うが、こういう一言は容易に知性を殺す。 「お前は何の役に立つの？」という言葉には、勿論「お前も今は役に立たないけれど、将来は役に立つだろう？それと同じだ」という含意があると思われる。子どもはこの含意を理解しない。「お前は役に立たない」と受け取る。これは、言ってはいけない言葉だ。こういう言葉が、子どもから学習自体を奪う。 子どもはどんな時に「こんなこと勉強して何の役に立つの？」というかというと、要はその分野が面白くない時、意味が分からない時、とにかくその勉強をしたくない時に言うのであって、つまり「どんな役に立つのか」→「役に立たないでしょ？」というのは勉強しないことの理由づけないし
覚えておきたい、ニセ科学リスト - 妄想科學日報
「予備知識のない状態でニセ科学を見分けるのは難しい」という指摘があったので、予め警戒しておくべきニセ科学をリストアップしてみる。 量が多くて一度には書ききれないので順次追加。説明だけでなく項目自体増やしていくので、抜けを思い付いた方、間違いを見付けた方は御一報頂ければ幸甚。 広い意味で「間違った情報が信じられている」ものとしては歴史・経済・政治分野などにも多く存在すると思うが、この辺りは厳密な検証が困難であり泥沼化しやすいので割愛する。 また「かつて支持されていたが棄却された仮説」は科学的にニセだったわけではないので取り上げない。「科学の原則に則っていないニセ科学」と「科学に則してはいたが誤りだった仮説」は別物なので注意。 医学系 医学は勿論科学を元に発達した学問だが、多分に経験的である(=効く理由は判らないが効くことは実証されるような状態)ために似非理論が排除し難いのか、或いは患者への説
90年代の偉大なるギター・リフ50連発メドレー
「リフ」とはメインのメロディの下に表れる繰り返しのフレーズのこと。例えば「スモーク・オン・ザ・ウォーター」の冒頭のベースのようなものを指します。ある意味メロディよりも耳に残りやすいものですが、これを50個集めたメドレーを作ったギター講師の人が現れました。左右で伴奏とリフに分かれたりユニゾンしたりとリフだけで作品が成立するのが面白い動画です。 50 Great Guitar Riffs from the Early 90s by Jocelyn Pelichet – YouTube 元が伴奏なのでつなげてもそれほど違和感はありません。 曲目リストは以下。 1) Smells Like Teen Spirit – Nirvana 2) Shine – Collective Soul 3) Come Out and Play – Offspring 4) Symphony of Destruct
慶応大学生による投資団体ル・ミュウが海外逃亡。総額数十億円の被害｜エアログ
MT4でFX自動売買のEAを検証するブログ｜エアログ「FX自動売買で安定的して勝つことは可能か」を検証すべく、現金30万円を投資したリアル口座でMT4のEAを徹底比較 photo credit: Jack_Snell 慶應大学の学生が設立したコンサルタント会社「ル・ミュウ〜Le-mieux」という大学生ファンドが、投資金を集めたまま海外に逃亡したという事件をご存知ですか？僕は最近知ったのですが、この部分が↓ 株の値上がりや値下がりを自動で監視し、損益が出る前に売り抜けるシステムを開発したと言って投資金集め システムトレードと関係がありそうだったので当ブログでもご紹介させて頂きます。ちなみに「損益が出る前に売り抜ける」はおかしいですね。言い換えるならば「損失が出る前に決済する」といったところでしょうか。 この「損失が出る前に決済する」というだけならば、MQL4というプログラム言語を用いて簡単
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
TechCrunch | Startup and Technology News
While all of Wesley Chan’s success has been well-documented over the years, his personal journey…not so much. Chan spoke to TechCrunch about the ways his life impacts how he invests in startups.
日本にいながら国際交流はじめませんか？外国人にとっての旅の醍醐味をつくる「FindJPN」［マイプロSHOWCASE］
日本にいながら国際交流はじめませんか？外国人にとっての旅の醍醐味をつくる「FindJPN」［マイプロSHOWCASE］ 2012.06.05 サイトデフォルト 旅行は、その土地の人との交流ができると、記憶に残る素敵なものになりますよね。現地の人にとっても、異文化に触れられる楽しい出会いになります。「旅での素敵な出会いを確実にできるようにしたい」そんな想いから始まった「FindJPN（ファインドジャパン）」の取り組みをご紹介します。 「FindJPN（ファインドジャパン）」とは？ FindJPN（ファインドジャパン） 「FindJPN」は、外国人に日本文化や日本の生活を紹介したい人をつなぐサービスです。外国人旅行者が”旅先の文化や生活を”、”地元の人間を介して”体験できるサービスを提供しています。 一見、外国人向けの取り組みなのかと思いますが、それにとどまらないのが、「FindJPN」の取り
競合サイト調査・分析に必要なチェック項目と役立つツール達！
たいていの人は何らかの商品を購入する時、似たような商品の中から一番気に入ったものを買うと思います。そのため、自社商品を他社商品よりも多く購入してもらうには、お客様に「これが一番良い！」と思ってもらえる商品でなければなりません。 お客様に自社商品を一番だと思ってもらうには、競合他社の調査・分析は欠かせません。自社と他社の違い(差)を理解することが、より優れた商品やサービスの開発に繋がります。 これはWEBサイト制作でも同じです。競合サイトの調査分析をすることで、どのようにWEBサイトを組み立てたら、競合サイトよりも優れたサイトになるかが見えてきます。 そこで今回は、競合他社のサイト調査・分析に必要なチェック項目と、役立つツール・調査方法を簡単にまとめて紹介したいと思います。 最初にライバルだと思われる会社のターゲットユーザーを調べることが必要です。これを調べると【実際にその企業がライバルと言
目標を達成するには客観的な記録を取って効果測定しよう | ライフハッカー・ジャパン
成功しているビジネスでは、必要に応じて会社の実績データを収拾し分析しています。 ブログ「Dumb Little Man」では、目標を達成するには効果を測定し、そのデータを元に、必要に応じて定期的にアクションを変えた方がいいと書かれています。 Photo （Modern Warfare 2, Data Viz） by krooooop 目標が達成できない理由として、自分の進歩を常に客観的に見られなかったり、本当に効果のある方法ではないのに同じやり方に固執してしまっていたり、ということがあります。そこで、効果測定が必要になってくるわけです。 進歩の過程の（もし進歩していなかったとしても）客観的な事実や情報を見ることで、次にやらなければならないことが見えてきます。 これは、何も数字が大好きな統計マニアだけがやるようなことではありません。例えば、冒頭のDumb Little Manに載っていた記録
お腹をなでないとジタバタ暴れるコーギー犬（動画） : らばQ
お腹をなでないとジタバタ暴れるコーギー犬（動画） 犬や猫がお腹を見せるのは、親愛や服従を意味するそうですが、さらに一段進んだアピールをするコーギー犬がいました。 「お腹をなでてー」と執拗にせがむ映像をご覧ください。 FUNNY CORGI DOG BEGS FOR ATTENTION - YouTube なでないとジタバタします……それも激しく。 こうされては、なでないわけには行きません。 服従のポーズのはずですが、これではどちらが偉いのかわかりませんね。 リボルテックヤマグチ No.121 リオレウス海洋堂 売り上げランキング: 2 位 Amazon.co.jp で詳細を見る 関連記事もしも犬や猫が日記を書いたなら…こんなことになる！こんなラブラブ見たことない…猫と犬がぴとっと寄り添う（動画）いつまで回ってるの!?釣り輪が楽しくてしかたない犬（動画）たまげた…信じられない吠え方をする犬（
歯の手術を終え、「ボクがんばったよう」と大好きな犬にべっとり甘える猫のいる光景 : カラパイア
ソース：Rescue Cat Infatuated With Dog ミルクティー色の犬と猫が、ミルクティー色のカーペットの色で仲良く寄り添いあう姿にきゅんほわん。 Thomas O'Malley Flufferpants gives snuggles to Murkin こちらの映像は、オマリーくんがこの家に引き取られてすぐ、初めてマーキンさんと出会ったときのもの。最初はおっかなびっくりだったけど、直ぐにわかりあえたみたいだね。 Thomas O'Malley Flufferpants meets Murkin for the first time ちなみに犬のマーキンさんもペットシェルターからこの家に引き取られてきた。2003年生まれで、おそらくグレートピレニーズ/ラボ/ゴールデンレトリバー/オーストラリアンシェパードの雑種なのではと飼い主はコメントしている。この家には他にも猫がいるの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
XVIDEOSの最高に抜ける日本人まとめ
自分のための code を書こう
gooランキング - あらゆるものをランキングで紹介！ランキングの総合サイト
長文日記
新米デザイナーに読ませたい、ロゴデザインの制作プロセス
