Middleman + Foundation + Amazon S3 でのBlogサイト構築(3)Foundation(とその他フロントエンドライブラリ)のインストール
Posted on Jan 17 前回はMiddlemanのインストールから、Blogサイトのスケルトン(雛形)を作成するところまでを記載しました。 今回はBowerを使ってFoundation等のフロントエンドライブラリをインストールする手順を記載します。 Bowerとは Twitter社製のフロントエンドライブラリ用パッケージマネージャ RubyでいうところのBundlerのようなもの コマンドラインからフロントエンドライブラリのインストール、アンインストール、アップデートなどが実行できる ライブラリ間の依存関係を管理できる 今回のBlogサイトでは使用するフロントエンドライブラリも少数なので個々にインストールしても良かったのですが、 勉強がてら試しにBowerを使ってみることにしました。 node.jsインストール Bowerはnode.jsベースのツールなので、まずはnode.js
リアルな男女の3D人体をあらゆる角度から眺めてお絵かきなどに役立つ「Anatomy 360」
Anatomy 360は、実在の人間モデルを3Dスキャンによって人体の全身を閲覧可能にするサービスの開発を行っています。そんなAnatomy 360がUnity Web Player対応ブラウザで動作するテスト版として、男女モデルの影や光源の方向などのライティングを設定したり、グリグリ視点を変えて閲覧したりできる「Anatomy 360 Build 1.2」を公開しています。 Anatomy360 Demo - Anatomy 360 https://anatomy360.info/anatomy360-demo/ Anatomy 360 Build 1.2のデモを起動するには、「CLICK TO TRY THE DEMO」をクリック。 読み込みはかなりスローですが、完了後にデフォルトで男性の3Dモデルが表示されます。グリグリ動かすための操作方法を画面上に表示させるには「Controls」
Middleman + Foundation + Amazon S3 でのBlogサイト構築(6)Blogサイトのデザイン
Posted on Feb 13 前回はmiddleman本体やmiddlemanのblog拡張で使える便利なテンプレートヘルパについて記載しました。 前回まででBlogサイト構築の下準備が整ったので、いよいよというかようやくというか、今回はFoundationを使ってサイトのデザインを作成する部分について記載します。 Foundationとは イントロダクションでも触れましたが、FoundationはレスポンシブWebデザインにしています。対応のCSSフレームワークです。一応スマホ対応もしたかったので、この分野ではBootstrapが最も有名かと思いますが、今回はBootstrap以外のものを使ってみようと思い、いくつかの候補の中から直感的にFoundationを選択しました。採用したバージョンは去年の11月にリリースされた最新の「5」です。 参考にしたテンプレート ゼロからサイトを作り
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
graphemica · l♥ve letters
