ウェブコンポーネントにおける重要な側面の一つが、カプセル化です。マークアップ構造、スタイル、動作を隠蔽し、コード上の他のコードから分離することで、他の部分でクラッシュすることを防ぎ、コードをきれいにしておくことができます。シャドウ DOM API はこの主要部分であり、隠蔽され分離された DOM を要素に取り付けるための方法を提供しています。この記事ではシャドウ DOM を使う基本を記述しています。 この記事は、すでにあなたが DOM (Document Object Model) の概念を理解していることを想定しています。これはツリー上の構造で、接続されたノードがマークアップ文書(ウェブ文書の場合は通常 HTML 文書)に現れるさまざまな要素や文字列を表します。例として、以下のような HTML の断片を考えてみましょう。 <!doctype html> <html lang="en-US
プラカンブログ ホームページ制作に関する役立つ記事からおもしろ記事など。 プラスデザインカンパニーの スタッフによるブログです。
今回は最近のWeb制作業界でよく利用されている日本語Webフォントを実用化する方法について紹介したいと思います。 ちなみに私がWebフォントに憧れるようになったのは、佐野章核さんというグラフィックデザイナーが作ったWebサイトを見たことがきっかけでした。 この前見た夢Konelこの佐野章核さんはグラフィックデザイナーを名乗っているのにも関わらず、Photoshopやイラレのエフェクトをあまり使わない海外っぽいデザインが印象的です。 それでいて、日本語サイトではあまり見ない日本語Webフォントを用いて美しいタイポグラフィーによる先進的なデザインを実現しています。 モバイルファーストの時代に突入するにあたり、今後はこのようなサイトが増えていくのではないかな〜という新時代到来を予感させてくれました。 Webフォントを使うメリット、デメリットについて日本語Webフォントが最近流通し始めている背景に
Intro このサイトのフォントに Web Font を適用することにした。 フォントには Google と Adobe が協同で開発した Noto Sans CJK JP を採用した。 また、このサイトでは使用しないだろう文字を削除したサブセットを作ることで、フォントサイズを最適化した。 フォントサイズの最適化 Noto font は、そもそも豆腐(フォントがなかった場合に代替表示される四角)が出ないように(No-豆腐)することをコンセプトにしているため、フォントの網羅率は非常に高い。 そのため Web Font として利用する場合は、全体だとサイズが大きすぎるため、言語毎に提供されるフォントセットの中から、必要なフォントのみを適用することになる。 本サイトでは、 ASCII 、記号、日本語のフォントを用いる。 しかし、特に網羅された漢字の中には、日常では使わない文字が多々ある。 加えて
概要 Webサーバにフォントを格納して、パソコンにインストールしていないフォントでもホームページで表示できる機能がありますが、その時使われるフォントがWebフォントです。 この機能はCSS3で追加されました。 種類 Webフォントのフォーマットとしては、WOFF(Web Open Font Format)、EOT(Embedded OpenType)、SVG(Scalable Vector Graphics)、SVGZ(gzip圧縮されたSVG)、TrueType、OpenTypeなどがあります。 TrueType、OpenTypeはパソコンにインストールして使うフォントそのものです。 WOFFはTrueTypeまたはOpenTypeフォントをテーブル単位で圧縮して、独自のヘッダーを追加した形式です。圧縮されているためファイルサイズを小さくすることができます。これが今後の標準となりますが、
自分のデジタルプロダクトデザイナーとしてのアメリカでのポートフォリオが必要になったため、海外のUX・プロダクトデザイナーのサイトを50個くらい見て回った。 決定的に日本の個人のポートフォリオと違うなと思ったのは、プロジェクトのケーススタディを紹介をしている人が多いこと。デザイナーの数(=競合の数)など背景も違うのかもしれないけど、デザイナーの面接もしたことがあるので、採用視点で見ても仕事のプロセスが載っているのは良いなと思う。 何故UX・プロダクトデザイナーに限定しているかと言うと、デザイナーと言ってもさまざまで、例えばグラフィックデザイナーとUXデザイナーではプロセスも勝負する土俵もまったく異なるから。 目次: 1. 採用する人に考えさせない 2. プロジェクトのプロセスを見せる 3. ポートフォリオの構成 4. 自分がやったことを掘り下げる 5. ポートフォリオも作品のひとつ1. 採用
iOSのポップアップを偽装し、Apple IDやそのパスワードを盗み取るPoCが公開されています。詳細は以下から。 iOSを利用しているとiTunes Storeやアプリ内課金などを行うプロセスでApple IDのパスワード入力を求められると思いますが、悪意のある攻撃者がこのポップアップを偽装し簡単にApple IDのパスワードをユーザーから盗み出すコンセプト(以下、PoC:Proof of Concept)をGoogleのエンジニアFelix Krauseさんが公開し、話題になっています。 📝 One of these is Apple asking you for your password and the other one is a phishing popup that steals your password https://t.co/PdOJcthqL7 pic.twitt
2017 - 01 - 27 【レビュー】LINEモバイルでiPad Pro 9.7(SIMフリー)を使ってみました LINEモバイル iPhone 先日、iPad Pro 9.7インチのSIMフリー版を購入しました。今回は、TwitterやFacebookのデータが無制限に使えるLINEモバイルで実際に使ってみた感想をまとめていきたいと思います。それでは行ってみましょー。 初めてのiPad 今回試したLINEモバイルのプラン 良い点1:めっちゃ快適に使える 良い点2:LINEの同期もカウントフリー 良い点3:データ通信なら解約料無料 悪い点はココ スピードテストの結果 まとめ 初めてのiPad 購入したタブレットは9,7インチのiPad Pro。購入した目的は・・・実はそんなにありません。ただの物欲です。 これまで、タブレットはnexus7を使っていたんですけど、もう購入したのも4年前で
今一度 時空を超えて 冒険の旅に出よう 殺された未来を、救けに行こう 時の闇の降る前に—— シナリオ加藤正人、メインテーマ光田康典 数々の名作を手掛けたスタッフが集結 スマートフォンRPG史上 最高傑作がここに誕生! ◆ゲーム概要 ・スマートフォンゲームの常識を覆す前代未聞のボリューム ・シングルプレイ専用超大作冒険RPG ・幾多の名作を創り上げた加藤正人による過去・現在・未来を駆け巡る重厚壮大なストーリー ・光田康典による書き下ろしメインテーマとオーケストラや民族楽器を使った60を超える楽曲 ◆スタッフ <シナリオ・演出> 加藤正人(代表作:「クロノトリガー」「クロノクロス」「ゼノギアス」) <作曲> 光田康典(代表作:「クロノトリガー」「クロノクロス」「ゼノギアス」) 土屋俊輔(代表作:「ルミナスアーク2」「ルミナスアーク3」) マリアム・アボンナサー <アートディレクター> 江草天仁
JavaScript,jQueryの爆速コーディング、デバッグ方法論の勧め~実践向け逆引き(windows,chrome向け)~JavaScriptjQuery ※2017/4/21にオンロード時のデバッグ方法8を追記しました! こんにちは!エイチーム引越し侍の加藤です! みなさんJavaScript書いてますか? console.logめっちゃ使うよねーって人は目からうろこのデバッグ方法を、 ケース毎に紹介していこうと思います。(僕はconsole.log使いません) サーバーにデバッグ用のコードをアップロードすること無いので、 消さずに意図に反してリリースしてしまう危険性がないのもお勧めです。 前提知識 F12で出てくるデベロッパーツール(Elements, Console, Source, Network)の知識 Ctrl+Shift+Fで外部ソース(js,css)に対して一括検索が
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く