私たちはこのオープンソースプロジェクトを世界中の人々に提供したいと考えています。このチュートリアルの内容をあなたが知っている言語に翻訳するのを手伝ってください。
現代の JavaScript チュートリアル
私たちはこのオープンソースプロジェクトを世界中の人々に提供したいと考えています。このチュートリアルの内容をあなたが知っている言語に翻訳するのを手伝ってください。
designudge | story | 2015-10-01 23:06
U.S. Web Design Standardsは、アメリカ合衆国の連邦政府で使われるUIコンポーネントをオープンソースという形で提示したものです。 話題になったので見た方も多いでしょう。 ちなみにWebサイト自体もGitHubリポジトリとして公開されており、18F/web-design-standardsにてみることが出来ます。 つまり、その気になればforkできるし、プルリクエストを送ることもできるわけです。 リポジトリの構成もモダンなもので、Webサイト自体はjekyllで出来ています。 jekyllについては、改めて説明するまでもないかもしれませんが、一応概要を書いておくと、jekyllは静的サイトジェネレータと呼ばれているタイプのもので、markdownなどなんらかの簡易マークアップ言語とテンプレート組み合わせて静的なHTMLを出力するタイプのCMSです。 また、このリポジトリ
Web Componentsベストプラクティス、 誰のためのWebなのか、どうコードレビューをするかなど海外WEBテク20本を一挙公開
Web Componentsベストプラクティス、 誰のためのWebなのか、どうコードレビューをするかなど海外WEBテク20本を一挙公開 斉藤 祐也（株式会社リッチメディア） 斉藤祐也の海外WEBテク定点観測＜Issue.13: 2014/04/01-2014/04/30＞ 今月の定点観測はWeb Componentsベストプラクティス、誰のためのWebなのかについて、そしてソースコード・レビューをどう行うかなどを紹介します。 注目ニュースピックアップ Web Components ベストプラクティス – WebComponents.org 原題: Web Components Best Practices Web Componentsはまだこれからの技術であることを念頭に、この記事では現時点でのベストプラクティスを紹介しています。 名前空間: 名前空間が他のWeb Componentと重複
Thinking about CSS Architecture
HTML, CSS i Javascript Web tehnologije - 2. predavanje - Startit.rs
Web ComponentsベースのUIライブラリ「Brick」をMozillaが公開
Web ComponentsベースのUIライブラリ「Brick」をMozillaが公開 白石 俊平（HTML5 Experts.jp編集長） Web開発のあり方を大きく変えると期待されている、Web Components仕様に準拠した新たなUIコンポーネントライブラリをMozillaが開発していることが明らかになりました（今回のネタ元になった記事はこちら）。 その名もBrickです。 Brickは、Brickは、X-Tagというフレームワークの上で構築されています。 X-Tagは、Web Components仕様に準拠したカスタムコンポーネントを容易に作ることができるようにするフレームワークです。 また、X-TagはPolymerというライブラリが提供するPolyfillを使用しており、IE9を含むモダンブラウザ上でWeb Componentsを利用可能にします。 そもそもWeb Comp
あなたの知らない超絶便利なWeb開発を叶える仕様Web Componentsとは
Web Componentsとは 本稿では、Google I/O 2013の中から、「Web Components」に関するセッションをレポートする。 「Web Components」は、簡単にいうと、Web（HTML）をコンポーネント化するための仕組みで、再利用性やメンテナンス性、開発効率を上げるのに大きな効果があるといわれている。 今年のGoogle I/Oでは、次の2つのセッションでWeb Componentsについて解説があった。 Web Components: A Tectonic Shift for Web Development（Google Chromeチーム 開発者Eric Bidelman氏） 資料：http://www.WebComponentsshift.com/ 「Web Components: A Tectonic Shift for Web Developme
Web Components普及の夜明け！？Polymerを試してみた。 | OpenWeb
今、Google I/Oに来ています！ そこで参加したWeb Components in Actionというセッションで、以前から注目していたWeb Componentsについて、大きな動きがあったことを知りました。 Polymer.jsというライブラリにより、Web Components仕様の大部分が動作させられるだけではなく、様々なカスタムコンポーネントを既に利用可能とのことなのです！ ちなみに、Web Components仕様について多少詳しく知りたい方は、昔白石が書いたこちらの記事を参考にするといいんじゃないでしょうか。 Polymerのコードを取得 PolymerはGitHubでコードが公開されています。まずは適当な空ディレクトリに移動し、そのコードを手元にクローンします。 このコマンドを実行すると、Polymer本体だけではなく、依存しているいくつかのモジュールも同時にクローン
Twitter製フレームワーク「Flight」<br />そのコンポーネントとは？ | DevelopersIO
この記事は公開されてから1年以上経過しています。情報が古い可能性がありますので、ご注意ください。 目次 学習目標 Flightについて コンポーネントについて ライブコーディング まとめ 学習目標 Flightってこんな感じなんだ。 なるほどコンポーネントってそういう事ね。 Flightちょっと試してみよっかな。 Flightについて “軽量”なフレームワークです。 “振る舞い”をDOMノードにマッピングする仕組みを持ちます。 “イベント”によってコミュニケーションを行います。 “コンポーネント”ベースです。 コンポーネントについて RequireJSを利用した“モジュールです”。 “AMD”フォーマットで記述します。 ノードに付与したい振る舞いが実装されます。 コンポーネントについて define( [ 'components/flight/lib/component' // コンポーネ
第45回 CSSのコンポーネント化がもたらすメリット | gihyo.jp
同じ記述の繰り返しを防ぎメンテナンス性や柔軟性を向上 W3Cによって策定された仕様の1つで、HTML／XMLの要素の表示をコントロールするために生まれたのが「CSS」（Cascading Style Sheets）です。HTMLとこのCSSを組み合わせることによって、文書構造（HTML）と見た目の表現（CSS）を切り離すことが可能になるほか、HTMLだけでは実現できないデザインやレイアウトが可能になるといった大きなメリットがあることから、Webサイトの構築やWebアプリケーションの開発において欠かせない技術となっています。 このCSSで現在注目を集めつつあるのが「オブジェクト指向CSS」や「Scalable and Modular Architecture for CSS」（拡張性のあるモジュールアプローチ）といった考え方です。これらは、CSSで記述する内容を「コンポーネント化」するこ
[Smartphone] Building Firefox OS - FirefoxOSのUI仕様書
[Smartphone] Building Firefox OS – FirefoxOSのUI仕様書 Pocket Tweet ぼちぼち登場するっぽいFirefox OSのUI仕様書が出てました。Firefox OSは他のスマートフォンと違い、アプリっていうよりは全部HTMLで対応する（なんだか第1世代のiPhoneみたい）ようなので、当然UI仕様書もHTMLでの記述法に関して書かれてます。パっと見SenchaやjQuery MobileなどのMobile端末用フレームワークの仕様書みたいな感じです。あとTransitionsの項目ではFirefox OSのトランジションに関して動きを使って説明されてます。自分の場合はAppleの犬なのでiPhone以外のスマートフォンを使おうとは思わないけど、今後仕事で需要が出てくる可能性もあるので、ちょっと気になるところであります。 Building
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
USWDS: The United States Web Design System
http://www.polymer-project.org/tools/designer/
webcomponents.org - Discuss & share web components
https://atnd.org/events/53826
http://atnd.org/events/53826
Learn web development | web.dev
https://css-tricks.com/modular-future-web-components/
IBM Developer
IBM Developer
Why Web Components?