HTML+CSS

HTMLとCSSを扱うためのリソース集

image

Summary:

ビデオレクチャー

即席かつ不完全ですが、2015年のFabAcademy開催期間に開催されたビデオレクチャーの記録です

Opendot+Wemake full resolution Youtube Link

IMAGE ALT TEXT

エディタ

クロームによるライブプレビュー機能のある、オープンソースのマルチプラットフォームHTML5+CSS3対応エディタです

リファレンス

HTML+CSS+Javascriptをはじめるのに最適なリファレンス、チュートリアル、インタラクティブなテストです。 w3schools.com

テンプレート

あなたのwebサイトは世界に、少なくともAcademyを一緒に受ける仲間に最初に見せるものです。あなた個人を表現できるようにつくってみてください。

2015年から、ゼロから作成するのではなくフレームワークからサイトを開発するのが容易になりました。2012年のわたし(Massimoのことかと思われます)の学びから、FabAcademyの典型的な技術的仕様があらかじめ入っているBootstrapベースのテンプレートをMITライセンスで作成しました。 template Bootstrap

機能:

-コードハイライト
-イメージフォーマット
-3Dモデル(.stl/.obj) の埋め込み
-ダウンロードボタン
-ファイナルプロジェクト用ガントチャート
-プロセス
-自動Ajaxメニュー
-基本的な構造

これはこのまま使用するものではなくて、個人のサイトにアレンジしたり、他のテンプレートに適用できそうなインスピレーションを得るためのものです

この理由からBootStrapのスタイルについては手を入れていません。FabAcademyの典型的な技術的問題に対して解決しているだけです。

ですので、以下については提供してません So, please note that this doesn't save you from:

HTMLについて学び、編集する
CSSについて学び編集する
Javascriptを学び編集する
自分のライセンスを追加したり選択する
自分のページを追加する

ダウンロード: https://github.com/openp2pdesign/FabAcademy_Template/releases

安全設定によっては、ローカルのクロームではいくつかのJavascriptのパーツが機能しませんが、Firefoxでは動くでしょう。

オリジナルチュートリアル:

ライセンス: Commons Attribution 4.0 International License