タグ

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

  • 有料でもおかしくないようなクオリティの高いWordPressテーマを無料で配布しているサイトいろいろ - かちびと.net

    ご質問頂いたので記事にします。クオリティ の高いWordPressのテーマで無料のものは 無いか、または無料で手に入る方法は無い か、とのことでしたのでなかなかクオリティの 高いテーマを無料で配布してくれているサイト をいくつかご紹介します。 というわけで無料で手に入る、有料ライクなWordPressテーマを配布しているサイトのまとめ。ハイクオリティかどうかは個人差があるかなとは思います。 デザインはもちろん、テーマの機能をどういったコードで実装しているか、というのも参考になりますので開発目的に見ておいても損は無いかなと。 dessign swiss-missやonextrapixelでも評価されたデザイナー、クリエイター向けのテーマ。ホワイトベース中心です。有料版もありますが、無料版も見劣りしません。 example dessign Templatic TemplaticはCMSやポート

    有料でもおかしくないようなクオリティの高いWordPressテーマを無料で配布しているサイトいろいろ - かちびと.net
  • 画像を使った視差アニメーションを簡単なjQueryのコードで実装するTips - かちびと.net

    マウスの動きに応じて重ねた複数の画像 が動きその動きを使って視差効果を与える、 というjQueryプラグイン。ユニークでいいで すね。ソースも軽量です。こういうの実装され てるだけで、ちょっと味のあるデザインに なりますよね。 視差アニメーション用のjQueryプラグインは今までもいくつかありましたけど、今回使用されてるものは割と簡単なコードだったので勉強にもなると思いメモ。 PLAX マウスの動きに合わせて重ねられた画像がそれぞれ別の動きをするので結果的に視差効果が生じる、というもの。よくあるやつですね。Githubの404ページのアニメーションで使われてるスクリプトみたいです。 デモ (function($){ var layers = [], docWidth = $(window).width(), docHeight = $(window).height() $(window).

    画像を使った視差アニメーションを簡単なjQueryのコードで実装するTips - かちびと.net
    ys0000
    ys0000 2011/06/08
    簡易アニメーション。面白い。
  • 商用OK・無料でクレジット表記もリンクも不要!日本人の人物写真素材サイト・モデルピース - かちびと.net

    これはかなり重宝するのではないでしょうか。 日の人物写真素材が無料で商用OK,更に クレジット表記やリンクも不要のサイト・モデル ピース。人物写真は基的にどれも有料か、 あっても日人ではなかったりですが、こちら は無料ですし、国産のサービスなのでモデル さんはみんな日人です。 お友達のまさとさん(@makavelicom)に教えてもらいました。ご紹介するモデルピース以外にもいろいろまとめられてるのでチェックしてみてください [note]激安で日的な写真素材、レンポジサイト一覧[/note] 無料・商用OK・リンクもクレジット表記も不要で解像度も高いです。こんないいサイトがあったとは知りませんでした。足成とは別の選択肢としてかなり重宝しそうです。 日人の人物写真を専門に扱っていて、無料ながら商用OK、リンクもクレジットも不要とのこと。ありがたい。 数もかなり豊富 数が少ないかと思

    商用OK・無料でクレジット表記もリンクも不要!日本人の人物写真素材サイト・モデルピース - かちびと.net
  • 「ノンプログラマーのためのjQuery入門」のスライドが凄く分かりやすいですね - かちびと.net

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

    「ノンプログラマーのためのjQuery入門」のスライドが凄く分かりやすいですね - かちびと.net
  • HTML5を使ってWordPressをiPadに最適化するプラグインOnswipeを試した→結果:なかなか(・∀・)イイ!!

    iPadでアクセスしたときに、WordPressiPad向けに最適化してくれるプラグイン Onswipeを試してみましたが、思いの外 良かったのでご紹介。ページ推移もフリ ックで出来る雑誌風レイアウトに自動で 変換してくれますよ。 OnswipeはHTML5を使って、WordPressを自動で雑誌風のレイアウトにしてくれるプラグインです。WordPress.comでも既に導入されており、プラグインとしても配布されています。 人気のFlipboardライクなインターフェースにしてくれると聞いて試してみましたが、なかなか良かったので備忘録がてらご紹介します。 使い方はすごく簡単で、基的には有効化してフォントや色を選ぶだけです。試しにWPデザインギャラリーでテスト。 Before 可変式のグリッドレイアウトなので何もしなくても一応はちゃんと表示されていました。 After ご覧のようにマガ

    HTML5を使ってWordPressをiPadに最適化するプラグインOnswipeを試した→結果:なかなか(・∀・)イイ!!
  • 厳選して使用している便利なChromeエクステンション19個 - かちびと.net

    メインブラウザをFirefoxからChrome に変更して暫く経ちます。Chromeも かなりエクステンションが豊富になって きました。いろいろとエクステンションを 試して、微妙に感じて消して、の繰り返 しですが、そんな中、マストに使ってい る拡張をご紹介します。 色々試して、最終的に残ったChromeエクステンションのまとめです。 CSS Tester どのページでもcssの追加テストが出来ます。すぐに反映されるので結構便利。 CSS Tester CSSViewer 先日記事にしましたが、インストールしてから毎日使っています。マウスを乗せるだけでその要素のcssを表示。便利ですねー。 CSSViewer View Selection Source ドラッグした部分のみのソースを表示します。Web制作時によく使っています。使い慣れるとほんと重宝します。 View Selection So

    ys0000
    ys0000 2010/10/07
    どちらかと言えばWeb製作者向けのエクステンション。便利っぽいね。
  • 込められた意味がよく分かるクリエイティブなロゴいろいろ - かちびと.net

    以前記事にした、Amazonや Fedexなど、意味を込められ、 作られたロゴを参考にしたい と思って個人的に探しました。 ロゴ制作をされてる方にも 少しは参考にして頂けるかと 思ってシェアしたいと思います。 こういうロゴを作りたい、というロゴ集です。どのロゴでも意味はあるのでしょうが、どの国の人が見ても、意味が分かるようなロゴはなかなか凄いですよね。インスピレーション向上になります。冒頭の「以前の記事」もよかったら。 City Cliq 指とボタンでcliqを表現しつつ、指とボタンが「太陽と街(city)」にも見えるように工夫されています。 City Cliq Birdie バーディとバードをかけて、アイアンにも鳥にも見えるように。アイアンにクチバシを付けただけでこう見えるのは凄い。 Birdie Web Girls この発想素敵ですね。Webのマウスアイコンとボタンを女性のピクトグラム

    ys0000
    ys0000 2010/06/18
    ここにFive Tenのロゴも加えて紹介したい。http://goo.gl/ZRVQ 首を左に傾ければ5、右に傾ければ10だ。Five Tenはクライミングシューズなどを販売するメーカーで、5.10はロープクライミングの基本的な階級。
  • 英語の学習情報の特徴メモ - かちびと.net

    話題が集まりやすい英語の 学習法などのブログ記事ですが、 結局勉強するかどうかは、その 方法が自分自身に合うかどうか。 これまで何度か出てきた英語学習の方法を書いた記事をまとめて概要のみ引用して一目である程度相性いいかどうか分かるように、比較出来る様にしておきます。これから冬休みの方はこの機会にいかがでしょうか。 気になった学習方法があったらリンク先で詳細を確認すると手間が省けそうな気がします。主観込みなので参考程度に。。 中学生レベルの英語力の奴が4ヶ月でTOEIC「Bクラス」を出す方法 リンク先のおおまかな内容 TOEIC730~860を4ヶ月で出した方法 まずは基礎を中心に リスニングの先読みの練習も サードパーティの模試を必ず時間を計って とにかく、速読と先読みの練習 教材:4冊 > 書籍中心。学ぶ順番も書いてある 特徴:英語が完全にダメな人向け 方法:回り道せずとにかくやり込む

    ys0000
    ys0000 2009/12/17
    記事が余りまとまっていない気もするが、一応ぶくま。
  • 1