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

  • 最近よく使ってる、Web制作に役立つWebサービス的なやつ

    少し前に聞いてくれた方がいたのでついで にシェアしてみます。個人的に最近よく好ん で使っている、Web制作に役立つWebサー ビスみたいなものをご紹介。全部既出で 珍しいものは無いんですけど、一覧にする のもたまにはいいかもですね。 というわけで、場合によっては誰得な記事ですけどご了承下さい。僕がここ最近でよく使ってるWebツールを古いのから新しいのまで、順不同でご紹介していきます。 web計。 → 黄金比・白銀比をサクサク計算 計算が面倒な黄金比や白銀比を、数値を入力するだけでサクサク出してくれます。動作も軽くてストレス無しです。 web計。 simplelib → よく使うjQueryコードをパッケージで配布 めっちゃ楽です。jQueryで作りたい機能だけを選択して、1つのjsファイルにパッケージにしてくれますよ。ページスクロールとかタブとか需要の高いものが揃っています。ちょっと機能を

    最近よく使ってる、Web制作に役立つWebサービス的なやつ
  • jQuery Mobile使用時によく使うマークアップで日本語サンプルを作ったので配布します - かちびと.net

    簡単なものですけど、jQuery Mobile でのマークアップ時によく使うっぽい UIのサンプル作ったので配布します。 簡単なチートシート代わりになるのでは 無いかと思ったのでシェアしてみよう かと。良かったら使ってください。 というのも、JQMの日語サンプルの配布先を見かけなかったので、なかなかお困りの方もいらっしゃるんじゃないかなと。調べるの面倒ですし、手元にサンプルコードあったほうが何かと便利ですよね。 というわけで、以前マークアップサンプルの記事書いたときに作ったサンプルサイトに手を加えた物を丸ごと配布します。 流石にかなり出てるので今更説明不要かもですけど、ざっくり説明するとWebサイトをスマフォ向けに簡単に出来るjQueryプラグインです。 以下のサンプルで使用しているファイルが丸ごと梱包してあります。 サンプル※別窓 いちおうキャプチャ。 目次 サムネイル付きのサンプルと

    jQuery Mobile使用時によく使うマークアップで日本語サンプルを作ったので配布します - かちびと.net
  • 「ノンプログラマーのためのjQuery入門」のスライドが凄く分かりやすいですね - かちびと.net

    Twitterに流れてきたスライドがとっても 分かりやすかったのでブログでより多く の方に拡散。ノンプログラマー向けの jQueryの基講座。これからjQuery を使おう、という方は読んでおくと良さ そうですね。 ノンプログラマー向けにjQueryの基礎をスライド化してくれています。 @pocotan001さん作のスライドです。 このスライドを見ながらコーディングする、というより、基礎知識を頭に入れるのに適したスライドだと思いますので気軽にご覧になってみて下さい。ハードルがかなり下がると思います。 また、当ブログでもjQueryプラグイン等の情報を取りあえげていますので合わせてどうぞ。 jQueryのリファレンスサイトと入門書籍 [2011.09.21アップデート] よくアクセスいただくのでハブ的な役割くらいは果たそうと思います。 jquery / jQueryの家です。 jQuer

    「ノンプログラマーのためのjQuery入門」のスライドが凄く分かりやすいですね - かちびと.net
  • Webサイトのレイアウト調整や補助に使えるjQueryプラグインいろいろ

    レイアウトの調整を簡略化したり、通常 は難しいレイアウトを可能にしたり、とい った補助的なjQueryプラグインのまとめ です。最近探す機会が増えたので今後 の為に備忘録的に記事にしておきます。 この手のプラグインは数多にあるので 好みで端折っています。 レイアウトの調整や補助などに使えるjQueryプラグインのまとめ。と、言っても大抵は既出だと思います。順不同。 Supersized 画面に合わせて自動的に背景画像を伸縮してくれるだけでなく、スライドショーにもなってくれます。いつか仕事で使いたい。最近FlickrAPIにも対応しました。 Supersized jQuery UI.Layout Plug-in ブラウザごとの差異を考えずに自由にレイアウトを組めます。 jQuery UI.Layout Plug-in JQUERY CUSTOM CONTENT SCROLLER スクロール

    Webサイトのレイアウト調整や補助に使えるjQueryプラグインいろいろ
  • シンプルでシームレスなパターン画像を作れるWebサービス・Seamless Studio

    よく見に行くCOLOURloversに、繋ぎ 目のない、シームレスなパターン画像 を生成出来るツールがあったのでご紹 介。今まで全然気が付きませんでした が、なかなか使い勝手が良かったので シェアしようと思います。 何かと便利な繋ぎ目の無いシームレスなパターン画像を作れるWebサービスです。この手のものは色々と出まわってますが、いくつ覚えておいても損は無いですしね。こちらはとてもシンプルなものを作成出来るタイプです。 動作もサクサクで直感で操作できるので使い勝手もなかなか。作成したパターンのダウンロードは無料のユーザー登録が必要です。 使い方 まずシンボルを選択します。種類は一般的なシンボルやべ物、動物などのシルエットを選べます。選ぶと右のプレビューと下部のレイヤーに追加されます。 追加したシンボルはサイズを変えたり、角度を変えたり出来ます。 実際に、どのような感じで配列されるかは拡大/

    シンプルでシームレスなパターン画像を作れるWebサービス・Seamless Studio
  • 1