ブラウザのサポート

UIkitがテストされているバージョンを示します。最新」とは、そのブラウザの最近のすべてのバージョンで問題なく動作することを意味します。多くのブラウザがローリングリリースに移行しているため、ブラウザのサポートを特定のバージョンに固定することは、近年少し注意が必要になっています。簡単に言うと、UIkitはほとんどすべての最新のブラウザーで動作します。最新最新最新11歳以上9.1+最新

エディター用のUIkit入力支援

高度なエディタ持っている場合に効率的にコーディングすることができます。お気に入りにのエディター用のオートコンプリートプラグインをインストールすることをお勧めします。 UIkitのクラスとマークアップを検索する必要がなくなるので時間を節約することができます。 Sublime Text3のオートコンプリートプラグイン Atomのオートコンプリートプラグイン VisualStudioCodeのスニペット

HTMLマークアップ

コンパイルおよび縮小されたCSSとJavaScriptを<head>HTML5ドキュメントの要素に追加します。UIkitアイコンライブラリも含めます。基本的な設定は以上です。

<!DOCTYPE html><html> <head> <title>Title</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="st

パッケージの内容

ZipファイルにはコンパイルされたCSSファイルとJavaScriptファイルが含まれています。これはあなたが始めるために必要なすべてです。後で、UIkitを自分でインストールしてコンパイルし、独自のUIkitテーマを作成することもできます。

フォルダ説明/cssUIkitCSSと右から左へのバージョンが含まれています。/jsUIkitJavaScriptとアイコンライブラリJavaScriptが含まれています。

前書き

UIkitの基本的なセットアップと概要

まず、UIkitをダウンロードする必要があります。その他のパッケージとCDNへのリンクについては、インストールガイドにアクセスして詳細を確認してください。

UIkitをダウンロードする