現在MODXをメインに更新してます。

SVGをコンポーネント化する

2017年1月21日
SVG はファイル内に CSS や JavaScript を梱包する事が出来るのでコンポーネント化しやすいんじゃないかなぁ~と少し考えてみました。セール用バッジを作ってみます。

highlight.jsで長いコードを折りたたむ

2017年1月17日
私のサイトではコードハイライトに「highlight.js」を使用していますが、全ての行が表示されるので長いコードは折りたたむようにしました。

アスペクト比を保って要素を配置する

2016年12月17日
画像や動画のアスペクト比を保ちながら背景全体や可変サイズの枠全体を埋めるメモです。

ElectronからDiscordにメッセージを送信

2016年11月14日
Electron で作ったアプリから Discord へ投稿するというのをやったのでメモです。 ちなみに Discord は最近ゲーマーを中心に人気のあるメッセージ&VCツールです。

スクロール対応のモーダルウィンドウの作成

2016年8月18日
個人的な使いまわしように作ったTwitterライクなモーダルウィンドウのメモです。

ヘッダーの一部だけ固定する

2015年7月3日
スクロールしたらヘッダーをコンパクトにして固定させるというやつです。CSSの書き方で色んなパターンが出来ます。

スクロールしても固定されるサイドバー

2015年7月2日
もはや今更な感じですが、よく見かけるスクロールしても付いてくるサイドバーを自分なりに使いやすく作ってみました。

Concrete5でPjax!

2014年5月18日
Pjax のライブラリを変えて色々やりたくなったので少し触っている concrete5 で試してみました。

defunkt版pjaxの説明

2014年5月11日
PjaxとはAjaxでコンテンツを入れ替えるのと同時にURLも変更してくれるjQueryのプラグインの名前です。GitHubのようなスムーズでイケてるページ遷移を行います。

スムーズスクロールについて考える

2013年1月29日
やりたい事は、ムーズスクロールとハッシュを更新させるです。

eFormのメールをAjaxで送信する

2016年12月15日
eFormはMODXからメールを送信するためのスニペットです。Ajaxを使って画面を遷移させずにeFormのメールを送信するTipsです。

条件分岐をする方法

2016年12月15日
テンプレートやドキュメント中で条件分岐をする方法です。 @IF文による分岐処理 ソースレベルで分岐するための特殊タグが使用できます。

要約がなければ本文を切り取って表示

2016年11月26日
Ditto でブログのように内容を簡単に表示させたい時、要約を入れていれば要約を使い、無ければ本文の初めの一部を表示させるようにする方法です。

チャンクでパラメータを使う

2016年1月20日
チャンクにパラメータを持たせることは Revo では出来ましたが、Evo でも1.0.15Jから可能になりました。 チャンクの中の一部だけを変更したい場合などにとても便利です。

Ajaxで次のページを読み込む

2015年12月30日
Ditto を使って Ajax で「もっと読む」「さらに見る」のリンクを実装してみます。 例でリソースのツリーは以下のようになっているものとして、商品情報以下のリソースを取得します。

Doc Manager

2015年7月17日
DocManagerは複数のリソースの情報を一括で編集出来るモジュールです。パッケージに同梱されているので初期インストール時にチェックを外していなければ最初から使用可能です。入力内容の統一、メニューの並び替えなどが簡単に出来ます。

Revo用パッケージの作成方法

2015年7月11日
自作のテンプレートや、スニペット、プラグインを作っていると他の人にも使って欲しい!という事があると思います。

別サイトへ編集内容を一括で移動する

2015年5月25日
バックアップ機能を使って移動 バックアップで特定のテーブルのみを SQL に書き出す事ができます。

グループ管理

2015年1月19日
グループ管理は複数の編集者やメンバーズサイトを管理したいときに使用します。

システムイベント一覧

2014年5月27日
これはシステムイベントの全てではありませんが需要性の高そうなものから少しづつ追加していきます。
このエントリーをはてなブックマークに追加
PAGE TO TOP