Webサイトマップをビジュアル化して見積もりを計算できる・「Octopus.do」
Octopus.doはWebサイトのサイトマップをビジュアル化して見積もりを計算、シェアできる見積もり計算アプリです。 ページごとに作成する項目を書き、工数を設定すると自動で計算してくれる、というもの。単位は時間となっており、通貨は円にも対応しています。なかなかユニークで便利なツールでした。 というわけで使用感です。 ざっくり使い方 概ね直感で使えると思います。作成予定のコンテンツや作業内容をページ毎に書き、かかる時間を設定します。（※右に0hとあるのは「Oh」ではなくて「0h(0時間)」です。） 各ページに工数を設定したら右上の$マークのボタンをクリックします。メニューが開くのでCurrencyをJapanese YENに設定し、税（TAX）を日本の消費税率の数値に設定します。これで自動計算してくれるようになります。また、別途かかる費用がある場合は項目を追加できるようになっています。 作
CSS3やHTML5などのコードを書く様子を再現し、徐々に 出来上がっていく様を見ながら学べる チュートリアルサイト・TheCodePlayer - かちびと.net
一つの形として面白かったのでシェア。 実際にコードを書いていきながら徐々に 出来上がっていくさまを見ながら学べる チュートリアルサイト。動画のチュート リアルより見やすく頭に入りやすい気も しないでもないです。 こういう形で学べるのは面白いですねー。はじめてみるタイプのチュートリアルサイトです。よく、書いたコードがインタラクティブに反映されるサービスがありますが、そのチュートリアル版という感じ。 ブログ形式でチュートリアルを公開しています。 説明するより見た方が早いですね。以下のようなチュートリアルです。Play Walkthroughをクリックするとコードを打っているのが分かります。右はビューエリア。 Make a simple cloud in CSS3 こういう発想は全然なかったですけど、Youtube等の動画で見るより分かりやすい気はします。動画は音声も使ええるのが魅力でしょうけど
WordPressの管理画面内のデザインをcssで手軽に変更できるようにするプラグイン・Add Admin CSS - かちびと.net
ちょっと今更な話題なんですけど、始めて 使ってみたら便利だったのでご紹介です。 管理画面内のcssを手軽に変更できる、と いうプラグイン。よくあるブログサービス でも管理画面は簡単にデザインを変更でき るようになっていますが、それを実現する プラグインです。 手軽に、というのはプログラミングの知識が不要って意味です。このプラグインを有効化すると、cssを追記できるようになりますので、カスタマイズの知識が無くても管理画面内のデザインを変更できます。 css書くだけで管理画面のデザインを変更できます。この手のは沢山あるんですが、結局シンプルにcssで出来るのが制作者向けかなぁとは思いました。 抜粋が狭すぎるので広げてみた。あと、テーマやプラグインはいじられると困るので非表示に、みたいな感じ。 こういったカスタマイズの目的はWebに疎いクライアントさんはアクセス出来ないようにしたい、邪魔なものを
2011・11月のアクセス解析 - かちびと.net
本日より12月になりますので、恒例 の当サイトのアクセス解析を公開い たします。もう今月で今年が終わり ますね。今年は地震に始まり、各国、 各地域で災害が多発しました。来年 は平和な年であってほしいものです。 さて、今年もラストスパートですね。今までのアクセス解析はSEO TIPSカテゴリをご覧下さい。 11月は388,849セッション、672,912PVとなりました。9月は努力して67万台になり、10月は努力せず63万となり、このまま65万以下をうろつくと思いましたが、特に労せず努力した9月と同じくらいのPVになりました。 これは多分サーバーの変更で表示スピードが増したのが理由の一つとして考えられそうです。今まで重すぎたっていう話でもありますが、高速化に関してはまだ途中の段階なので今後またチューニングをしてもらってデータを取らせて頂く所存です。今後のパフォーマンス改善にご期待頂ければ幸い
地味に使えるCSS小技のメモ&サンプル集 - かちびと.net
cssの小技的なテクニックが便利なので好きなん ですが、cssそのものが嫌いで覚えられないので カンペ的な記事を作ることにしました。便利な小技 は沢山あるんですが、特に自分が良く使いそうな Tipsをメモします。既に出回っている情報ばかりで 特に目新しい手法はありませんので何も期待でき ないです。 というわけで特にテーマも一貫性も無くて、ただ便利ってだけです。推奨されない方法もあるかもしれませんが、僕は細かいこと気にしませんのでそんな感じです。 内容も既出なのでお詳しい方にはお役に立てないですが、僕の個人的なメモなので適当に流して頂けると幸いです。 floatで並べたリストのセンタリング Sample01 コード .centered { position: relative; overflow: hidden; } .centered ul { position: relative; le
商用利用OK、リンクや著作権表示も不要の女性の写真素材専門サイト「モデル・フォト」 - かちびと.net
Warning: Undefined array key "width" in /home/youhei0828/kachibito.net/public_html/wp-includes/media.php on line 1681 Warning: Undefined array key "height" in /home/youhei0828/kachibito.net/public_html/wp-includes/media.php on line 1682 女性の写真素材専門のモデル・フォトは、 商用利用も可能で、リンクや著作権表示 も不要。完全に無料で使える人物写真 素材サイトです。簡単なアイキャッチ等に 使いやすそうな印象でした。なによりリンク 不要というのは貴重ですね。 以前ご紹介したモデルピースと同じく、人物写真素材専門のサイト。人物写真が商用利用OKでリンクも著作権表
jQuery Mobileを使う際に知っておくと役立ちそうなTipsや情報のまとめ - かちびと.net
jQuery Mobileに関して少し整理したいので まとめました。JQMを使うときに知っておくと 便利そうなTipsとか情報とか。いくつか自分 の記事も含まれているのが若干アレなんです が、ご了承ください。内容はコードのみ、では なく、参考サイトなど一貫性無い感じですが。 整理するのが下手なもので一貫性に欠ける内容で申し訳ないですけど、jQuery Mibileを使ったWebサイト構築時のちょっとしたTipsや役に立つ情報などのまとめです。 ページ移動にAjaxを使わないようにする プラグインの前に記述。リンク単位でならマークアップでrel=”external”を、フォームはdata-ajax=”false”を加える。 <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> <script type="text
WordPressの管理画面や投稿画面を使いやすくする７つのプラグイン - かちびと.net
WordPressの管理画面や記事投稿を助ける便利なプラグインをご紹介します。 かなりの数があるので、自分のオススメをいくつか。 Admin Post Navigation 投稿画面に前のエントリや後のエントリの編集画面に移るリンクを表示します Scissors これは個人的に手放せないくらい便利なプラグイン。 画像をアップロードした際に編集する事が出来ます。 [note]日本語ファイル作成しました[/note] ・Crop→画像のトリミング ・Resize→画像のサイズ変更 ・Rotate→向きの変更（９０度単位） ・Watermarks→電子透かし※誤訳でした。申し訳有りません ・Abort→中止 Adminimize マルチポスト（複数人運営）として利用している際に他ユーザーの権限を細かく設定可能です。 WPでWebサイト制作を頼まれた時に凄く喜ばれたので入れてみました。 Simpl
WordPressを、TwitterやFacebook、Googleなどのアカウントでログイン可能にするプラグイン・Make Your Site Social
WordPressをOpneID対応にする プラグイン・Make Your Site Social のご紹介です。世界中の様々な ソーシャルサービスのアカウントを OpenIDとして提供するGigyaを WordPressに適応させるプラグイン になります。 備忘録。WordPressをOpenID対応にします。Gigyaというサービスがあって、WordPressにもプラグインという形でサポートしてくれています。僕も未検証なのでメモということでご了承下さい。 ログイン画面がこんな感じに。対応しているサービスは海外のものが中心ですが、TwitterやFacebook、Googleなど、日本でも身近なサービスにも対応しているのでこれはこれでアリなんじゃないかと。 APIキーとか入れるだけで動くみたいです。ログイン後のリダイレクトも指定できます。 Gigyaのアカウントが必要 Make Your
お手軽WordPress Tips：コンテンツをサクッと表示させるショートコードを作る & 超絶便利プラグインAddQuicktag - かちびと.net
よく、WordPressのカスタマイズ記事で functions.phpを使って～のような内容を 見かけるかと思いますが、自分で好きな ようにカスタマイズしたいと思うことはあり ませんか？WordPressにはショートコード APIがあって、これを使いこなせればかなり 表現の幅が広がります。 という訳で、好きなコンテンツを簡単なショートコードで記事内の好きな場所に表示させよう、という内容。ビギナーさん向けになります。 これを覚えるだけでかなり表現の幅が広がるはずです。凄く簡単なのでぜひチャレンジしてみてください。 まずはコード。お使いのテーマにあるfunctions.phpに下記のようなコードを追記します。 function sushi() { return 'とき既にお寿司'; } add_shortcode('kachibito', 'sushi'); このコードを追記して、記事内に
オリジナルコンテンツを加えたFacebookページ（旧ファンページ）を作ったので、手順をメモ - かちびと.net
FBMLが廃止されてから一度も作って なかったFacebookページ（ファンページ） ですが、土日に少し時間が出来たので 改めてこのブログのFacebookページを 作ってみました。以前よりも面倒なようで すが、見方によっては手軽になった印象 ですね。 前回はデモ的に作りましたので完全放置でしたが、今回は割と真面目に運営を考えています。飽きるまでしっかり管理してみるつもりです。 尚、今回のFacebookページの作成にかけた時間はおよそ6時間です。制作プロセスを書いていきますので、少しでも参考になれば幸いです。 一応見せられるレベル、程度のものですけどｗ折角なのでコンテンツを1から2つほど作ってみました。1つは目次的に上記のようなページをリキッドレイアウトでコンパクトに配置。特に珍しいもんでもないです。 2つ目のコンテンツはこのブログのサイドバーにあるタブコンテンツっぽいものを作りました。
node.jsを使用した、リアルタイムで付箋メモを共有できるオープンソースのWebアプリ・Scrumblr
個人的にも気になっているnode.jsを 使用したWebアプリをオープンソース として公開してくれているソフトウェア があったのでシェア。リアルタイムで 付箋で貼ったようなメモを共有する事 が出来るWebアプリ・Scrumblrです。 サンプルとしても参考になりそう。 node.jsはサーバサイドのアプリケーションの実装言語にJavaScriptを用いたプラットフォームです。node.jsに関してはnode.jsに関する基礎や開発・チュートリアルのまとめという記事が分かりやすいので合わせてご覧ください。 このnode.jsを使ったWebアプリがオープンソース（GPL）としてGithubにてコードが公開されています。 Scrumblrはnode.jsを使ったWebアプリのサンプルです。デモではjQueryとcss3を併用したメモボードをリアルタイムで共有することが出来ます。 機能 Scrum
WordPressの管理画面をカスタマイズしたい時に覚えておくと重宝しそうなハックやプラグインいろいろ
商用でも無料で使えるGPLライセンスの 人気CMSなので当然、納品する事も多々 あるかと思います。クライアントさんが管理 する場合と、制作者側で管理する場合があ るかと思います。個人利用ではどうでもいい ですが前者の場合は出来れば管理画面を どうにかしたいところですね。 という訳で、WPの管理画面をどうにかしたい時に覚えておくと探す手間が省けて楽だなぁ、と思ってまとめた記事になります。 左上の「W」のWPロゴが目立つのでこれを変更。 お使いのテーマファイルのfunctions.phpに以下を加えます。 add_action('admin_head', 'my_custom_logo'); function my_custom_logo() { echo ' <style type="text/css"> #header-logo { background-image: url('.get_
パターン画像を簡単に自作出来るイラストレーターテンプレート・MadPattern
パターンは背景画像に重宝するだけでなく、 様々な場所で役に立ってくれます。そんな パターン素材をイラストレーターで簡単に 作れるようになるテンプレートがありました のでご紹介します。MadPatternを使えば 直感で手軽にパターンを作成出来そうです。 イラストレーターのテンプレートなのでWeb以外でも用途がありそうですね。 スキル次第でサクッと素敵なパターン素材も作れそうです。 試しに悲しい気分になるパターンを作りました。簡単に悲しい気分になれました。素晴らしいです。 MadPattern Tutorial from matt handler on Vimeo. 使い方の動画もあるので説明は不要ですね。 ライセンスはAttribution-NonCommercial-ShareAlike 3.0ですので商用不可でリンク必須です。 以下より無料でDL出来ますよ。ぜひお試しになってみてくださ
Adobeの有料ソフトを買う前に、代替になる無料ソフトでコツを掴もう・使い方まとめ - かちびと.net
デザイン等に一般的に利用されているPhotoshopやDWなどのAdobe製品は高機能で仕事では必須のツールです。しかしながら高額で、手軽に購入出来るという訳には行きません。無料で手に入る代替ソフトがありますので、まずはコツを掴むのにフリーソフトから使ってみてはいかがでしょうか。 全く同じとは行きませんが、例えばPhotoshopの代替ソフトとして有名なGIMPはPhotoshop専用の拡張子であるPSDファイルも開く事が出来ますし、GIMPで作ったファイルをPSDに変換する事も可能です。勉強からスタートするおつもりなら無料のソフトから、という形もありではないかと思います。 そこで、各Adobe製品の代替ソフトとなるような無料のソフトと、その使用法が書かれたサイトをまとめておきます。 代替ソフトに関しては無料で使えるAdobeCS3の代替ソフトという記事を参考にさせて頂きました。 Phot
国産のWebデザインギャラリーサイトが一番参考になるのでまとめた - かちびと.net
Webデザインのギャラリーは沢山 ありますが、結局感性の近い国産 のギャラリーが一番参考になるの でまとめました。探してみると結構 いろいろあるんですね。助かります。 やはりギャラリーは国産がいいですね。沢山あるので、ある程度厳選しています。 io3000 最近知りました。すごくいいですね、ここ。見やすいし、使いやすいです。おすすめ。 io3000 straightline bookmark とにかくクールでクオリティの高いサイトをブックマークしているギャラリー。 straightline bookmark Web Design Clip こちらも個人的にオススメのギャラリーサイトです。目的のデザインも直ぐに見つかりますよ。 Web Design Clip Good Design Web こちらは他ではあまり見かけない良デザインのサイトを紹介してる貴重なギャラリーです。 Good Desi
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
今年(2011年)参考になったWeb制作者向けのスライドのまとめ - かちびと. net
jQuery Mobileのオリジナルテーマカラーを簡単に追加できるCSSジェネレーター・jQuery Mobile Themerollerと、オリジナルテーマカラーの追加方法 - かちびと.net