これなら簡単で便利！最近見かけるCSSのさまざまなコンポーネントをコピペで利用できる -CodyHouse Framework
HTMLとCSS、そしてJavaScriptで実装された最近のWebページやスマホアプリで見かけるさまざまなコンポーネントを簡単に利用できるフレームワークを紹介します。 各コンポーネントは単体でもHTMLとCSSのコピペで利用できるので、既存ページや他のフレームワークにも簡単に使うことができて便利です。 CodyHouse Framework 2.0 CSSベースの軽量フレームワーク アクセシブルで、Webページやスマホアプリのインターフェースを構築するための8Kb軽量フロントエンドフレームワーク。 さまざまなコンポーネント HTMLとCSS、そしてJavaScriptで実装された、87種類のコンポーネント。 実装もカスタマイズも簡単 コピペで利用でき、既存のCSSルールを上書きする必要はありません。 モバイルファースト すべてのコンポーネントは、モバイルファーストで実装されています。 プ
チャットボットを作るときに気を付けるべき唯一つのこと
Microsoft Bot Frameworkは、開発者がさまざまなビジネス上の問題を解決する魅力的なボット体験を作成できるようご支援します。このセクションで説明されている概念を学ぶことで、ベストプラクティスに沿ったボットを設計し、この比較的新しい分野での教訓を活用できます。 ボットの設計 ボットを構築する場合、そのボットはあくまでもあなたがユーザーに使わせたい、あなたがアプリ、ウェブサイト、電話、その他の特定のニーズに対処する他の方法よりもユーザーにボットを選んでほしいと願っている、と思ってください。言い換えれば、あなたの構築するボットは、アプリやウェブサイトなどとの競争です。あなたのボットがユーザーを引きつけるにはどうすればいいですか？ボットを設計する際には、適切な要素に優先順位をつけるという単純なことを心がけてください。 ボットの成功を保証しない要因 ボットを設計する際は、次の要因の
Node.js ではじめる Bot 開発 (基本編)
hNode.js と Microsoft Bot Framework を使用した Bot 開発について紹介します。 同様の内容は、既に VAL 研究所の丸山さんが、ほほ完璧な記事をブログに公開していますので、サクッと開発して Azure のデプロイして Web に公開したい方はぜひこちらを参考にしてください。 Microsoft Bot Framework、Azureを利用したBot開発！Bot作成からWeb上で公開するまで 私のほうはツールの使い方やデバッグの方法など交えつつ書いていきたいと思います。 Microsoft Bot Framework とは Microsoft Bot Framework は Chat Bot を効率よく開発するためのフレームワークです。 プログラムコードから利用する Bot Developer SDK と、さまざまなメッセージングサービスに Bot を公開
Flexboxでグリッドデザインを実装できるCSSフレームワーク15選
CSSでよく使うコンポーネントをフレームワークとしてまとめているCSSフレームワーク。 その多くは、レスポンシブに対応した機能も標準対応しているので非常に便利です。 そうしたCSSフレームワークの中でも、レイアウトにFlexboxを使用したモダンなフレームワークが次第に増えてきました。 また、古いIE（インターネットエクスプローラー）のサポートの打ち切りや、主要ブラウザがCSS3の機能の多くをサポートしているので、Flexbox（フレックスボックス）を使う機会も多くなってきました。 そこで今回は、Flexbox対応のCSSフレームワークをまとめてご紹介していきます。 Flexboxを使えば段組が簡単になりますが、さらにCSSフレームワークを使うことで、Flexboxの基本的な設定もすでに組み込まれているので非常に便利です。 それぞれに特徴があるので、ぜひ自分にあったCSSフレームワークを見
レスポンシブ対応グリッドレイアウトだけを使う方法 [ホームページ作成] All About
ページレイアウトを簡単にするグリッドレイアウトシステム (細かく分割されたグリッドを自由に組み合わせることで、望みのサイズの段組を簡単に作成できる仕組み) ウェブページのレイアウトを簡単に作る方法として、「グリッドレイアウトを提供するフレームワーク」を活用する方法があります。Bootstrapなどの大規模なフレームワークにもその機能はあり、過去の記事「Bootstrapのグリッド機能で段組を作成」などでも使い方を解説致しました。 しかし、「グリッドレイアウトだけを使いたい」という場合に大規模なフレームワークを導入すると、読み込みに時間がかかるようになってしまったり、フレームワークに含まれている他の機能に影響されてデザインが作りにくくなったり、様々な不都合が発生することもあります。 そこで便利なのが、今回ご紹介する「Responsive Grid System」です。 グリッドレイアウトだけ
![レスポンシブ対応グリッドレイアウトだけを使う方法 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/9b4a93f4363e1c0229c0d354fd2e324384457b01/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F4%2F5%2F0%2F7%2F2%2F8%2Ftopimg_original.jpg)
BootstrapとMaterial Design Liteの違いを徹底検証！各ポイント10個まとめ
海外デザインブログTutorialzineで公開された「Comparing Bootstrap with Google’s New Material Design Lite」より許可をもらい、日本語抄訳しています。 Googleが、Android 5.0の登場と一緒に公開した、マテリアル・デザイン（英: Material Design）は多くのウェブサイトやアプリデザイン用フレームワークとして活用されています。すでに、ウェブコンポーネントをまとめたMUIやMaterial UI、Polymerなどのライブラリも公開されています。 2015年7月はじめに、Googleはより手軽にマテリアルデザインを活用できる、新しいフレームワーク「マテリアル・デザイン・ライト（英: Material Design Lite）」を発表しました。人気フレームワークBootstrapに標準を合わせており、今回は異
Mobile Frameworks Comparison Chart
The Mobile Frameworks Comparison Chart lets you compare most major mobile frameworks
グリッドからナビゲーション、スライダー、フォームなど、レスポンシブ対応のさまざまなコンポーネントが利用できるフレームワーク -Responsive Framework
グリッドからナビゲーション、スライダー、フォームなど、レスポンシブ対応のさまざまなコンポーネントが利用できるフレームワーク -Responsive Framework
CSS拡張メタ言語「SCSS(Sass)」と「LESS」の比較 - (DxD)∞
CSSを拡張するためのメタ言語として、代表的なものに「SCSS(Sass)」と「LESS」があります。今回、導入を検討するにあたり、両者を比較しました。 結果的には、「SCSS(Sass)」を導入することにしましたが、特に「SCSS(Sass)」を選択する決め手となった点に重点を置きつつ、両者の違いをまとめまてみました。 はじめに Webサイト、Webアプリケーションが大規模になるにつれて、CSSの設計・管理にもリソースを割かれるようになります。CSSのモジュール化、コンポーネント化による再利用性を考えたとき、現状のCSSを取り巻く状況は十分とは言えません。 一つの選択肢としてあがるのが「Blueprint」や「960 Glid System」等のCSSフレームワークの利用ですが、その再利用性と構造・表現の分離度はトレードオフです。 そこで、CSSの利点を活かしつつ、再利用性を高めるために
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
