タグ

ブックマーク / kachibito.net (20)

  • Markdwon記法で書けるシンプルなブログサービス・Roon - かちびと.net

    Markdown記法で書けるシンプルなブログサービス・Roonのご紹介。スマフォでも閲覧可能なRWD対応のサービスです。メモ感覚で書けるので手軽でいいかもしれません。 ※追記:スペルミスをコピペしてましたorz 修正しました。 シンプルさを追求したブログサービス。Markdownで書けるのも嬉しいです。 ユーザー登録後、すぐに執筆可能です。 書いてアップするだけの作業スペースだけが用意されます。Markdown記法なのも嬉しいですね。 ブログっちゃブログなんですけど、かなりメモに近い感じです。公開すると、シェアだけ出来る様になります。 広告も今の所無いようですね。個人的には好みのサービスでした。 Roon

    Markdwon記法で書けるシンプルなブログサービス・Roon - かちびと.net
    kachibito
    kachibito 2013/06/27
    タイトル修正しました(´▽`;)
  • WordPressのパーマリンク設定で、/%category%/を親カテゴリ表示のみにする - かちびと.net

    WordPressのパーマリンク設定で、/%category%/を親カテゴリ表示のみにする - かちびと.net
  • CSSスプライトをドラッグ&ドロップで作成、保存もできるWebサービス・SpritePad - かちびと.net

    CSSスプライトの作成、保存、共有が 可能なWebサービス・SpritePadのご 紹介です。少し大きめのプロジェクト 向けのサービスですかね。ドラッグ とドロップで作れるのはちょっと 良かったです。 昨日までずっとエラーで動かなかったんですが、改善されたようなのでご紹介します。simplessっていうLESSコンパイラがあるんですが、これを作成した会社さんのサービスみたいですね。 ドラッグ&ドロップで配置出来るCSSスプライトの作成ツールです。既に沢山にたようなのはありますが、直感的で使いやすかったので。 ここにローカル環境から画像をドロップすればアップロード出来ますので、あとは配置していきます。ユーザー登録すれば保存可能ですよ。 一纏めにされた画像とCSSが渡されます。class名は画像の名前を適応しますのでどれがどれだか、みたいな事も無いでしょう。 プレミアムユーザー プレミアムにな

    CSSスプライトをドラッグ&ドロップで作成、保存もできるWebサービス・SpritePad - かちびと.net
  • iPhoneとiPadの切り替えが可能で、ランドスケープ(横向き表示)対応のブラウザシミュレーター・Electric Plum結構イイ!(・∀・)※Win用

    iPhoneiPadをサクッと切り替え 出来て、ランドスケープ(横向き) にも切り替え可能なiOS向けの無料 のシミュレーターが結構良かった のでシェア。Windows用です。表示 の確認には結構いいんじゃないかな と思います。 iPhoneiPadの切り替えが出来て横向きにも出来るiOSブラウザシミュレーター。個人的には確認も楽で動作も軽いので結構いいなと思いました。ただし、Windows用です。 起動するとiPhoneiPadを選べます。選んでURLボックスにアドレス入れてアクセスしまs・・ やっぱり説明下手なので動画みて頂けますか。 iPadのランドスケープだけウィンドウを小さくしていたため微妙な感じですが、表示はちゃんとしてます。どうも不慣れで申し訳ないです。 一応機能をご紹介。 iPhoneiPadの切り替えが楽 iPhoneiPadの切り替えが凄い楽です。これだけ

    iPhoneとiPadの切り替えが可能で、ランドスケープ(横向き表示)対応のブラウザシミュレーター・Electric Plum結構イイ!(・∀・)※Win用
    kachibito
    kachibito 2011/11/17
    id:papet_akiba 確かにそうでしたー。申し訳ないです・・・修正しました。ご指摘感謝です
  • WordPressのオリジナルテーマ作成フロー・基本マニュアル

    初めてWordPressオリジナルテーマの作成にトライしたい、という方向けの基のマニュアルです。マニュアルというほど大袈裟なものではありませんけど、ある程度敷居が低くなると嬉しいなぁという思いを込めて記事にします。 この記事の内容はあくまで基中の基で、初心者・ノンプログラマー向けとなっていますので応用的な情報は殆どありません。また、説明の仕方も分かりやすさ重視で、厳密的にはちょっと違う点もあります。 初心者さん向けに、もう少し情報があってもいいかなと思って、書いてみることにしました。僕もまだまだ初級レベルなので一緒に学んでいきましょう。初級者レベルでこんな記事書くなって話ですけども。 目次目次です。各セクションで必要と思う場所から見るようにしてください。 はじめに作成するWebサイトの目的と構造テーマ作成前に用意するものと環境テーマの構造を(触り程度だけでも)理解するHTMLからテー

    WordPressのオリジナルテーマ作成フロー・基本マニュアル
  • css3を使って手紙が封筒から出てくる様を表現したコンタクトフォームがなかなか可愛い - かちびと.net

    とっても可愛らしいコンタクトフォームがありま したのでメモがてらご紹介します。封筒に入 った手紙を模したフォームのデザインで、 マウスを乗せると、フォーム部分の手紙が アニメーションしながら出てきます。使いど ころは今は限られてしまいそうですが・・ 将来は普通に使えるといいですねw なかなか素敵なフォームデザインです。手紙にマウスを乗せるとゆっくりフォームが出てきますよ。こういう発想力がほしいですね・・ a unique contact form with css3 transitions お手紙が入った封筒です。チラッとフォームが見えてますね。 マウスを乗せると・・ ゆったりとしたアニメーションでするすると出てきます。かわええw こんな仕組みらしいです。アニメーションはtransitionで、ホバー時に高さを変えてるんですね。 form {background:#f7f2ec url('

    css3を使って手紙が封筒から出てくる様を表現したコンタクトフォームがなかなか可愛い - かちびと.net
  • わずか4KBと軽量でカスタマイズしやすい、シンプルなデートピッカー(カレンダー)を実装するjQueryプラグイン・glDatePicker - かちびと.net

    カレンダーの日付を押すだけでボックス内にデータを入力出来るやつです。デートピッカーというんですが、これがあるとユーザーは視覚的にも探しやすく、入力ミスも防げるので日付を入力するフォームに導入するといいユーザービリティになりそうです。 また、シンプルなコードでカスタマイズもしやすいのが特徴です。というわけでサクッと日語にしてみました。 デモデモです。フォーカスするとカレンダーが表示されます。 汎用的 コードもシンプルなので簡単に日語に出来ます。 カラーはcssで変更するだけ。 コード<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script type="text/javascript" src="js/glDa

    わずか4KBと軽量でカスタマイズしやすい、シンプルなデートピッカー(カレンダー)を実装するjQueryプラグイン・glDatePicker - かちびと.net
  • iPhone等での表示をPCで確認出来るAir製のシミュレーター・Mobilizerがローカルファイルにも対応出来るし、割と良かった

    iPhoneや、BlackBerryなどでのWebサイトの表示をPCで確認出来るシミュレーターです。Air製で無料で使えます。まだ使い始めたばかりなんですが起動も軽く、ユーザーエージェントもそのデバイスごとに設定してくれてるみたいです。 シミュレーター(エミュレーター?よくわからn)はいくつかありますが、選択肢の一つとして。WinでもMacでもOKです。完璧ではないですけど、今までで一番良かった気がしました。もともと優れたシミュレーターはまだ無い気がしますしね・・・あるのかな?w 動画あったので貼っておきました。iPhone4は勿論、Plam PreやBlackBerry、HTCなど4種のデバイスを同時に確認出来ます。ローカル上のHTMLも動作確認出来ますよ。Airアプリなので動作にはAdobeAirが必要です。 4つ同時に起動可能 日なら、基的にiPhoneAndroidだけあれば

    iPhone等での表示をPCで確認出来るAir製のシミュレーター・Mobilizerがローカルファイルにも対応出来るし、割と良かった
  • RSS全文配信してると記事を丸々転載されてしまうので、WPプラグインを使って逆に転載サイトを利用してみる

    RSS全文配信してると記事を丸々転載されてしまうので、WPプラグインを使って逆に転載サイトを利用してみる
  • Node.jsをベースとしたCMS・Calipsoというソフトウェアがオープンソースで公開されてるみたいですね

    暇がなくてまだ触ってないのでご紹介 するか迷ったんですけど・・node.jsを ベースとしたCMSがオープンソースで 公開されていました。Calipsoという ソフトウェアで、WordPressやDrupal にインスパイアされたそうですよ。 以前書いたようなちょっとしたアプリケーション(リアルタイムで付箋メモを共有できるオープンソースのWebアプリ・Scrumblr)なら見かけましたが、CMSのような、割と実用性のあるソフトウェアがオープンソースで公開されているのはまだ無い気がしますね・・(あるのかな? サーバサイドJavaScript命とも言われるNode.jsをベースとしたCMSだそうです。こんなのも作れるんですね・・ OSはUbuntu、データベースはMongoDBを使うみたいですね。ライセンスはMITです。 [note]※下記はインスコ手順じゃなくてリンク先を自分用にメモった

    Node.jsをベースとしたCMS・Calipsoというソフトウェアがオープンソースで公開されてるみたいですね
    kachibito
    kachibito 2011/05/26
    id:t_43z 追記しました。ご指摘ありがとうございます:)
  • かちびと.net

    Kachibito.net is a website to writing tutorials and code snippets for Web Developers, the main subjects are WordPress, javascript, CSS, OSS, tools and resources.

    かちびと.net
    kachibito
    kachibito 2011/03/21
    777もらた(´▽`)
  • jQuery API 検索ツール / jSearch

     ✚ もう一度探す jSearch API カテゴリ バージョン 検索する ✒ 絞り込み検索 マッチング ~を含む ~で始まる ~で終わる ~と一致する 検索結果に含める内容 追加されたバージョン 議論 詳細(短文) 詳細(全て) テキスト(例:add)をドラッグしてブックマークレットを使うとここに飛んできますjSearch Bookmarklet Tweet (C)Kachibito.net / Powered by Learning jQuery

    kachibito
    kachibito 2011/03/03
    セルクマ
  • 素敵なデザインの名刺いろいろ・国内編

    久々に名刺ネタです。今日は日人の デザインした素敵な名刺をいろいろと ご紹介します。海外のもよく紹介されて いますし、素敵ですけど、日人には 日の事情にあった名刺というのもある かもしれません。特に、イレギュラーな 形はあまり好まれないみたいです。 その是非は今回は置いておいて、日人の方の作った素敵な名刺をご紹介します。デザインなんて個人の好みで良し悪し大きく分かれるでしょうから参考程度にしてくださいませ。これは僕の書く記事なので僕の好みのデザインという事で。 しかし、探しても量が殆ど無いです。共有サイトに投稿する習慣も無いでしょうし、あまり個人情報の書かれたものを掲載する習慣も無いのが日なので仕方ないですが、その中から良かったものをピックアップしています。 キャプチャを取らせてもらいました。普通に掲載するのも気が引けるのでボカシを入れました。彼らに敬意を表してトラフィックも流し

    素敵なデザインの名刺いろいろ・国内編
    kachibito
    kachibito 2011/01/12
    id:hmd703 さん。記事にも書いてますけどリンク先で確認してもらうのが目的なので分からなくて当然です。
  • 人気ドメインをサクッと検索 - ドメイチ

    ドメイチは、com、net、orgやjp、inなど、人気のドメインの空きを一括チェックするサービスです

  • Webデザイン事始め其の弐・テキストに枠と影を付ける作業でGimpの操作に慣れる - かちびと.net

    最近書いた記事でGimpと Inkscapeの使い方のお勧め サイトをいくつかご紹介しましたが、 その際に沢山の反響を頂けたので、 始めよう!というテンションが下がらない うちに1つ、チュートリアルを書いてみます。 Webデザインへの興味の扉になれれば幸い。 記事の内容はチュートリアルと、その下にTips、パターン素材の追加方法、この記事の内容で出来るデザイン例です。画像も多く、長い記事ですが細かくお伝えしているのと、ある程度Gimpの操作法に慣れるようなチュートリアルにしています。以下のような画像を作ります。 影は理由も無く目立たせています。作業の時間は操作に慣れれば殆どかからないのでWebデザインの事始めにぜひお試し下さい。 STEP.1 / Gimpを起動し、新しい画像を用意する Gimpを起動したら、まず 1.上部メニューの「ファイル」→「新しい画像」 を選択。基的にはこれがスタ

    Webデザイン事始め其の弐・テキストに枠と影を付ける作業でGimpの操作に慣れる - かちびと.net
    kachibito
    kachibito 2009/12/05
    id:kansuke426 フィルタはエラーが出やすいのでまだGimp使ったことが無い方へのチュートリアルとしては不適切と判断しました。内容は操作を覚える事を目的としたチュートリアルです
  • ブクマ数の多いサイトを格納してる32のまとめサイト

    なかなか自分に合ったサイトや情報を 見つけるのは至難の業です。そこで、 ある特定のブクマ数になるとその記事を格納し、 表示するサイトがあります。かなりの数なので まとめてご紹介いたします。 以下、サイトポリシーを引用させていただきます。 コンテンツの仕組み要はRSSリーダーと一緒で、特定のRSSフィードを読み込んで、データベースに 格納しています。検索機能や集計の仕方も独自で用意しています。 これらのデータは、はてなやライブドアクリップなどから、一定基準以上の ブックマークを、あるフィルタを通して定期的に収集しています。 そこそこ注目されているネタ・記事が集められるので、最近の傾向や ナレッジベースとして有効です。 どうぞお役立てください m(_ _)m。 その他、おお!と思った特徴を挙げます。 サイト自体のRSS配信やタグクラウドもある記事やサイトごとにはてブ、Livedoorクリップ、

    ブクマ数の多いサイトを格納してる32のまとめサイト
    kachibito
    kachibito 2009/11/17
    1年半前の記事にわざわざコメント有難う御座います。ご意見参考になります。
  • Twitterオフ会に行って来て思った事

    先日、Twitterユーザー同士でオフ会なるものに参加させて頂きました。 遅い時間開始で、2時間半。皆様、当にお疲れ様でした。 もともとは相馬さんのお誘いで始まったオフ会でした。最終的に面子はWebマーケティングブログさん、リアルSEOさん、シブリビさん、SEM-LABOさん、と僕で6人。 名刺交換のしない、フランクな飲み会と、聞いていたので純粋な僕は手ぶらで向かったのですが、いざ、全員席に着くと名刺交換始まりました。なにこれこわい。というか、社会人として当たり前の建前だったようです。僕の人間失格さを理解していただいてからオフ会開始です。 普段のTwitterでの話し方とリアルのギャップがあまり感じない普段Twitterで話してるので感覚というか「こういう話し方をする」って感じを何となく想像していましたが、さほどギャップが無く、直ぐに打ち明けて話は盛り上がりましたよ。以前BBQしたシブリ

    Twitterオフ会に行って来て思った事
    kachibito
    kachibito 2009/08/28
    ビジネスを目的に集まったオフ会ですので名刺交換は普通します。書かなくても分かると思ったんですが言葉足らずで済みません。
  • Twitterの使い方Tips・更に楽しみたい時に役立つかも知れない7つの小ネタ

    Twitterのヘビーユーザーなら多くのことは既知かと思いますが、まだ始めたばかりの方や、ようやく楽しさが分かってきた方の為のTwitter豆知識、小ネタを7つご紹介します。あくまで参考程度という事で。。。 ※誤った情報が含まれています。深くお詫び申し上げます。。 どのユーザーのTweetから自分のサイトに訪問されているか調べる 様々なユーザーが様々なTweetをする時にURLがあるとリンク先に飛んだりすると思いますが、誰の発言から何人のユーザーが自分のサイトに訪問しているかを調べる事が可能。 Googleアナリティクスを利用している事が条件です。アナリティクスからトラフィック→参照サイト→twitter.comを選択するとユーザー名と訪問者数が分かります。僕の場合はやはり自分のTweetからが多いですが、勝間さんの発言力の大きさも伺えます。 上記の画像のように勝間さんの発言一言で200人

    Twitterの使い方Tips・更に楽しみたい時に役立つかも知れない7つの小ネタ
    kachibito
    kachibito 2009/08/25
    ※運営者です※ id:stts さん、 id:yamibikari さん、ご指摘有難う御座います。僕の勉強不足でした。記事修正しました。ご迷惑お掛けして誠に申し訳有りません。。。
  • SEO業者のアイオイクスと海外WordPessテーマ配布に関する問題

    SEO業者のアイオイクスによる海外WordPressテーマを日語化して 無料配布しているサイトの件。この事を知ったのははてブ経由で たどり着いたてくてく糸巻きさんの記事とブコメ。 件のサイトはwordpresstheme.jp(魚拓)というドメインを使ったサイトです。 てくてく糸巻きさんの無料ワードプレステーマ によるSEO spamというエントリーで知ったので、まずはリンク先をご確認頂きたく。確かにWhoisを見るとドメイン所有者はアイオイクスになっていますね。 ドメイン名に「wordpress」を含めてはいけない「WordPress」は商標登録されているのでドメイン名にwordpressと含めてはいけません。以前、WordPressユーザーなら知っておきたいあれこれという記事でも書きましたが、 WordPress Domains For various reasons related

    SEO業者のアイオイクスと海外WordPessテーマ配布に関する問題
    kachibito
    kachibito 2009/08/01
    id:itochan さん>トラバ送り忘れましたwコチラこそ有難う御座います^^
  • Twitter関連ツール・まとめ - かちびと.net

    Twitter関連の便利なツールがかなり 紹介されて来ていて、そろそろ混乱 してきたのでまとめます。 リンク先は日語で解説してくれて いる記事にしています。されていない ツールやサイトは載せていません。 今現在は165個のツールがありましたが、今後追加していく可能性もあります。 TwitterWikiに載ってるサービスは極力載せていないつもりですが、若干被ってるかも。 全てのサービスを試したわけではありません。MacとiPhoneは持って無いですし。。。 また、リンク先を日の記事にしたのは、海外のサービスに直接貼っても 使い方が分からなければ意味が無いと思った為です。 なので、リンク先がかなり偏っていますが重ねてご了承下さい。 ※コメント頂いたので15個追加して180個更に20個追加して200個に育った。 ※8月アップデート>17個増えて217個 ※9月アップデート>30個増えて247

    Twitter関連ツール・まとめ - かちびと.net
    kachibito
    kachibito 2009/07/15
    ブログ主です。セルクマ済みません。 id:hiro7373 さんにご指摘頂いたのでよく分からないなりに15個追加しました。不備あったらご指摘下さいまし。/ご要望頂いた内容はほぼ全て追加しました。ご指南有難う御座いました!
  • 1