Fisker is issuing the first recall for its all-electric Ocean SUV because of problems with the warning lights, according to new information published by the National Highway Traffic Safety Administration.…

追記 2018/02/21 追記事項 編集リクエストをしていただき、ありがとうございます！ 思ったよりご覧になられているようで恐縮です... 拙い記事で自分の理解不足によるところもありますので、もし「ここはおかしい！」という所がありましたら、どうぞご指摘お願いします(お手柔らかに)＿(:3」∠)＿ ※内容に関係しないところで、一部修正しました。 はじめ プログラム言語は一般的にコーディング規約というものが存在するのはご存知かと思いますが、HTMLとCSSにもコーディング規約が存在します。 今回、他の方のHTML/CSSコーディング規約を下敷きにしつつ、自分が今まで経験してきたことを踏まえたMyコーディング規約を作りましたので、公開してみることにします。 対象 特に絞ってないですが、あえて言うと「システム開発の過程でコーディングもたまにするプログラマ」を想定して書いてます 前提 HTML/C

日頃からTEDなどの動画サイトを著名人のデザイン思想や日々の取り組みを知る場として利用されている人は多いと思います。以前Goodpatch Blogの記事でも幾つかの有益なTED動画を紹介させていただきました。 1. デザインあ デザインあはNHKで毎週土曜と木曜の午前に放送されている知育番組です。キャッチコピーは「こどもたちの未来をハッピーにする「デザイン的思考」をはぐくむ」となっておりますが、大人でも楽しめる内容になっています。 番組紹介ページにもある通り、デザインとは人とモノ、人と人との繋がりをより良くするためのプロセスというまさにUXの本質を説くような番組になっていて、一見難しいと思われるUXの重要性を子どもたちにも分かるように有名クリエイターによって緻密に計算された音楽と映像を使って感覚的に説明しているのがこの番組の特徴です。 個人的にはこの番組を見て育った子どもたちがどういう大

CSS Gridのデバグに便利なFirefoxのCSS Gridインスペクターをご紹介します。Firefox 56から搭載 されているこのインスペクターを使うと以下のグリッド関連の情報が表示できます。CSS GridするならFirefoxがいいですね。 グリッドをオーバーレイ表示 線番号を表示 領域名を表示 グリッド線を無限に延伸 各グリッドの詳細を表示 開発ツールを表示する まずはメニューの「ツール > ウェブ開発 > 開発ツールを表示」から開発ツールを表示します。 グリッドをオーバーレイ表示 グリッドの親要素を選択すると、「ルール」タブのCSSのところに小さくグリッド・アイコンが表示されます。このアイコンをクリックするとグリッドのオーバーレイが表示されます。 FirefoxのCSS Gridインスペクターの機能はこれだけだと思っていたんですが、他にもありました！ 「レイアウト」タブ 開

Webサイトがレスポンシブ対応していたり、常に表示する必要のないメニューはハンバーガーメニューで隠したりと、業界で共有されている*Webデザインの「あるべき姿」*は、常に少しずつ進化しています。 その下支えになっているのがブラウザ技術です。Webrageの調査によれば、Internet Explorerを超えてGoogle Chromeが国内外で圧倒的シェアを獲得していますが、Google Chromeは6週間ごとに安定版がリリースされており、アップデートごとにブラウザの技術も進化しています。結果的に、Webデザインでできる幅も広がるのです。 しかし、Webデザインでできることが多くなったからといって、必ずしもデザイン上のテクニックがユーザー体験(UX)を向上させるとは限りません。 そこで今回は、Webデザインが進化したからこそ「やってはいけない」5つのことをまとめました。よかれと思って実

Webサイトがレスポンシブ対応していたり、常に表示する必要のないメニューはハンバーガーメニューで隠したりと、業界で共有されている*Webデザインの「あるべき姿」*は、常に少しずつ進化しています。 その下支えになっているのがブラウザ技術です。Webrageの調査によれば、Internet Explorerを超えてGoogle Chromeが国内外で圧倒的シェアを獲得していますが、Google Chromeは6週間ごとに安定版がリリースされており、アップデートごとにブラウザの技術も進化しています。結果的に、Webデザインでできる幅も広がるのです。 しかし、Webデザインでできることが多くなったからといって、必ずしもデザイン上のテクニックがユーザー体験(UX)を向上させるとは限りません。 そこで今回は、Webデザインが進化したからこそ「やってはいけない」5つのことをまとめました。よかれと思って実