シンプルなモーダルウィンドウ - かちびと.net
Result jQuery //クリックイベント $("#showoverlay").click(function() { //オーバーレイ用のボックスを作成 $("body").append("<div id='overlay'></div>"); //フェードエフェクト $("#overlay").fadeTo(500, 0.7); $("#modalbox").fadeIn(500); }); //閉じる際のクリックイベント $("#close").click(function() { $("#modalbox, #overlay").fadeOut(500, function() { $("#overlay").remove(); }); }); $(window).resize(function() { //ボックスサイズ $("#modalbox").css({ top: ($
cssとhtmlをその場で書くだけですぐに結果を確認出来る・dabblet - かちびと.net
購読してるLea Verou女史のブログで 面白いツールが公開されていました のでメモ的にご紹介。以前も同じよ うなツールをご紹介しましたが、 もっと手軽に使えますのでこちらで も十分かもしれません。 cssとhtmlを書いたら即、結果が反映されるやつです。少し前にjsbinのインストール法を書きましたが、dabbletはインストール不要で、PHPと.htaccessが動くサーバーならDB不要で動作しますので結構手軽ですね。 ローカルに置いてみました。cssやHTMLを書くと、インタラクティブに反映。実行結果の場所や記述場所も選べます。上記は水平分割モード。 こんな風に実行結果の上にマークアップみたいな事も出来ます。これちょっと面白いｗ カラーコードにマウス乗せるとツールチップで実際のカラーを確認できます。 書いたコードは直接Gistに飛ばせます。 ただし、JavaScriptには対応して
WordPressを使ってWeb制作をする為の手順リスト・【改正版】+α - かちびと.net
以前書いたWordPressでWeb制作する際 の手順リストが少し古い情報込みだったり するので改正版を書きます。先日、WPも 3.2のリリースを迎えましたので、手順リスト もアップデートすることにしました。多少考え が変わっているので内容も少し変更有ります。 以前のリストの改正版です。加えて他の情報も一緒に載せておく事にしました。 【2011・07・11】 WordPressインストール サーバーを用意（PHP5.2.4 以上 / MySQL5.0 以上） DBを作成 WordPressをダウンロードし、解凍 wp-config-sampleをwp-configにリネームし、内容をDBに合わせて変更 プリフィクス（接頭語）を変更する（wp_→foodblog_） FTPソフト等でサーバーにアップロード サイト名やパスワード、IDを決める（adminは避ける） 作成したユーザー名でログイン
WordPress凄いな・・と改めて思ったプラグインやテーマ
onextrapixelの記事を見て、改めて WordPress凄いな・・と思ったので ご紹介したいと思います。ここまで WPで出来るんだと感心してしまい ました。そんなプラグインやテーマです。 記事には多くのWPユーザーが既知である、WordPressをSNSにしてしまうBuddyPressや、以前ご紹介したギャラリーを作れるテーマ、Twitterっぽくしてしまうえる P2 Themeやprologueなどの情報もありますが、それは割愛して、この記事で始めて知ったものを数点。 Job Board ジョブボード化するテーマです。有料。投稿者はお金を払うと自分の載せる事が出来ます。フリーランス、パートなどのアイコンをつける事も可能でPaypalと連動しているようです。 Job Board Digg-like Voting Site Diggのような投票を行なえるように出来るプラグインです。無
商用OK・無料でクレジット表記もリンクも不要！日本人の人物写真素材サイト・モデルピース - かちびと.net
これはかなり重宝するのではないでしょうか。 日本の人物写真素材が無料で商用OK,更に クレジット表記やリンクも不要のサイト・モデル ピース。人物写真は基本的にどれも有料か、 あっても日本人ではなかったりですが、こちら は無料ですし、国産のサービスなのでモデル さんはみんな日本人です。 お友達のまさとさん(@makavelicom)に教えてもらいました。ご紹介するモデルピース以外にもいろいろまとめられてるのでチェックしてみてください [note]激安で日本的な写真素材、レンポジサイト一覧[/note] 無料・商用OK・リンクもクレジット表記も不要で解像度も高いです。こんないいサイトがあったとは知りませんでした。足成とは別の選択肢としてかなり重宝しそうです。 日本人の人物写真を専門に扱っていて、無料ながら商用OK、リンクもクレジットも不要とのこと。ありがたい。 数もかなり豊富 数が少ないかと思
Webデザインやプログラミングなどの勉強に良さそうな国内のブログ記事やWebサイトいろいろ - かちびと.net
いよいよ2011年がスタートしました。 今年も去年同様、勉強することが 沢山あります。まだモチベーションが そこそこあるうちに勉強になりそうな 国内の記事をリンク集にしました。 迷ったときに見てみようかなと思い ます。 より最適な方法というのはあると思いますが、まずは扉を叩かない事には何が悪いかも分かりません。ということで、内容に拘らず、否の意見をスルーしてここに色々まとめさせて頂きました。 勉強したい気持ちはあるけど出来ない理由は「何を始めればいいのか分からない」という方も、何が出来るのか、どういった勉強法で出来るようになるかが分かればやる気が起きるかも知れません。 5分で分るシリーズ 以前も流行ったんですね。Web関連以外も含めてここにまとめられています。 5分で分かる PHP を知らない人が PHP の便利さを学べる記事を書いたよ 5分でわかる Ruby を知らない人が Ruby の
【Vol.2】最近になって国内でリリースされた9 1のTwitterツール - かちびと.net
前回の日本国内でリリースされた 14のTwitter系ツールに 続いて第二回、国産Twitterツールです。 最近リリースされた（と思われる） 国産Twitterサービスを9ツール ＋おまけ1ツールご紹介します。 「最近」というのは前回紹介した日（8月半ばくらい）から、という意味で使っています。 twitvideo 動画を共有できるサービスです。国内では初なんじゃないでしょうか？サイトも綺麗に作られてますね。OAuth認証ではないのが非常に残念。でも人気クライアントのhootsuiteもOAuth認証では無いけど利用者多いですし、サービスの内容次第では気になら無いのかな？今後に期待したいところです。 twitvideo twiz! 投稿を地図上に反映させる事が出来ます。「いまここで何してる？」につぶやく事で美味しいご飯の場所とか近所に住んでるとかを簡単に知らせられそう。 twiz! Twi
日本国内でリリースされた14のTwitter系Webサービス - かちびと.net
Twitterの国産ツールがこのところ 目白押しなのでそろそろ纏めようと 思います。クライアント系は含めず あくまでWebサービスに特化しています。 また、botも除外しました。 順番は順不同です。 Twilog 自分のステータスと最近のTweetをブログ形式で保存する。色々な事が可視化されるので自分を見つめなおすのに重宝します。僕が仲良くしているロプちゃん作。アライグマかレッサーパンダかは未確認。 Twilog meyou 日本ユーザー限定のリアルタイム検索サービス。すっごく見やすいですので検索サービスとしてはかなり使い勝手が良さそう。これは嬉しいですね。相互フォローしてるタムタムさん作。 meyou buzztter シンプルで軽量。標準タイプのリアルタイム検索です。Twitterで今の話題を切り取っています。話題に対するTwitterユーザーの考え方なども見れて参考になりますよ。da
WordPressチートシートいろいろ・SEOとかテンプレートタグとか
以前、WordPressのコードチートシートをご紹介しましたが、 Graphic and Web Design Blogで、様々なWordPressの チートシートやリソースが紹介されていましたので、チートシート15個のみ ご紹介します。 WordPress Help Sheet (*.pdf) 以前、日本語チートシート色々でご紹介したWordPressチートシート。 日本語に訳されてます。 WordPress Help Sheet (*.pdf) The Advanced WordPress Help Sheet (*.pdf) カテゴリやタイトル等に使えるスニペット集。開発者向け。 The Advanced WordPress Help Sheet (*.pdf) WordPress Template Tags Cheat Sheet (*.pdf) テンプレートタグの一覧をチートシー
ホントに助かるフリーのcssジェネレーターいろいろ
使えるcssのオンラインサービスが 50個、Speckyboyで記事にされていた のでよさ気なものをいくつかご紹介します。 全部良さそうなので気になる方はぜひ 記事元を訪れてみてください。 日本語のテキストで作成できるｃｓｓメニュージェネレーターは本当に助かります。 Grid Designer 2 細かい設定を行えてすぐに反映されるグリッドシステム。 Grid Designer 2 nP: Grid Generator グリッドを作成すると、ｃｓｓのソースも出してくれます。 nP: Grid Generator Dynamic 4 Column Layout Generator これ面白い。4カラム専用のレイアウトジェネレーター。設定と同時に反映、 ｃｓｓもＤＬ（コピペ）出来ます。 Dynamic 4 Column Layout Generator XHTML/CSS Markup Gen
5つ星★★★★★のWordPressテーマを集めたTopWPGallery.com
★★★★★のWPテーマを集めた TopWPGallery.comをご紹介します。 Only ★５つとか言っておいて★４つ も有りますが。。ちょっといいテーマ 探したい、なんて時に見ておくといいかも。 有料と無料があるので無料のテーマが欲しい時はサイドバーのFreeから探してみてください。以下に無料のテーマをいくつかご紹介。 Ardent Theme Ardent Theme Meta-Morphosis Theme Meta-Morphosis Theme Grid-Focus Theme Grid-Focus Theme Wynton Magazine Theme Wynton Magazine Theme まだまだカッコイイテーマがありますよ。興味のある方は以下よりどうぞ。 TopWPGallery.com
Twitter関連ツール・まとめ - かちびと.net
Twitter関連の便利なツールがかなり 紹介されて来ていて、そろそろ混乱 してきたのでまとめます。 リンク先は日本語で解説してくれて いる記事にしています。されていない ツールやサイトは載せていません。 今現在は165個のツールがありましたが、今後追加していく可能性もあります。 TwitterWikiに載ってるサービスは極力載せていないつもりですが、若干被ってるかも。 全てのサービスを試したわけではありません。ＭａｃとiPhoneは持って無いですし。。。 また、リンク先を日本の記事にしたのは、海外のサービスに直接貼っても 使い方が分からなければ意味が無いと思った為です。 なので、リンク先がかなり偏っていますが重ねてご了承下さい。 ※コメント頂いたので１５個追加して180個更に20個追加して200個に育った。 ※8月アップデート＞17個増えて217個 ※9月アップデート＞30個増えて247
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
