concrete5のテーマについての基本的な説明です。
テーマを開発する上重要なページタイプとテンプレートファイルをメインに記述しています。

concrete5のテーマはページタイプとテンプレートファイルやスタイルシート、画像で構成されています。
テーマはコンテンツを挿入する枠とコンテンツのスタイルを定義します。

concrete5の仕様上、コンテンツがどのように挿入されるかわからないので、基本的にはスタイル付け自体はあまりすることがありません。
レイアウトのスタイル、見出し、段落、箇条書きリスト、定義リストなど基本要素のスタイルと装飾のスタイルぐらいです。

今回はページタイプとテーマ構成と順に説明します。

続きを読む >>

Frontend Developer Package 1.0.1bを公開しました。

Frontend Developer Package 1.0.1bのダウンロード
http://github.com/holyshared/developer-package/zipball/1.0.1b

おもにテーマ周りの修正版です。

続きを読む >>

Concrete5本家の下記の記事を参考にSyntax Highlighterプラグインを導入してみました。
Here is how to add code and coloring syntax in TinyMCE

コードをハイライト表示するにはTinyMCEのプラグインとSyntax Highlighterが必要です。
設定が面倒ですが、コードを記事に書く場合はすごく楽です。
続きを読む >>

concrete5でTinyMCEのテンプレートプラグインを使用できるように設定したので、設定方法を掲載します。
テンプレートプラグインを使用すると、記事エディタの入力欄にコンテンツの雛形を挿入できるようになります。

よく使用するテンプレートを作成しておくと、ページへのコンテンツの追加が早くなります。

続きを読む >>

jsdo.itで書いたWizard.jsを利用したアニメーションガイドを書きました。
アニメーションの処理が完了する度に、ガイドのパネルを切り替えることによってガイドを実現しています。

人にアニメーションの説明するときに楽なのではないかと思います。

アニメーションのガイド
http://jsdo.it/holydesign/cOyt

続きを読む >>

SkinnyMVCはPHP用の軽量なFrameworkで、アーキテクチャにModel、View、Controllerに分離するMVCパターンを採用しています。
コードを複雑にさせたりする他のフレームワーク、MVCパターンに不必要なツールと違い、SkinnyMVCは軽量のコード、多くの自由、および柔軟性をPHP開発者に提供します。

SkinnyMVCはインストール／アンインストールやモデルの作成などがコマンドラインから行うことができます。

軽量なPHPフレームワークを探していたので、ためしにインストールしてみました。
今回はWindows環境で動作させるまでの解説を書きました。
続きを読む >>

前回、Mootools Forgeの使い方 – 登録する前にすることでMootools Forgeの使うまでの準備について解説しましたが、今回は肝心のプラグインの登録部分です。
簡単に登録できるので、非常に楽です。

では、実際にやってみましょう。

続きを読む >>

Mootools Forgeはプラグインを開発者が公開できるサービスです。
githubにプラグインのリポジトリがある場合、インポートするだけなのですぐに公開することができます。
但し、必要なファイルやリポジトリのディレクトリ構成が決まっています。

なので、登録する前にすることをすでに、公開できるプラグインがある場合を想定して解説していきます。
続きを読む >>

jsdo.itで、コンテンツを切り替えるスクリプトを書きました。
書いたやつは、Webサイト制作などで、コンテンツを切り替えるようにするやつです。
タブなんかが一般的ですね。

それを、スタイルシートを最大限に使ってできるだけ使いまわせるようにしたものです。
パターンは4パターンになります。

基本的にメニューの位置が違うだけですが、一つのスクリプトを使うだけで、後はスタイルシートで済ませられるのでかなり楽になるはず。

メニューの位置を変えるだけで、劇的に使いやすくなったりするので、こういうのはなるべく考えてサイトに反映させていきたいですね。
続きを読む >>

Mootoolsのオフィシャルサイトで、Developer Toolsとうモジュールを選択してカスタマイズダウンロードできるものがあるのですが、Mootoolsを使用したことのない人にとってはどれを選択していいかわからないですよね？
なのでどういう構成になっているのかと、どうゆうケースの場合どれを選択すべきかを今までの経験を元にまとめてみました。
続きを読む >>