マージンやパディングでもう悩まない、モジュール式WebデザインにおけるHTMLとCSSの新しい実装方法 | コリス

2017/01/11 599 users パディング アトミック コリス マージン ロジック

Webページを制作にする時に、マージンやパディングをどのようにつけるか悩むことがあります。2カラムの隙間は、左パネルの右マージンorパディングなのか、右パネルの左マージンorパディングなのか。 Web制作の今までの考え方がきっと変わる、モジュール式のアトミック デザインにおけるHTMLとCSSの実装のロジックを紹介します。 Learning from Lego: A Step Forward in... 続きを読む

Bootstrap 3でレスポンシブ対応のwebページをつくろう！グリッドシステムの基本な使い方 | コリス

2015/06/17 269 users グリッドシステム コリス Bootstrap class 多く

Bootstrapはここ数年人気が非常に高く、多くのWebデザイナー・制作者がレスポンシブ対応のWebサイトを作るための本当に便利なツールです。使いやすいclassを備えたモジュール式のフレームワークで、カスタマイズ性にも非常に優れています。 Bootstrapのファイルのダウンロードからファイルのセットアップ、グリッドシステムの基本的な使い方を解説した記事を紹介します。 Installing B... 続きを読む

着実に進化している！無料で利用できるWordPressのテーマのまとめ | コリス

2015/06/24 265 users コリス ブッダ Demo ヘッダ フォトグラファー

ブログやポートフォリオ、フォトグラファーのギャラリー、プロダクトやアプリのランディングページなど、最近のデザインのトレンドをうまく取り入れたWordPressのテーマファイルを紹介します。 テーマは全部無料で利用でき、カスタマイズ性にも優れたものばかりです。 Themify Flow (demo) 個人・商用利用、無料。 モジュール式のレイアウトで、ヘッダ・フッタ・サイドバー・コンテンツなどをドラ... 続きを読む

JavaScriptとCSSファイルのHTTPリクエストを最小限にし圧縮・キャッシュする -BoxJSとBoxCSS | コリス

2011/07/11 259 users コリス HTTPリクエスト 圧縮 CSSファイル JSファイル

ウェブサイトで使用する複数のJavaScriptとCSSファイルのHTTPリクエストを少なくし、圧縮・キャッシュするサービスを紹介します。 複数のJSファイルをまとめる -BoxJS 複数のCSSファイルをまとめる -BoxCSS 複数のJSファイルをまとめる -BoxJS BoxJSは一つのJSファイル（box.js）を利用し、モジュール式のローディングシステムで複数のJSファイルをロードできま... 続きを読む

(S)CSSの書き方メモ - Weblog - hail2u.net

2011/10/24 142 users Weblog hail2u.net SCSS CSS 書き方

HTML5時代に向いていそうな(S)CSSの書き方を模索しています。SCSSで書くのでモジュール式に色々分割した方が良さそうだな…とか色々試してますが、なかなかこれ！というものに辿りつけません…。ということで、ここ最近の書き方をメモがてら晒してみる試みです。 実際にこのサイトで使っているSCSSファイルを抜粋しつつ列記していきます。 style.scss style.cssになるSCSSファイルで... 続きを読む

BootstrapベースのシンプルなUIのオープンソース管理画面テンプレート・「tabler」 | かちびと.net

2018/03/20 69 users Bootstrap Tabler コンポーネント CSS 上部

tabler tablerはBootstrap 4ベースのシンプルなUIの管理画面テンプレートです。多くの場合は左カラムにメニューを配置するケースが多かった気がしますが、こちらは上部に配置されていますので操作性よりは視認性に優れている印象でした。システム全体はモジュール式となっているので必要なコンポーネントを追加する形を取れるため、軽量化しやすく設計されています。また、CSSで出来る部分はCSSで... 続きを読む

サンワサプライ、モジュール式のラズパイ用センサーキット ～温度、距離、音、光などを検知/測定 - PC Watch

2017/11/10 36 users サンワサプライ 検知 測定 温度 距離

Raspberry Piセンサーキット(Windows 10 IoT Core) 800-RPSET3 　 株式会社サンワサプライ は、同社直販サイトのサンワダイレクトにて、「Raspberry Piセンサーキット(Windows 10 IoT Core) 800-RPSET3」を発売した。直販価格は29,800円。 　Windows 10 IoT Coreに特化したセンサーセットとなっており、セ... 続きを読む

Nintendo Switchは「ガジェットの未来」そのものだった──驚くべきゲーム体験と拡張性がもたらすもの｜WIRED.jp

2017/08/09 36 users ガジェット WIRED.jp Wired 未来 拡張性

INSIGHT 2017.08.10 THU 07:00 Nintendo Switchは「ガジェットの未来」そのものだった──驚くべきゲーム体験と拡張性がもたらすもの 「Nintendo Switch」は、ただの新しいゲーム機では終わらない。場所を選ばないシームレスなゲーム体験、そしてモジュール式の採用によって“進化”するハードウェアは、「ガジェットの未来」そのものだった。『WIRED』US版に... 続きを読む

[CSS]メディアクエリとは異なる、レスポンシブ対応のモジュール式コンポーネントの実装に適したコンテナクエリ | コリス

2019/03/05 34 users レスポンシ コリス クエリ コンポーネント コンテナクエリ

最近ではデザインもJavaScriptもモジュール式のコンポーネント化が進んでおり、HTMLとCSSでも徐々に浸透している流れですが、完全に対応できているとは言えない状況です。例えば、メディア クエリはページレイアウトではうまく機能しますが、モジュール式のコンポーネントを実装するのは難しくなっています。 レスポンシ... 続きを読む

Googleの電脳メガネ「Glass」は“度付き”もあり - ITmedia ニュース

2013/03/13 25 users Glass グレッグ プロトタイプ 電脳メガネ 端末

米Googleは3月12日（現地時間）、メガネ型のウェアラブルコンピュータプロジェクト「Project Glass」では、度付き（視力矯正レンズ付き）端末も提供する計画であることを明らかにした。 Project Glassチームは公式Google+に、チームメンバーのグレッグ・プリースト-ドーマン氏が度付きGlassのプロトタイプをかけた写真を掲載した。 Glassはモジュール式になっているため、... 続きを読む

グーグル、モジュール式スマホ「Project Ara」を2016年まで延期 - CNET Japan

2015/08/18 19 users Project Ara グーグル 延期 CNET Japan

Googleは米国時間8月17日、ユーザーが自分でコンポーネントを選んで組み立てられる「モジュール式」携帯電話を開発する試みである「Project Ara」を2016年まで延期すると発表した。Googleによれば、同製品は試作品段階から先に進む準備が整っていないという。 Googleは、プエルトリコで予定されていたProject Araの試験販売を取りやめたことを13日に発表したが、新たに試験販売... 続きを読む

Mad Catzから分離式ゲーミングキーボード S.T.R.I.K.E. 5、リスポーンタイマー搭載 - Engadget Japanese

2012/10/25 13 users Mad Catz 一線 Engadget Japanese

Mad Catzのキーボードは他のものとは一線を画する。今回はプロ仕様ゲーミングキーボードの新製品、S.T.R.I.K.E. 5を発表した。販売中の上位モデル S.T.R.I.K.E. 7 と同じくさまざまな配置ができるモジュール式になっており、カスタマイズ可能なバックライトと高性能キー、そして21個のマクロボタンを搭載する。 S.T.R.I.K.E. 7からの最大の変更点は、タッチスクリーン液晶... 続きを読む

車の値段で今すぐ買える、歩行支援パワードスーツ「Phoenix」 : ギズモード・ジャパン

2016/02/05 11 users Phoenix パワードスーツ ギズモード サイエンス 自力

サイエンス , テクノロジー , ロボット , 大学研究 車の値段で今すぐ買える、歩行支援パワードスーツ「Phoenix」 2016.02.05 11:23 安くはないけど、その価値あり。 こちらのパワードスーツは、自立・歩行を支援する「 Phoenix 」。重さ約12.25kgのウェアラブル・ロボットです。軽くてモジュール式なので、 ユーザーが自力で付け外し可能 で、 体が大きくても小さくても装... 続きを読む

Mac mini (2024)のSSDはMac Studioと同じくモジュール式。

2024/11/08 10 users SSD Apple Mac Studio Mac mini

Mac mini (2024)のSSDはMac Studioと同じくモジュール式になっています。詳細は以下から。 Appleは現地時間2024年11月08日より、Apple M4/M4 ProチップやThunderbolt 4/5ポートを搭載し、全く新しいデザインとなる「Mac mini (2024)」の販売を開始しましたが、ピックアップしたMac mini (2024)を開けてみたところ、SSDは... 続きを読む

タグ・ホイヤー、「Android Wear 2.0」対応第2世代「Connected」時計発表　17万5000円から - ITmedia Mobile

2017/03/15 9 users Connected Android Wear Intel

タグ・ホイヤー、「Android Wear 2.0」対応第2世代「Connected」時計発表　17万5000円から スイス高級腕時計メーカーのTAG Heuerが、IntelとGoogleと提携して開発したスマートウォッチ「CONNECTED」の第2世代を発売した。モジュール式になっており、価格は17万5000円から。Android Wear 2.0搭載で、Android Payも使える。 続きを読む

折り曲げられるスマートフォンがやって来る--準備はOK？ - CNET Japan

2017/01/31 9 users CNET Japan 準備 スマートフォン Lenovo 観衆

彼女が長方形のスマートフォンの両端を下に強く押すと、ぴしゃっと叩きつけると巻き付くおもちゃのブレスレットのように、手首に巻き付いた。観衆は驚き、インターネットは大騒ぎになった。 折り曲げて手首に巻くことのできるこのスマートフォン（「CPlus」として知られる）は、Lenovoが2016年6月、モジュール式の「Moto Z」や「Phab 2 Pro」を含む大規模な製品発表イベントの一環として、来場者... 続きを読む

2016年発売のスマートフォンを振り返る--注目された機能の成否は？ - CNET Japan

2016/12/28 9 users 成否 Lenovo App CNET Japan Apple

2016年には、無難な道を選んだ携帯端末メーカーもあった一方で、一部の携帯端末メーカーは大きなリスクを取り、スマートフォンに求められる機能の限界を押し広げようと試みた。 LGとLenovoがモジュール式のエコシステムを作ろうと試みる一方で、Googleはそうした発想に完全に背を向けた。Appleは耐水機能までも搭載し、Googleはスマートフォン戦争に参戦した。 スマホを持って泳ぎに行こう App... 続きを読む

CSSでさまざまなスタイルのボタンを簡単に実装できる！モジュール式の拡張可能なCSSライブラリ -Knopf.css | コリス

2020/08/03 6 users コリス CSS CSSライブラリ 拡張 ボタン

Webページやスマホアプリで使用するボタンをモジュール式の拡張可能なCSSで実装されたライブラリを紹介します。 通常のボタンのさまざまなスタイルだけでなく、アイコン付きボタン、ブロック状のボタン、リフレッシュボタン、グルーピングボタン、プルダウンボタンなどを簡単に実装でき、Webページやスマホアプリだけで... 続きを読む