CSSのレイアウトは最近ではFlexboxが主流となり、それまでの考え方や実装方法とは大きく異なります。@mediaのブレイクポイントやハックを使用せず、CSSの性能を活かした、コンテキストに依存しないコンテンツベースで実装するコンポーネントのレイアウト方法を学べるRelearn CSS layoutを紹介します。 すべてのデバイスに対してフレキシブルなレイアウトが可能で、一貫性のある簡潔なコードで実装できます。 Relearn CSS layout Relearn CSS layoutは、インクルーシブ HTML＋CSS＆JavaScript（紹介記事）、コーディングWebアクセシビリティ（紹介記事）などの著者Heydon Pickering氏（@heydonworks）とAndy Bell氏（@andybelldesign）のプロジェクトです。

※こちらの記事がはてブの総合ホッテントリ入りしました！ ※noteの公式マガジンと、「先月もっとも多くスキされた記事」の一つに入りました！ こんにちは。Kazutaka Shimizuです。 フリーランスとしてPM、エンジニアをやっています。 元々はWebマーケティングのコンサルタントをやっていましたが、独学でWeb開発を勉強してWebサービスを作って起業しました。 最近は創業した会社を離れ、フリーランスとして活動したり、プログラミングを独学した経験をこちらのツイッターで発信しています。 Twitterやnoteの他の記事などでもしつこいぐらいに言っていることなのですが、プログラミング学習はある程度基礎を勉強したら、自分でオリジナルのWebサイトやアプリなどを作ってみるのがオススメです。 今までの勉強ではプロダクトにどんな機能が必要か考えたり、それを色々調べながら実装に落とし込んだりするこ

初めまして、ameko(@tk04amedama)と申します。 普段は都内の制作会社でWEBデザイナーをしています。 と言ってもまだまだ新米なので、日々勉強中です。 その勉強の一環で、最近のWebサイトで使われている メインビジュアルの構図を一覧にしてまとめた画像をTwitterに投稿してみたところ、思いがけず多くの方に反応いただけたので、その後に行っていた構図ごとの分類分けや分析も公開してみようと思い、初めてnoteに投稿してみました。 はじめに集めたサイトの数は全部で７０個。自分の仕事の参考のために集めたものなのでほとんどがBtoB向けサイトです。（BtoC向けサイトだと、この構図一覧もまた、全然違うものになりそうだなと思う。） 構図の名前は、なんとなく自分なりに語呂がいい名前をつけているだけなので、あまり突っ込まずふんわり流していただけると幸いです。（もしこの構図の正式名称とかあった

※UPDATE：Joystiq閉鎖に伴いAOL系列メディアEngadgetにてゲームニュースを扱うJoystiq x Engadgetが公開されました。 Joystiq x Engadgetの運営は、Engadgetにてゲーム報道を行ってきたBen Gilbert氏とJoystiqのシニアリポーターJess Conditt氏担当するとのこと。同サイトでは、Twitchでのストリーミング配信などを行い、従来のPRを重視したゲーム報道とは違うゲーミング報道を重視されるようです。また、ゲームレビューは行うものの採点はしないことを明らかにしています。 なお、この新しいサイトにJess Conditt氏以外のJoystiqの元スタッフが在籍するかどうかは不明です。 先日、当事者も知らない間に閉鎖されることが報じられた海外大手ゲームブログメディア「Joystiq」。本日Joystiqの編集長Ludwi

作成：2013/07/22 更新：2014/11/01 Web制作 > 先日、お客さんのところへ提案にいったところ、「サイトを自分でも作りたいので定期的に講習会を開いて欲しい。Wordしか分からない。」と言われました。とはいっても、自分である程度、継続して勉強しておかないと、受講する人は2回目以降の受講内容を理解出来ないし、教える人も基本知識をしっかり身につけておかないと、質問に答えることもできません。 今回はWeb製作をするなら必ず抑えるべきこと、知識「０」から学ぶ、基本的な知識を習得できるスライド・サービス・サイトをまとめました。ディレクションにもOK。メジャーなもの中心です。とはいえ量が膨大になったので、必要な部分だけピックアップして学びましょう。※スライドがないものに関しては、お役立ちリンクをつけてます。 エンジニア速報は Twitter の@commteで配信しています。 もくじ

By ｍｅｒａ ※2014年版はこちら ネット上でいろいろな企業・団体・個人が年に一度、この日のために全力で仕込んだネタを4月1日0時から24時までの間、24時間限定で公開し、一体何がウソで何がホントウなのかがわからなくなっていくカオスな一日となるエイプリルフールが今年も始まりました！ というわけで、GIGAZINEはエイプリルフールに便乗していろいろあれこれしているサイトたちを24時間リアルタイムで更新してまとめ続けます。なので、ときどき記事を更新すると先ほどまではなかったはずのサイトが続々と記事末尾に追加されていきます。また、ある程度更新する度にTwitterのGIGAZINE公式アカウントでもつぶやいておしらせしていくことにしています。 なお、掲載されていないサイトで「ここもエイプリルフールやってるヨ！」というのを発見したときや「うちもエイプリルフールやってます！」という自薦の連絡は

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

1：以下、名無しにかわりましてVIPがお送りします：2011/05/19(木) 06:40:07.49ID:GDrHbKJ30 かっこいい項目名とか興味そそるような奴とかそんなんあったら教えてくれ 【絶叫する60度】 http://ja.wikipedia.org/wiki/%E7%B5%B6%E5%8F%AB%E3%81%99%E3%82%8B60%E5%BA%A6 絶叫する60度 絶叫する60度（ぜっきょうする60ど、Shrieking Sixties、Screaming Sixties）は、南緯60度から70度にかける海域の俗称である。南極海を航行する船は、吠える40度、狂う50度を超えたこの海域でさらに強い嵐に見舞われる。南米最南端のティエラ・デル・フエゴと南極大陸最北端の南極半島の間、ドレーク海峡はこの海域に相当する。この緯度帯では、地球を周回する偏西風や海流（南極環流）の行く手

4 月 1 日は、多くの皆さんが楽しみにしている日かもしれません。Google にとってもそれは変わりません。この日のために、アイディアを出し、知恵を絞って、準備していました。 3 月 11 日の東北太平洋沖地震を受けて、被災された多くの方を支援する活動を開始し、今も継続しています。このような状況下で、何かできることはないかと考え、当初考えていたエイプリルフールのアイディアの代わりに、トップページに小さないたずらをすることにしました。 今日一日、Google のトップページには、2009 年に行われた Doodle 4 Google のコンテストで全国の小中学生が描いたロゴが掲載されます。地区代表に選ばれた 30 作品です。この年のテーマは「私の好きな日本」。日本の美しいところ、いいところ、大好きなところが、子供たちのまっすぐで力強い、豊かな表現力で描かれています。 もともとは、優勝作品だ

今年もインターネット上でさまざまな企業・団体・個人が総力を挙げてこの日のために事前に仕込んだネタを4月1日0時から24時までの間、24時間限定で公開しまくり、何がウソで何が本当かわからないカオスとなるエイプリルフールがやってきました。というわけで、エイプリルフールに便乗しているサイトをまとめてみました。とりあえず24時間リアルタイム更新します。また、更新する度にTwitterのGIGAZINE公式アカウントでもつぶやいていく予定です。 なお、掲載されていないサイトで「ここもエイプリルフールやってる！」というのを発見したときや「うちもエイプリルフールやってます！」という自薦の連絡はこちらにあるネタのタレコミ用メールフォームから送信をお願いします。サイトを見に行っても「どれがエイプリルフールのネタなの……？」ということで判断できなかったり、「何かが変わっているのかもしれないが元のサイトの状態が

「障害をネタにしたギャグは、はたして“自虐”なのか」ということに対する僕の考え方を、一連のツイートにまとめてみました。みなさんのお考えもお聞かせいただければ幸いです。

By agoasi ファイル共有ソフトを使わず、インターネットを経由せず、完全なオフラインでありながら匿名性を保持し、なおかつP2Pでパソコンの中のファイルを共有しようという恐るべきプロジェクト「Dead Drops」が稼働し始めたことが明らかになりました。 一体どういう仕組みで実現しているのかという恐るべきシステムの詳細は以下から。 “Dead Drops” preview at Aram Bartholl - Blog http://datenform.de/blog/dead-drops-preview/ Dead Drops http://deaddrops.com/ これが「デッド・ドロップス」です。壁にUSBメモリが埋め込んであるように見えますが、その通りです。 「デッド・ドロップス」は公共の空間を使った匿名でP2Pなファイル共有プロジェクトとなっており、数週間前からニューヨー

『ぐりとぐら』のカステラ、「魔女の宅急便」に出てくるニシンとかぼちゃのパイ、「ルパン三世 カリオストロの城」に出てくるミートボールスパゲティ…。アニメやマンガ、絵本に出てくる料理を「食べてみたい！」と思ったことはありませんか？今回は、架空の世界で生み出されるレシピを再現したブログやサイト、書籍を紹介します。 ■『美味しんぼ』に『クッキングパパ』も！ ▽再現料理のまとめリンク - 本がないならブログをお読み 『ミスター味っ子』『クッキングパパ』『美味しんぼ』『中華一番』など、数々の料理マンガ・アニメ・小説のレシピを再現しているのがこちらのブログ。 『華麗なる食卓』のキーマ・マタール。夏にピッタリなスパイシーメニューですね。 華麗なる食卓 1 (ヤングジャンプコミックス) 作者:ふなつ 一輝出版社/メーカー: 集英社発売日: 2001/07/19メディア: コミック『クッキング・パパ』のバジリ