Web制作、MODX、Javascript、PHP、動画などいろいろ。

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

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

2015年12月30日
CMSMODXTipsEvoWebデザイン
Dittoを使ってAjaxで「もっと読む」「さらに見る」などのリンクを実装してみます。 例でリソースのツリーは以下のようになっているものとして、商品情報以下のリソースを取得します。 商品情報一覧ページ(2)のリソースに最初から表

テストサイトから本番サイトへ編集内容を一括で移動する

2015年11月30日
CMSMODXEvo
バックアップ機能を使って移動 バックアップで特定のテーブルのみをSQLに書き出す事ができます。 ツール>バックアップ・リストア>バックアップ modx_site_content(リソース) modx_site_htmlsnipp

Doc Manager

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

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

2015年7月20日
MODXRevo開発
自作のテンプレートや、スニペット、プラグインを作っていると他の人にも使って欲しい!という事があると思います。 Evoではソースコードをそのまま配布して手動インストールしてもらう感じでしたが、Revoではパッケージインストーラーが備わってい

グループ管理

2015年1月19日
グループ管理は複数の編集者やメンバーズサイトを管理したいときに使用します。MODXのアクセス制限はグループ管理でおこないとても細かく設定が出来きますが結構ややこしいです‥(

システムイベント一覧

2014年5月27日
MODXCMSEvoアドオン開発
これはシステムイベントの全てではありませんが需要性の高そうなものから少しづつ追加していきます。

特殊コメントタグ

2014年5月26日
MODXCMSEvo分岐処理
エディターにTinyMCEなどを使っているとMODXタグの中の

UltimateParent

2014年5月13日
MODXEvoアドオン
ツリーのルート直下にある親リソースのIDを取得するスニペットです。topパラメータで特定のID直下の親IDを取得できます。 パラメータ id - 指定されたIDの親を取得します。ない場合は自分自身。 top - 指定されたID直下

テンプレートを作る

2014年5月9日
MODXEvoチュートリアルCMSWebデザイン
MODXのテンプレートは静的HTMLから作るのが一番簡単!静的HTMLからMODXテンプレートを作る方法を部品ごとに説明します。

モディファイア

2014年5月4日
MODXCMS正規表現分岐処理
モディファイアはMODXタグが返す値に実際に書きだす条件をつけたり装飾や加工する事が出来る機能です。これを使用することでスニペットを作らなくても簡単な処理が出来るようになっています。 内蔵PHxのモディファイア一覧です。把握できてないもの

デザインのご依頼お受けします

・Webデザイン、広告バナー、CMS導入 ・PHP、jQueryを使用したWebアプリの作成 ・フライヤー、パッケージ、印刷物のデザイン ・広告、製品紹介、テロップ入力などの動画編集

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

2015年7月4日
JavascriptjQueryCSSWebデザイン
Headline 前の記事と似た感じですが、個人的に割りと好きなスクロールしたらヘッダーをコンパクトにして固定させるというやつです。CSSの書き方で色んなパターンが出来ます。 スクロールしたらクラスを追加 javascriptはヘッ

固定サイドバーについて考える

2015年7月3日
JavascriptjQueryWebデザイン
Headline もはや今更な感じですが、よく見かけるスクロールしても付いてくるサイドバーを自分なりに使いやすく作ってみました。 $(document).ready() だと実行するタイミングが早くて、画像などの内容の読み込みが終わっ

Concrete5でpjax!

2014年5月18日
pjaxのライブラリを変えて色々やりたくなったので少し触っているConcrete5で試してみました。長いあいだMODXオンリーになってましたが、前から使ってみたいと思ってたCMSなのでもっと勉強してコンテンツを増やしていきたいと思います(●

defunkt版pjaxの説明

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

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

2013年1月29日
JavascriptjQueryWebデザイン
スムーズスクロールしつつハッシュもつけたい

pjaxでスムーズなページ遷移

2012年11月20日
jQueryJavascriptWebデザインpjax
pjaxとはAjaxでコンテンツを入れ替えるのと同時にURLも変更してくれるjQueryのプラグインの名前です。Githubのようなスムーズでイケてるページ遷移を行います。 ※内容をfalsandtru版ライブラリに合わせて書き直しました

ハートと星のポイントカスタムシェイプ

2012年10月9日
PhotoshopWebデザイン配布ツール

レイヤーをランダムに操作するスクリプト

2012年10月6日
WebデザインPhotoshop配布ツール
選択したレイヤーセットの中にあるレイヤーをランダムにいろいろします。

jsx.SplitMultiLine

2012年10月4日
PhotoshopWebデザイン配布ツール
テキストをコピペしてドキュメントで使用したい時などに、1個づつレイヤーを作成しなくても1つのテキストレイヤーを作成した後スクリプトを実行させると自動的に各レイヤーにわけます。

5秒で出来るとろけるようなエフェクト

2012年9月19日
チュートリアルPhotoshop
フォトショップのノイズ軽減フィルターを使って出来る独特の雰囲気のあるエフェクトをつける方法です。
このエントリーをはてなブックマークに追加
PAGETOP