JavaScriptをブラウザ上で開発、その場で実行できるJSBinがオープンソースで公開されてたのでインストールしてみた - かちびと.net
基本的にはjsfiddleメインなんですが、 依存するのが基本的に不安なのでロー カル環境で同じような環境を作りたか ったのですが、同様のサービスのJSBin がOSSで公開されてましたので試しに インストールしてみました。 まだちゃんと使うかは分かりませんけど、折角入れてみたので手順をメモ書き。 以前、ブラウザ上でjsを開発、URLを発行するjsfiddleをご紹介しました。jsDoitみたいなやつですね。 で、この2つ以外にも以前からJSBinっていう同じようなWebサービスがあるんですが、このJSBinがオープンソース（MIT）で公開されています。 見た目も自分用に使いやすく変えられるし、開発もスニペットの保管も出来るかなと思って、試しにローカル環境に入れてみました。 左側にJavaScriptコードやHTML、CSSを書けば、右側に結果として反映される、みたいなやつです。 JSBi
美容院や宿泊施設等で見かけるような予約システムを実装出来るWordPressプラグイン・Bookings(の今後にちょっと期待) - かちびと.net
美容院のサイトやホテル、民宿などのサイト でたまに見かけるWeb上で簡単に予約できる システムを構築できる、というWordPressの プラグインです。タイトルの通り、まだ実用 性のあるものではありませんが、プラグイン では初めて見たので備忘録的に記事にします。 タイトルで釣るっていう不毛なトラフィックが嫌なので、一応明記しましたが、使い勝手もUIもまだ良い訳ではありませんので、本当に今後期待をこめて、という記事です。 リリースされたばかりのようで、日本語化もまだされてもいません。少しでも多くのデベロッパーにこのプラグインの存在を知ってもらって、より改善していけたら素敵だなぁと思ってご紹介します。 こちらでも書いてありますが、美容院や、スパ、マッサージ、病院など、予約が必要な施設向けに開発されたプラグインです。この手のシステムはどこかで見かけた事がある方もいらっしゃるのでは無いでしょうか？
WordPressテーマカスタマイズ事始め・基本構造を理解してカスタマイズしてみる - かちびと.net
WordPressを使っているけど、 PHP分からないし、カスタマイズ は未経験・・という方の為の カスタマイズ方法です。PHP を理解せずとも基本構造を ある程度理解すれば可能です。 PHP製のWordPressですので、当然PHPを理解していれば様々なカスタマイズが可能ですが、プログラミング自体まだ敷居はデザインより高いかもしれません。 でも、カスタマイズしてみたい！という方も多いと思いますので今回はカスタマイズ始めの1歩、的な内容です。 はじめに これはPHPの記事ではありません。コピペ（ファイル間でのソースの移動など）が基本になるのでプログラマーさんからすれば酷い記事になると思いますが、デザイナーさんが少しでもプログラミングに興味を抱き、理解する事でチームの作業が円滑になる側面も期待しつつエントリーしてみます。 で、カスタマイズする前に以下にご注意頂きたいと思います。 テーマファイ
カスタマイズも商用も可・ハイクオリティなFlashコンテンツを無料配布するFlashXML.net - かちびと.net
なかなか凄いサイトです。なんとなく減って きている印象のFlashサイトではありますが、 部分的なコンテンツ、例えばスライドやギャ ラリー、バナーなどはまだまだ高い需要を 誇ります。このFlashXML.netでは、このよう なギャラリーやメニューをGPLで無料配布 するWebサービスです。カスタマイズも可。 ちょっと今まで見たことの無いタイプのWebサービスだったのでメモ。僕が見たこと無いだけかもしれませんけど。 FlashXML.netでは、大量のXMLイメージギャラリーやスライド、ミュージックプレイヤー、メニューなどをカスタマイズしてDLする事が出来ます。GPLで配布されているので商用でも使えますが、サイト名が埋め込まれていますので外したい場合は数ドル払うようです。 カスタマイズはデモ下部のSettingにて行います。項目はコンテンツによって変わりますが、基本的には設定し、GENER
DB不要・PHPベースのjQueryで出来たショッピングカート・jCart - かちびと.net
データベースも不要、Ajaxのプラグイン, jQueryを使用したPHPベースの ショッピングカートシステム・jCartを ご紹介します。 「こんなカートシステムを待ってた！」 という方も多いのではないでしょうか。 多くのショッピングカートシステムの場合はDB使用した大掛かりなCMSか、 シェアウェアなどの有料であることが多いのですが、jCartはオープンソースの PHPファイル＋jQueryで動くため、 PHP５以上が動作すれば既存のサーバー環境にもすぐに導入できる 非常に小規模なカートに最適（コンテンツ１つからOK） jQueryを使用した軽快な動作 シンプルで初心者でも設置可能 ｃｓｓでデザインを簡単に変更可能 という特徴があります。また、ライセンスも最もゆるいMITライセンスです。 商品と数を決めてCheckoutをクリックすると 合計料金等を確認。変更も出来ます。 なにより自由度
使ってみたいと思う４つの音楽配信やギャラリー系CMS
ちょっと使ってみたいな、と最近思っている CMSを４つご紹介。ほんと便利なCMSですが、 折角のオープンソースなので上手くビジネスに 生かしたい所です。 SkyBlueCanvas SkyBlueCanvasは、大規模なWebサイトではなく、 中小企業、個人経営などで知識が無くても簡単に必要最低限の情報を提供できるCMSです。 XOOPSなどの規模も大きくインストール後もデザインや構成に悩まされる事も少ないと思います。 管理画面も見やすいですよ。↓ よく、企業紹介サイトなどでも１０Pに満たないサイトがMT使ってたり、 ５Pほどのページで綺麗なサイトなのですがmetaを見てxoops使用していたりと 驚く事が多いです。製作会社さんにお願いしたのでしょうが。 ただ、英語なんですよね。英語分かれば簡単なサイト構築が可能です。 bit cube bitcubeは国産のオープンソースCMSです。 オ
個人的に使いそうなPHP、CSS、HTML等のフレームワーク17個 - かちびと.net
個人的なメモです。今まであまり使って いなかったので少し使っていこうと思い、 いくつか自分でも使えそうなフレーム ワークを探しました。表題の通り、PHP、 CSS、HTMLやJS等しか僕は能力が 無いのでこの辺のフレームワークの まとめになります。 使いやすそう、使いにくそうというのは個人差が出そうだなぁと触ってみて思ったのですが、それぞれ良し悪しな感じもしたのでとりあえず気になったものだけメモしておきます。おそらく有名所ばかりだと思いますが個人的なメモなのでご了承下さい。 順不同です。 Blueprint CSSのフレームワークです。シンプルな設計ながら素敵なレイアウトが組まれている印象でした。 Blueprint Sass まだ触っていませんが、好評っぽいのでメモ。Railsみたいですが、CSSジェネレータ的な使い方もあるとの事でかなり気になる存在。Compassというのを一緒に使うの
シンプルなショートコードのみで動画ギャラリーを作成出来るWPプラグイン・TubePressが凄い！ - かちびと.net
久々に感動。これは使わないと損 すると感じました。使う場面は個人 的にそうそう無いんですが、使いた くなるくらい凄い便利。たった1行の ショートコードを入れるだけで、サクッ と動画ギャラリーを構築できる動画 インポートのプラグインです。 まだ昨日知ったばかりで細かく調べていないのですが、デフォルトの設定でも簡単に動画ギャラリーを作れました。 こんな感じの動画ギャラリーが1行のコードでサクッと実装出来ます。もちろん、ページでも記事にでも可能。 量が多い場合は自動でページネーションも作ってくれますよ。想像以上に動作は重くなりませんでした。というかむしろ軽量です。 デモを見てもらったほうが早いですかね・・→デモ [note]※ページネーションの移動にAjax使っていますが、これは自分で付けるっぽいです。[/note] 細かい設定が可能 管理画面での設定画面です。かなり細かい設定が可能。Vimeo
横に飛び出るjQueryメニュー・Horizontal Slide Out MenuをIE対応にする - かちびと.net
昨日書いたjQueryのメニューの Horizontal Slide Out Menuという 横に飛び出るcssメニューですが、 デフォルトではIEで表示が崩れて います。これをIEでも実装出来る ようにします。 メールを頂いたので以下のjQuery+cssメニューをIEに対応させる方法を。 Horizontal Slide Out Menuはこの記事の一番下です。IEだとこのように表示が崩れています。 デフォルトでは以下のようにli aにfloatが指定されています。 .mh_wrapper ul li a{ text-decoration:none; cursor:pointer; display:block; float:left; margin:0px; text-indent:0px; padding:0px 10px 0px 3px; line-height:40px; hei
HTMLをWPテーマ化する時の手順リスト - かちびと.net
一般的なHTMLファイルをWordPressの テーマにする時の手順と、使用するタグ をリスト化、というか自分用チートシート。 いつも子ページが時間掛かるので、単純 な構成のHTMLなら、テーマ化くらいは サクサク終わらせたいですね。 唯一の方法では無く、ベーシックな方法です。僕も一度作成してから必要に応じて別のタグを使います。 WPテーマ化手順リスト STEP.1 HTMLをindex.php、header.php、footer.php、sidebar.php等に分割。分割に関しては以前の記事をご参照下さい。 以下のインクルードタグをindex.php、search.php、archive.phpに追加。 <?php get_header(); ?> <?php get_footer(); ?> <?php get_sidebar(); ?> STEP.2 header.phpのmeta
透過PNGや角丸などをIE6や7でも実装出来るJavaScriptのメモ - かちびと.net
IE6のPNG透過や6、7での 角丸、ドロップシャドウを実装 するjsライブラリのまとめです。 同じ用途でもライブラリによっ て良し悪しだと思いますので、 備忘録的にメモ。 もうIEはいいよとも思いますが、現実そうも行かないのはもどかしいですね。万能では無いですけど、作業工数を減らせるならjsに頼ってもいいと思います。そういう訳で、透過の問題や角丸、ドロップシャドウを実装してくれるjsのメモ。 IE7.js IE6以下でもIE7と同じようなXHTML / CSSの解釈をしてくれます。要DOCTYPE 宣言。 IE6以下をWeb標準に準拠させるライブラリ『IE7.js』 DD_belatedPNG.js IE6でも透過PNGを実装できるライブラリ。class名等を指定します。リピートにも対応。 IE6用透過png対応策、DD_belatedPNGの使用法と注意点 合わせて読みたい：DD_be
著作権放棄のWP2.9の管理画面の操作マニュアルを無料配布します - かちびと.net
以前WP2.7と2.8の管理画面 の使い方のマニュアルを配布 していまして、最近になって 2.9がリリースされましたので 遅ればせながらマニュアルも リリースします。 以前配布した際も編集出来る様に元データも同梱しましたので既に2.9用に変更されている方もいらっしゃると思いますがが、一応作成者なのでリリースします。 以前と重複しますが、このマニュアルはWordPressを使ってWebサイトを制作する業者の方がクライアント様にお渡しする管理画面のマニュアルです。御社の作業工程が少しでも早まる事、クライアント様への説明時間等が削れれば幸いです。 著作権は放棄しますので、マニュアルを売却すなり、改変再配布するなり、擬人化するなり、キテレツ、我輩コロッケ食べたいナリ、ご自由にどうぞ。リンク義務などもありません。 折角なのでシェア出来た方が作った甲斐がありますしね。コンセプトは「Web制作の業者さん
6つの国産のオープンソースCMSの備忘録 - かちびと.net
ふと国産のオープンソースの CMSの存在が気になったので 気になったものを一通り機能や 特徴、ライセンス等も含めてメモ。 まだ僕自身触っていませんので メモした情報はそのCMSのサイトの 情報を抜粋したものです。 気になっている国産のオープンソースCMSです。EC-CUBEやOpenPNEは割愛します。 pWebManager 今あるページにはめ込む形のCMS。数ページで作られているような中小企業にピッタリとの事。管理画面も見やすかったです。 主な機能や特徴WYSIWYG エディタ画像の自動的リサイズ簡易施設予約 機能バナー管理PHP-4.3.0 以降 (ただし PHP-5.x.x には非対応)PostgreSQL または MySQL (4.1.x 以降)GPLライセンスデモありフォーラムありpWebManager SOY CMS おそらく国産では最も有名なオープンソースのCMS。ソースコ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
タブやフォームなどのUIもレスポンシブWebデザインに対応させた960グリッドシステム搭載のCSSフレームワーク・Gumby Framework