レスポンシブWebデザインとは単一のHTMLでスマートフォン、タブレットといった画面サイズが異なるデバイスへ対応できるWebサイト制作手法をいう。2010年に誕生し、今も進化をしている。言葉だけを引用するとレスポンシブとは“反応／変化”なので、それに環境に応じて変化するWebと広く理解する方もいるかもしれないが、基本的にはグリッドシステム、フルードイメージ、メディアクエリを利用してマルチデバイスに対応させる手法がレスポンシブWebデザインだ。 欧米でも2012年にはリニューアルとともにレスポンシブWebデザインをする大企業のサイトも続々とローンチされている。世界的に有名なオンライン・メディア「Mashable」でも、ポストデスクトップ時代の終わりとモバイル時代の幕開けを理由の1つとしてレスポンシブWebデザインが2013年のメガトレンドと予想している。
ライフハッカーではほとんど毎週のように、失敗を受け止めることの重要性を忘れないようにする、さまざまな方法を紹介しています。「失敗は成功の母」とも言うように、失敗は学ぶべきことの多い貴重な経験だからです。また、失敗だけでなく、失敗する可能性について考えることも重要です。 人間の脳は常に合理的には働いておらず、他人には理解できないような不可解な決断をすることもよくあります。生産性向上アイデアブログ「99u」で、コロンビア・ビジネス・スクールのHeidi Grant Halvorson博士が、失敗をなくそうとすると、クリエイティブな能力もかなりなくなってしまうと言っています。 常に正しくあろうとする優等生のような思考は、未知のものや困難なことに遭遇した時に、問題を引き起こす傾向があります。ミスをすると能力に欠陥があるように思ってしまうので、ミスをするのを恐れ始め、かなりの不安やストレスを感じるよ
日本体育大学は２６日、網走市に知的障害のある生徒を対象にした「日体大北海高等学校」（仮称）を２０１５年度に開校する計画を明らかにした。 開校すれば、全国で初めて障害者向けのスポーツ教育に取り組む高校となる。 日体大は、障害を抱える青少年にスポーツの楽しさを伝えようと高校の開設を計画。網走市がラグビーや陸上競技といったスポーツの合宿を積極的に誘致していることに加え、女満別空港（大空町）も近くにあることから、網走に高校を開設することとした。今年度中に開かれる理事会で、高校開設が決まる見通しだ。 高校は男子校で全国から生徒を受け入れる。募集定員は１学年４０人程度とし、生徒は原則、寮生活になるという。
言語学習をテーマにしたブログ「fluentin3months.com」を運営しているBenny Lewisさんは、21歳を過ぎてから語学学習を始め、今では10カ国語以上を話すまでに！ いかにして学習したのか、そのやり方を聞いてみましょう。 私は21歳になるまで、新年を迎えるたびに「今年こそスペイン語を使えるようにする」という目標を立ててきました。けれども、いつもうまくいきませんでした。大学を出て電子工学のエンジニアになった時点では英語しか話せなかったのです。スペインで6カ月暮らす機会があっても、決まり文句をいくつか覚えただけで乗り切ってしまったし。新年の目標として語学を学ぶことにした多くの人は、若いころの私と同じような闇雲なやり方で、その目標に取り組んでいるのではないかと思います。 今では私は語学学習が得意です。これまでに勉強した言語は20カ国語以上。そのうち半分以上の言語を十分に話せます
サイト訪問者のストレスを軽減するために、サイトの表示速度はなるべく速くしたいものです。しかし昨今、メディアのジャンルあるいは記事の内容によっては、画像や動画などのリッチコンテンツがないと、ある場合と比較して直帰率の増加、滞在時間の減少などを招く傾向にあります。（当ブログ調べ） このジレンマを解決するには、画像のファイルサイズを圧縮して、ページ読み込みの負荷を減らしてあげる必要があります。この手のサービスにはYahoo! Smush.it™やCaesiumといったのようなものもありますが、今回は画質を保つだけではなく、画質をどれくらい落とすか調整しながらファイルサイズを圧縮できるサービスをご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! 画質を落とさずにファイルサイズを圧縮 「PNG
サイトを運営していて 必ずチェックするようになった 役立つ情報サイトをメモ ■コリス 言わずと知れたサイト制作に関するアウトプットとクリップした情報を 紹介するブログ フリー素材の情報等も豊富 ■かちびと.net Web制作の話題を中心に、便利なWebサービスやリソースなどを紹介しているサイト ■Webクリエイターボックス WebデザインやWebサイト制作、最新のWeb業界情報などを紹介してるサイト。 ■二十歳街道まっしぐら 管理人のカメきちさんが みつけたWebサービスや役立ちそうな情報を更新 ■ライフハッカー［日本版］ 生活全般に役立つライフハック情報を紹介しているサイト（ウェブネタも多数） ■フリーソフトの樹 おすすめのフリーソフトや知っていると便利な無料サイトなど、 パソコンを楽しむ情報を幅広い分野で毎日紹介しているサイト ■100shiki 海外のユニークなサイトを紹介 ■Ph
このブログの見出しはシンプルなんですが、CSSの「:before」や「:after」など擬似要素を使えば色々と装飾ができますので今回は8つのサンプルを紹介します。 HTMLはすべてHタグだけです。特に意味はありませんが今回のサンプルはh4タグを使っています。 「:before」「:after」やボーダーで表現する三角形の使い方など慣れない方もいるかもれませんので、その都度簡単に解説していきます。「:before」「:after」疑似要素はIE7以下は非対応ですのでご注意ください。 今回のサンプルは別サーバにアップしていますのでご覧ください。 それでは今回8つのサンプルを紹介していきます。 1. 吹き出しのような見出し1 吹き出しの下の部分を:after擬似要素で作っています。三角形はボーダーで作っています。下の画像を見ると何となくイメージできるでしょうか。今回の場合は上の赤い部分のみ色を付
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く