ケータイキット（3キャリア対応ケータイサイト構築MovableTypeプラグイン） - アイデアマンズ株式会社
「ケータイキットfor Movabletype」は3キャリア対応の携帯電話向けウェブサイトを構築するためのMovable Type用プラグインです。絵文字変換機能・画像変換機能・ページ分割機能を搭載。実機検証はもう必要ありません。ケータイキット for Movable Type「ケータイキットfor Movable Type」は3キャリア対応の携帯電話向けウェブサイトを構築するためのMovable Type用プラグインです。 1.41公開のお知らせ（2008/9/9） ケータイキット for Movable Type 1.40の不具合を修正したVer.1.41を公開しました。 1.40公開のお知らせ（2008/8/31） Movable Type 4.2に対応したケータイキット for Movable Type 1.40を公開しました。 2008年8月1日スカイアークシステム社主催「Mov
ウィンドウサイズに応じてレイアウトを調整するJavaScriptライブラリ「Dynamiclayout.js」:phpspot開発日誌
ウィンドウサイズに応じてレイアウトを調整するJavaScriptライブラリ「Dynamiclayout.js」 2006年12月27日- Particletree Dynamic Resolution Dependent Layouts ウィンドウサイズに応じてレイアウトを調整するJavaScriptライブラリ「Dynamiclayout.js」。 読み込んでおくだけで、750px以下、750px以上/950px以下、950px以上の３つのウィンドウサイズに応じて自動でCSSを切り替えることが出来ます。 JavaScriptの知識が一切なくとも、利用者の端末に合わせて、最適なUIを選択することができ、なかなか面白い＆便利。 アイデア次第で凄く優れたWEBサイトになりそうな感じですね。 (750px 以下) (750px以上/950px以下) (950px以上) 関連エントリ AjaxでSS
aruko.net - このウェブサイトは販売用です！ - aruko リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
ブロガーに最適？参考情報を管理できるFirefox拡張『Zetoro』 | P O P * P O P
何かを調べていて参考情報をまとめておきたいと思ったことはないでしょうか？ ブログを書いているとそんな機会も増えます。そんなブロガーのためのFirefox拡張がこの「Zotero」（もともと論文を書くためのツールですが）。これを使えば関連ページを簡単に管理することができます。 » Zotero – The Next-Generation Research Tool 日本語にも対応しているのがうれしいですね。なお、Firefox 2.0専用です。それ以前のバージョンでは動作しませんのでご注意を。 では下記に簡単にご紹介。 ↑ 拡張をインストールするとブラウザの下部に参考情報をまとめるウィンドウが。こちらのボタンで見ているページの情報を一発保存してくれます。 ↑ タグ付けも可能。あとで分類するときに便利ですね。 ↑ メモを付けることもできますよ。引用したい箇所やちょっとしたアイディアを書いておく
第10回 良いアイデアを出すためのレッスン
前回，頭の中に蓄積しているデータ量がアイデアの量を，データの組み合わせ方がアイデアの質（独創性）を決めると書いた。では，具体的にはどうすればよいだろう？ 「ひたすら聴くこと」を身に付けよう そもそも，アイデアのモトになるデータを蓄積しておかなければ，発想はわきにくい。誰でもなじみのある「卵」をテーマにしたWebサイトを例にとって，説明してみよう。 最近，【内臓脂肪】が気になっている，男性のWeb構築事業者がいるとする。 夕食の後，彼の妻がつぶやく。「今日，【フリーペーパー】で，いつも取り上げられている【大評判の美容室】に行ってみたの！このヘアスタイル，【似合う顔の形】は【卵形】だって言われたけど，私は三角。でも，とても気に入ったから…ヘンじゃないかな？」 彼は，女性のヘアスタイルにはさほど関心がないので，「ヘンじゃないよ，似合ってるよ」と返事はするが，それだけで済ませてしまう。 この時点で
Dreamweverで直接VSSファイルを呼び込む方法
Webディレクターとして名村晋治がプロジェクトマネージメントやディレクション業務に当たっている時に感じている問題解決の手法やセミナー等で話をしている内容、自身が使っているプロマネにおけるツールなどWebディレクションに関する情報の紹介しています。 今、某案件の開発をしていて、社内使っているファイルのバージョン管理システムのCVSの代わりに、この案件は外部のシステム会社さんと共同開発って事もあり、バージョン管理システムに、CVSの後継である「Subversion」を使っています。 (正確にはCVSではなく、MSのバージョン管理システムのVSSなのですが) そのバージョン管理ツールSubversionのクライアント側のアプリケーションとして「TortoiseSVN」というのを使っている(CVSというツールのクライアント側のアプリケーションがVSS、といったら分かるかな?)のですが、これがやたら
JavaScriptを使った各種WYSIWYGライブラリまとめ:phpspot開発日誌
JavaScriptを使った各種WYSIWYGライブラリまとめ。 こういった仕組みも今では真新しいものではなくなりましたが、それぞれ特徴があって微妙に使いどころが違う場合があると思うのでまとめ。 Yahoo UI Library ベースのWYSIWYG prototype.jsでクロスブラウザなWYSIWIGエディタ FCKEditor TinyMCE ３年程前ではこういった機能はHTMLだけでは不可能だと思っていましたが、今では当たり前になってしまいましたね。 個人的には、Ajaxぐらい素晴らしいJavaScriptを使った機能じゃないかと思っています。技術の進化って素晴らしいですね。
「決心する」は動詞ではない | シゴタノ！
6 powerful “look into” verbs (+ 1 to avoid) この記事では、何かを検討段階から実行段階に移そうとする時に役に立つ6つの動詞と、役に立たない1つの動詞が紹介されています。 まず、役に立つ動詞とは以下の6つです。 1．ネットでざっと調べる（web-research） 2．ブレストする（brainstorm） 3．詳しそうな人にメールする（email） 4．詳しそうな人に電話する（call） 5．タスクとして切り出す（agenda） 6．始める（write） そして、役に立たない動詞とは、 1．決心する 確かに「決心しよう！」と思っても、具体的に何をしたら良いかが分からなければ手も足も出ません。「決心する」はプロセスではなくゴールに過ぎない、ということでしょう。それゆえ「決心する」を「動詞」と呼ばないようにするべし、というのがこの記事の主旨です。 代わり
シゴタノ！ - 読み手の負担を最小化するメールの書き方
Tips for Mastering E-mail Overload 受信トレイに山のように届くメールをいかにして効率よくさばくか、という技術的な話はそれこそ山ほどありますが、結局自分一人ががんばっても“山”そのものを動かすことはできません。 そもそも、メールは気安く送ることができるために、コスト負担構造が逆転している、すなわち書き手よりも読み手にとって重荷になっていると、書かれています。 ●メールが登場する以前は、送り手にコストがかかっていた ●連絡文を書く、切手を貼る、投函する、といった手間、 ●送り先の数に応じて嵩む郵送料、 ●それゆえ、おのずと送り先を厳選していた そして、 ●メールの登場とともに、これらの送り手のコストが格段に下がり、 ●ちょっとした思いつきや衝動でメールを送れるようになった ●しかも、一度に数十人の同僚に送り届けることができる ●自分ができる、ということはみんな
やるかやらないかの判断は瞬間的に下される | シゴタノ！
Does this “next action” belong someplace else? 「今やるべきことは分かっていても、次にやるべきこと（next action）がきちんと管理されていなければ、全体としては効率よく進まない」ということで、GTDで言うところの“next action”をいかに管理するかについての考察です。 ●“next action”リストに必要以上に居座り続けてしまうタスクがある ●このタスクが居座り続けるために、全体の仕事に悪影響を与える ●原因の多くは、意図せずしてリスト上に間違った置かれ方をしていること ということで、適切な“配置換え”をするための7つのヒントが紹介されています。 1．進め方について検討の余地が残っている 2．すぐに取りかかれる作業になっていない 3．まだ取りかかるタイミングではない 4．自分がやるべきものではない 5．名前が適切ではない 6
シゴタノ！ - 受信トレイを空に保つための5つのルール
Five simple rules for keeping an empty inbox 受信トレイを空に保つための5つのルール あちこちで「受信トレイを空にしよう」という声を聞きますが、そのための具体的な方法が5つのルールにまとめられています。ちなみに、この筆者はGmailを使っているようです。 ●現実には受信トレイが空になることはない ●もしあるとしたら、よほど仕事が暇ということだろう ●しかし、空の状態にすることが目指すべきゴールである 1．いま読まなくてもよいメールは、受信トレイにあってはならない 2．返信の済んだメールは、受信トレイにあってはならない 3．知人や業者からの定期的なメールは、自動的にラベルが付くようにする 4．受信トレイは、せいぜい2，3時間に1度のぞけばよい 5．受信トレイのガードを固める（フィルタを更新し続ける） 1．いま読まなくてもよいメールは、受信トレイにあ
[ws] Color Scheme Generator 2
Brand New Version Available & Moved! The Color Scheme Designer application has been moved to its own domain: http://ColorSchemeDesigner.com Please update your bookmarks. Newest version: http://colorschemedesigner.com Previous version list: http://colorschemedesigner.com/previous Nová verze & Přesunuto! Aplikace Color Scheme Designer byla přesunuta na svou vlastní doménu: http://ColorSchemeDesigner
Color Schemer | Create matching color schemes at the click of a button
Every Monday, get all the new schemes posted during the previous week sent to your inbox.
Warning Label Generator
- Accepted Characters - ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789 `~!@#$%^&*()_-+={}|[]:;<>?,./ Step #4: Click this button... - Online Casino Label Generator Stats - There are currently 41 people making casino labels Makes it easier to find a genuine Casino ohne Anmeldung without the usual risks. Check the best online casino labels and logos created for brands operating worldwide. Over 2,184,950 warnin
Web 2.0 Name Generator
Need a name for your Web company? Try this handy name generator. Generate Name!
ブログのコメント部分やコメントフォームのデザインを色々集めたサイト:phpspot開発日誌
Blog Comment Form Design Showcase | Smiley Cat Web Design ブログのコメント部分やコメントフォームのデザインを色々集めたサイト。 いろんなブログのコメント部分やコメントフォーム部分の画像をコレクションしているようです。 コメント部分 コメントフォーム部分 これだけのデザインサンプルがあると、自分がデザインする時に大いに参考に出来そうですね。 形が決まったら後はオリジナリティを加えてデザインを完成させるという方法でデザインすれば効率よくカッコいいコメント部分が作れそうですね。 関連エントリ 2006年を彩った50の超美麗CSSデザインサイト集 ウェブデザインに便利なツールをまとめた「Web Design Tools」
禁煙するぞ.JP - 禁煙する人達のSNSコミュニティ
禁煙は辛いですが、同じ目的の仲間を見つけ、助け合い、励ましあい、様々な情報交換をしながら楽しく目的を達成する為の社交場ですSNS(ソーシャル・ネットワーク・サービス)とは人と人とのつながりを促進・サポートする、コミュニティ型の会員制のサービスのことです。 SNSの中心であり主目的は、人と人とのコミュニケーションです。友人・知人間のコミュニケーションを円滑にする手段や場を提供したり、趣味や嗜好、居住地域、出身校、あるいは「友人の友人」といったつながりを通じて新たな人間関係を構築する場を提供します。 禁煙するぞ.JPでご利用頂けるサービスをご紹介します。 SNS機能 (プラットフォーム:OpenPNE) | 禁煙カウンター 禁煙開始からの経過日数や喫煙代節約金額が表示され、日ごとに増えていく実感が得られます。また、他の人の禁煙開始日もわかるので、今、同じ苦しみに耐えている禁煙仲間を見つける
ブログの意味を解析し、ブロガーの属性をグラフで表示する「BlogSphere」 - CNET Japan
キーウォーカーは10月18日、ブログに書かれた文章の意味を解析し、ブロガーの属性をグラフなどで表示するブログ解析エンジン「BlogSphere」のアルファ版を公開した。 キーウォーカーは人工知能の技術を応用して自社で開発した「日本語自然文意味検索エンジン」を採用した ブログ検索サイト「KEYWALKERブログ検索」を2006年3月に公開している。 今回発表したBlogSphereは、同社のブログ検索の技術開発をさらに進めたものだ。従来のKEYWALKERブログ検索では、キーワードを入力して検索すると、その検索キーワードを含んだブログ記事が一覧表示されるだけだったが、BlogSphereではそれに加えて、検索キーワードを含むブログを書いたブロガーの属性情報を分析し、グラフなどでビジュアル化して表示する。 BlogSphereアルファ版では、約3000万ページのブログ記事から、ブロガーの男女比
画像の周りなどに1pxの破線を引く｜CSS HappyLife
画像の周りなどに1pxの破線を引く場合に、borderを使う事があると思います。 borderで破線を引くと、ブラウザにより表示が異なり何か気分が悪いですよね？ その際、画像を使えばOKなんですが、サイズが固定なら画像でも簡単に枠が作れますが、画像サイズがバラバラで、かつ同じ枠線を引くとなるとちょっと面倒な感じがします。 ソコで、結構簡単な方法で解決できるぷちテクニックのご紹介。 取り合えず下記を見て下さい。 1番の画像は、背景画像を使っているので枠線はどの環境で見ても同じです。 2番の画像は、borderで見せているので、ブラウザによって表示が違います。 では、やり方。 img.tenten { background:url(../img/dotted.gif); padding:1px; } paddingを1pxとり、背景画像をおいて上げるだけです。 その際に用意する画像がポイント。
ボクが良く使うMovableTypePlugin
コーディングをする上で、いまや必須なのがMT。 クライアントからの要望に答える為だったり、より便利にしてくれる為に、MTプラグインも必要とする時が多々あります。 ソレなのにいつも、「何処だっけ。。。あのプラグインは・・・」と無駄に探してしまうので、私的メモとして個人的によく使うプラグインだったり、利便性を強く感じたプラグインを、最低限の説明とともにリストアップしておきます。 より詳しく探したい人は、小粋空間さんのプラグイン一覧とかが非常に便利。いつも使わせてもらってます。 ※リンクは全て別窓で開かれまする CatEntries ・MTEntriesで特定のカテゴリーを表示・非表示 <MTCatEntries exclude="CategoryName1,CategoryName2"> ・・・ </MTCatEntries> <MTCatEntries include="CategoryNa
CSSに関する基本的なこと1（記述方法、使用できる文字、コメントアウト）
実際の作業に入る前に、基本的なことをやっておきます。 作業ミスや混乱などを避けるためにもまずは基本です。しっかりと見に付けておきましょう。 以下の事について触れるので、理解している方は次のエントリーにお進み下さい。 CSSの記述の仕方 セミコロンについて 大文字と小文字の区別について class名やid名で使用できる文字 コメントアウトについて CSSの記述の仕方 セレクタ { プロパティ:値 } セレクタってのは、スタイルを適用する対象で、bodyとかh1、p、ulなどです。 id名やclass名なども。 プロパティは、そのセレクタにどのようなスタイルを指定するかです。 marginやpadding、borderなど。 値は、指定したプロパティにどんな値を適用するかで、color:red;の太字のredの部分です。 コレで文字の色を赤にするという値を指定してます。 CSSの書式の統一に関
hori-uchi.com: _blankを使わないで別ウィンドウを開くにはre
はてなブックマークをみていたら、気になるエントリーを発見。 [戯] target="_blank" を使わないで新しいウィンドウでリンクを開く方法 target="_blank"という書き方がXHTML 1.1 や XHTML Basicに準拠していないので、これらに準拠するようにしつつ、別ウィンドウで開くにはどうすればよいかという話です。 別ウィンドウで開くにはJavaScriptを使えってのが推奨される方法なんですが、onclickを使って定義するのはめんどうということで、この記事では、aタグにclass="popup"という属性を与えておけば、JavaScriptで別ウィンドウを開くということをしています。 この件については友人のHTML、CSSマスターなkawachi君と話したことがあって、そのときは、下のエントリで紹介されているrel="external"という方法を使うのがいい
.htaccess ファイルを簡単作成「.htaccess Editor」
オンライン上でいとも簡単に.htaccessファイルを作成してくれる、ヒジョーに便利なツール。 ツールだけどサイトなので、Webサイトカテゴリに。（もちろんCSSで組まれてます） これ、すべての動作がJavaScriptなんで、ファイル作成時にサーバとの通信は一切なし。 .htpasswd の作成時にサーバにデータが残ったりしたら、なんてことが心配な人にも安心です。 .htaccessに関してボクはぜーんぜん分かってないので、こういったツールが有ると非常に助かります。 .htaccess Editor
横並びメニューのロールオーバーをJavaScriptを使わずCSSで実現
かなり色んなサイトで見かけるようになった、JavaScriptを使わずにロールオーバーをCSSのみで実現するテクニック、そのやり方です。 以前のエントリーで、縦並びのメニューで同様のを紹介しましたが、横並びのメニューは随分勝手が違います。 またメニューをテキストではなく、画像で行っているのでその部分についても説明していきます。 サンプル： サンプルページを見る ダウンロード： サンプルをダウンロード 使用画像 ロールオーバー用画像 ナビ背景画像 では、やり方をば、、、 まずはロールオーバー用の画像を用意します。 今回使用してる画像は上記の2枚のみです。 また、メニューの背景画像として、全てがオフの状態の画像を用意しています。 コレは、サーバーや回線の都合でたまに読み込みが遅れて、メニュー部分が真っ白になってしまうのを防ぐ為です。 必要無いといえば無いですが、結構気になっちゃうので（ボクは）
文章構造を崩さず出来るだけキレイに角丸をつくってみる。
前回のエントリーでご紹介した角丸。 今回は、文章構造を維持出来るデザインが上がってきた場合の角丸の作成をしてみました。 仕様 タイトル：3行～4行くらいまで。 本文：文字数・サイズ制限無し、横幅固定。 投稿日部分：3行～4行くらいまで。 サンプル：http://css-happylife.com/template/06/ ダウンロード：http://css-happylife.com/template/06/06.zip 使ってる画像。 角丸上部画像 繰り返し用画像 角丸下部画像 文字サイズなどを制限無しに対応する場合、上部画像、繰り返し用の画像、下部画像の3つが必要になってきます。 そうすると、必然的にdivが増えたりしてしまうんですが、サンプルのように、タイトル、本文、投稿時間と分かれていれば、ソコにスタイルを適用させる事が出来るので非常にシンプルなHTMLで角丸が実現できます。 サン
Faviconをつくるときに参考にしたいデザイン＆ツールいろいろ | P O P * P O P
アドレスバーやブックマークの左側に表示されるFavicon（こんなの↓ですね）に関する記事がありました。 参考になりそうなきれいなデザインやツール類があったのでご紹介。これからFaviconつくるぞー、という人はよろしければどうぞ（それよりもこのブログのFaviconをなんとかしなくては・・・）。 » Inspire Yourself: 50 Remarkable Favicons | Smashing Magazine 下記に一部をご紹介。 ■ 花びら系デザイン ↑ カラフルですね。 ■ 丸系デザイン ↑ 丸を上手に使ったデザインはWeb2.0ぽい気がします。 ■ 文字系デザイン ↑ Googleの「G」やmixiの「m」もそうですね。はてなはブックマークは「B」、ダイアリーは「D」などと分けているようです。 ■ 模様系デザイン ↑ 凝ってますね。 ■ 四角系デザイン ↑ Appleは四
CSSとPHPできれいなグラフを描く方法 | SIMPLE*SIMPLE
terrill.caにてCSSとPHPできれいなグラフを描く方法が紹介されていました。 » terrill.ca | Vertical Bar Graphs using CSS and PHP 棒グラフや立体グラフなどがCSSのスタイルで描けます。PHPはデータの抽出と縮尺の設定だけなので、必要でない方は紹介されているCSSだけ使っても良いかも。 ↓なグラフや、 ↓なグラフが描けます。 なお、HTMLのほうの記述は以下のような感じです。わかりやすいですね。変更も簡単かと。 <ul class="barGraph"> <li class="p1" style="height: 57px; left: 0px;">57</li> <li class="p2" style="height: 27px; left: 0px;">27</li> <li class="p3" style="heigh
見出しの横などにボタンを配置
結構見かける、見出しなどの横に配置されているボタン。 ウチのサイトでも、NEW ENTRYの横にRSSボタンをつけてます。 他に、続きを読むやMoreなんかが見出しの横にボタンやテキストとして配置されているケースが多いと思います。 このデザインを実現する際に、floatかpositionのどちらでも可能ですが、この場合はpositionの方が楽な上に柔軟に対応できる（と思う）のでオススメ。 ということで、ウチのサイトを例に作成方法を。 HTMLはこんな感じになってます。 <div id="main"> <h2>New Entry</h2> <p id="btnRss"><a href="/index.xml">RSS 2.0</a></p> ・ ・ ・ <!-- / main END --></div> CSSを切っている状態だと→こんな感じ。 position以外のスタイルを適用させると
パンくずリスト（Topic Path）を作成する際に使えそうなサンプル8種｜CSS HappyLife
普通のエントリー久々な気がする今日この頃。 今回はトピックパスとかパンくずリストなんて呼ばれてる、ちょっと規模の大きいサイトでは日常茶飯事で見かけるアレのサンプル色々です。 サンプルの前に #main .entryBody #topicPath_01 とかってなってますけど、#main .entryBody はウチのサイトの都合で優先順位上げの為にやってるんで、コピったりする場合はいらない感じです。 #main .entryBody #topicPath_01 { margin:10px 0; } #main .entryBody #topicPath_01 li { display:inline; line-height:110%; list-style-type:none; } #main .entryBody #topicPath_01 li a { padding-right:10
hxxk.jp - 2007 年 2 月現在、 Firefox 2 にインストールしている 10 のアドオンと 4 つの greasemonkey スクリプト
Firefox 2 の設定やアドオンや Greasemonkey スクリプトを設定した Destroy target="_blank" with Firefox 2 で そろそろ Firefox 2 に移行しないとなあ...... と書いたまま、ずっと Firefox 1.5 のままだったのですが、ようやく 2.0.0.1 に設定を移行しました。 Firefox 1.0 アップデート前に拡張をメモやマシンを新調する前に拡張をメモで Firefox の拡張機能についてのメモを書いていましたので、今回もこの場にメモしておきます。 使っている greasemonkey スクリプト greasemonkey は他の機能と違い、インストール後に更にスクリプトをインストールする必要があります。 ここでは私が使っている greasemonkey スクリプトを紹介。 何故か SBM 関連ばかりですが。 G
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザインの配色に迷ったときに使えるツールのまとめ - DesignWalker
JavaScriptを利用してフォームの二重送信を防止する：CodeZine
ウェブデザインに使える16のジェネレーターツール - DesignWalker
prototype.js リファレンス
Webデザインとグラフィックの総合情報サイト - MdN Interactive - Webデザイン超基本のお作法50選