Web Design Leaves

Concrete5 で単純なテーマを作成する場合のメモ。このサンプルで作成するテーマは実用的なものではありません。Concrete5 の構造を自分なりに理解するためのものですのであしからず。 フォルダ構成 Concrete5 をインストールすると初期状態ではフォルダ構成は以下のようになっている。 主なフォルダには以下のようなものがある。 blocks: カス…

続きを読む

Concrete5 のインストールの手順とその際に、気づいたことのメモ。 詳細は「concrete5インストール方法」を参照ください。 今回インストールしたバージョンは「5.6.1.2.ja」。 空の MySQL データベースの作成 データベースの文字セット（接続照合順序）は「utf8_general_ci」に設定する。 データベースを作成する際に以下の情報…

続きを読む

先日 Concrete5（5.6.1.2.ja） 日本語版をインストールした際に、「動作条件のチェック」の画面で、止まってしまったのでその解決方法のメモ。 空のデータベースを作成し、concrete5 のファイルをアップロードしたサーバー（の URL）にアクセスすると「動作条件のチェック」の画面が表示されるが、以下の2つがロード中（ロード中のマークが回転し続…

続きを読む

Bootstrap(v3.0.0) には以下のようなボタンなどにあらかじめ用意されたオプション（クラス）がある。 btn-primary（青色） btn-success（緑色） btn-info（水色） btn-warning（オレンジ色） btn-danger（赤色） これらを独自のクラス名で使ったり、色を変更するなどのカスタマイズをする際のメモ。LESS…

続きを読む

以下のサイトを参考にまとめた「LESS」の基本的な使い方のメモ。詳細（解説等）は以下のサイトを参考にしてください。 参考にさせていただいたサイト LESS 日本語ページ「The dynamic stylesheet language」 gihyo.jp 「LESSで3倍ラクするスマートフォンコーディング」 ネスト CSS のセレクタを入れ子にすることができる…

続きを読む

先日このサイトを Bootstrap 3 を使ってリニューアルして、IE のブラウザモードとドキュメントモードを IE8 にして確認したところ、ナビゲーションバーがスモールデバイス用のトグルメニューが表示されてしまっていました。 respond.min.js の読み込み おそらくメディアクエリを認識していないようで、実機で確認しても同じ状態だったので、調べた…

続きを読む

Bootstrap 4 に関しては以下をご覧ください。 Bootstrap4 の使い方 Bootstrap 3 を WordPress で使った際のメモ。 目次 Bootstrap 3 のインストール Bootstrap の「Getting started」ページで「Download Bootstrap」をクリックして Bootstrap 3 をダウンロード…

続きを読む

typewonder は既存の Web ページを、指定した Web フォントで表示してくれるサービス。使い方はとても簡単。http://typewonder.com/（Typewonder Beta）にアクセスして、試してみたいページのアドレスを入力し、フォントを指定するだけ。 「Typewonder Beta（http://typewonder.com/）…

続きを読む

Prepros をインストールして Compass を使った際のメモ。 config.rb の設定が反映されない？ 追加情報 2013年8月31日 Version 3.0.0 で config.rb の設定が反映されるようになりました。 昨日 Prepros を起動したところ画面上部に「贈り物」のようなオレンジ色のアイコンが表示されていたのでクリックすると、…

続きを読む

Zen-coding (Emmet) に関するメモ。 Zen-Codingは、HTML と CSSをショートカットや短縮記法でコードを書くことができるライブラリで、多くのアプリケーションで提供されている。そのZen-Codingが、「Emmet」とリネームされて2013年2月24日に正式リリースされた。 エディタやオーサリングツールなどによって使用できるメニ…

続きを読む