Flexbox入門 - 横並びを実現する定番のCSS - ICS MEDIA
ボックス要素の横並びをCSSで行う場合は、CSSの「Flexboxフレックスボックス」 が便利です。Flexboxを使用することで、簡潔なコードで豊富なボックスのレイアウトが可能です。本記事ではウェブページの作成を通してFlexboxの特徴と使い方について解説します。 この記事で学べること Flexboxの使い方 スマートフォンへのレスポンシブ対応 Flexboxはボックスレイアウト用のCSS Flexboxとは、ボックスのレイアウト方法を定めるCSSの機能です。ボックスとは、HTML上の各要素が生成する領域のことです。下図のHTMLコードのウェブページでは、div要素・h1要素・p要素がそれぞれボックスを生成します。 Flexboxでは、ボックスを横ならびにしたり、右寄せ・中央寄せ・左寄せをしたりと、さまざまなレイアウトを少量のコードで実現できます。 サンプルの紹介 今回はレスポンシブな
UXデザイナー深津貴之が語る身も蓋もない組織論!? 「ユーザー目線のない会社からは逃げるしかない」「それでもそこでがんばりたいなら……」 | HRナビ by リクルート
PCやスマートフォンを開けば、そこには不愉快なUIが至るところにあふれている。さして文章が長くもないのにページが4分割されているニュース記事（腹立たしいことに4ページ目はたった1行だったりする）、サッカーのハイライト動画でシュートの行方をカメラが追い始めた瞬間に始まる動画広告、場面転換をするたびにCMが挟み込まれ、もはやCMを見ているのかゲームをしているのかわからなくなるアドベンチャーゲームアプリなど……。 さらに不幸なことは、ウェブメディアの編集部や動画配信者、ゲーム制作会社の制作現場にいる人たちにとっても、これは決して愉快な状況ではないということだ。罵詈雑言混じりの苦情が書かれたユーザー評価欄やSNSを見ながら彼らは言うだろう。「誰が好き好んでこんなUIを作るものか」と。 関わる誰から見てもおかしなUIは、それでもなぜ量産され世の中のストレスを増幅させ続けているのだろうか？ その負のス
AngularでSVG使おうぜ！ - Qiita
本記事は Angular Advent Calendar 2017 の21日目の記事です。 みなさん、SVG使っていますか～！ HTMLと同じように文書構造を表現できるSVGですが、Angularで利用するにあたって、その利便性や注意点にはどのようなモノがあるのでしょうか？ Angularとの親和性 svgファイルをイメージタグで読み込んだりして利用する分には特に旨味はなく、「eventListnerでonclickを取得できるベクター画像」くらいの機能性しか持たず、特にAngularとのシナジーを感じるようないいことはないかもしれません。。。 しかし、SVGはHTMLテンプレート上にそのまま記述でき、描写されるという特徴を持っています。 このため、バインディングやディレクティブなど、Angularを象徴する機能のほとんどがHTMLのテンプレートと同じように、遜色なく利用することができます
ポケモンGOに新機能「AR+」、登場！ARKitでAR機能を拡張 | ゴリミー
「ポケモンGO」に新機能「AR+」が登場したことが発表された。 「AR+」はAppleの「ARKit」フレームワークを活用し、「ポケモンGO」で野生のポケモンを捕まえる時に利用できるAR機能を拡張するもの。本日より、「iOS 11」以降にアップデートしている「iPhone 6s」以降のiPhoneで体験することができる。 この新機能によって、ポケモンが現実の世界に、実際に現われたように見ることができる。ポケモンに近づいたり、回り込んだりすることができるため、巨大な「イワーク」を見上げる、「カビゴン」が道を通せんぼしている、ということを体験できる。 「AR+」では、うまく近づいてポケモンを捕まえることができれば、多くのボーナスを獲得できるだけでなく、「エキスパート」ボーナスとして、XPと「ほしのすな」をさらに得ることができるとのこと。 ただし、新機能によってポケモンはトレーナーが近づいてくる
Magic Leap: Founder of Secretive Start-Up Unveils Mixed-Reality Goggles
Magic Leap revealed a mixed reality headset that it believes reinvents the way people will interact with computers and reality. Unlike the opaque diver’s masks of virtual reality — which replace the real world with a virtual one — Magic Leap’s device, called Lightwear, resembles goggles, which users can see through as if they are wearing a special pair of glasses. The goggles are tethered to a pow
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
