有料でもおかしくないようなクオリティの高いWordPressテーマを無料で配布しているサイトいろいろ - かちびと.net
ご質問頂いたので記事にします。クオリティ の高いWordPressのテーマで無料のものは 無いか、または無料で手に入る方法は無い か、とのことでしたのでなかなかクオリティの 高いテーマを無料で配布してくれているサイト をいくつかご紹介します。 というわけで無料で手に入る、有料ライクなWordPressテーマを配布しているサイトのまとめ。ハイクオリティかどうかは個人差があるかなとは思います。 デザインはもちろん、テーマの機能をどういったコードで実装しているか、というのも参考になりますので開発目的に見ておいても損は無いかなと。 dessign swiss-missやonextrapixelでも評価されたデザイナー、クリエイター向けのテーマ。ホワイトベース中心です。有料版もありますが、無料版も見劣りしません。 example dessign Templatic TemplaticはCMSやポート
カスタマイズやプラグイン等、今年に入ってブクマしたWordPressの関連記事まとめ・国内編 - かちびと.net
信じがたいですが、もう3月も終わりそう ですね。なんでしょう、このスピード感。 災害の影響もあってか、凄く時間が過ぎる のが早い気がします。さて、今年も1/4が 終わろうとしてるのでWordPress関連で ブクマした記事をまとめました。取りこぼし てないか、確認がてら如何でしょう。 というわけで今年に入ってブクマしたWordPress関連の記事・国内編です。海外編があるか分かりませんが今日は国内のみの記事に絞っています。 尚、プラグインのまとめ記事的なものはあまりブクマすることは無いのでここにも有りません。ご了承下さい。表題にもあるようにカスタマイズ関連記事ですが、そうでないもの僅かにあります。適当ですみません。順不同です。 WordPressでのページ表示高速化の色々まとめ バージョンが上がるに連れてパフォーマンスも向上してる気がしますが、それでも早いにこしたことないですよね。ほとんど
css3を使って手紙が封筒から出てくる様を表現したコンタクトフォームがなかなか可愛い - かちびと.net
とっても可愛らしいコンタクトフォームがありま したのでメモがてらご紹介します。封筒に入 った手紙を模したフォームのデザインで、 マウスを乗せると、フォーム部分の手紙が アニメーションしながら出てきます。使いど ころは今は限られてしまいそうですが・・ 将来は普通に使えるといいですねｗ なかなか素敵なフォームデザインです。手紙にマウスを乗せるとゆっくりフォームが出てきますよ。こういう発想力がほしいですね・・ a unique contact form with css3 transitions お手紙が入った封筒です。チラッとフォームが見えてますね。 マウスを乗せると・・ ゆったりとしたアニメーションでするすると出てきます。かわええｗ こんな仕組みらしいです。アニメーションはtransitionで、ホバー時に高さを変えてるんですね。 form {background:#f7f2ec url('
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は避ける） 作成したユーザー名でログイン
日本の良デザインなWebサイトのみを集めているシンプルなデザインギャラリー・81-web - かちびと.net
とっても見やすかったのと、コンセプト が良かったのでご紹介。日本の良デ ザインなWebサイトに特化したWeb デザインギャラリーサイト・81-web。 大分知られてる様ですが、もっと知られ て欲しいなと思ってシェアしてみます。 まだ最近立ち上がったギャラリーのようです。掲載数もそこそこ充実してきているみたいなので覚えておきたいですね。 ミニマル構成でとっても見やすいです。「81」というのは日本への国際電話の際に使う数字ですね。 検索はヘッダに ロゴ上部にあるボタンをクリックすると上図のようにパネルが展開されます。色やカテゴリでソート出来ます。 Twitterでの評判が表示されてるのは素敵 個別ページには大きなキャプチャと、Twitterでの評判が表示されています。気になるWebデザインに対する他の方の意見を見れる、っていうアイデア素敵ですね。 とにかくシンプルで見やすいのが僕は気に入りまし
少しのjQueryコードでHTMLテーブルの列にリンク先を指定できるようにする - かちびと.net
列全体がクリック可能で、Wikipediaに飛びます。セル内にアンカータグが含まれている場合はそちらが優先されます。Webサービスの料金プランなんかに使えそうでは。 jQuery( function($) { $('tbody tr[data-href]').addClass('clickable').click( function() { window.location = $(this).attr('data-href'); }).find('a').hover( function() { $(this).parents('tr').unbind('click'); }, function() { $(this).parents('tr').click( function() { window.location = $(this).attr('data-href'); }); });
画像を使った視差アニメーションを簡単なjQueryのコードで実装するTips - かちびと.net
マウスの動きに応じて重ねた複数の画像 が動きその動きを使って視差効果を与える、 というjQueryプラグイン。ユニークでいいで すね。ソースも軽量です。こういうの実装され てるだけで、ちょっと味のあるデザインに なりますよね。 視差アニメーション用のjQueryプラグインは今までもいくつかありましたけど、今回使用されてるものは割と簡単なコードだったので勉強にもなると思いメモ。 PLAX マウスの動きに合わせて重ねられた画像がそれぞれ別の動きをするので結果的に視差効果が生じる、というもの。よくあるやつですね。Githubの404ページのアニメーションで使われてるスクリプトみたいです。 デモ (function($){ var layers = [], docWidth = $(window).width(), docHeight = $(window).height() $(window).
写真参考サイトまとめ
写真は構図やインスピレーション、Web 制作素材としても、大きく貢献してくれます。 加工や構図など、まだまだ勉強不足です。 多少でも参考にできるように出来るだけ クオリティの高いフォトグラフィを見ておきたい のでそれ系のコミュニティや紹介してくれる ブログなどをまとめました。 素敵な写真やユニークな写真、加工技術の素晴らしい写真などジャンルは様々ですが、今回はとくに拘らず、極力クオリティ重視で選んでいます。 1x.com 世界のプロも集まる写真コミュニティサイト。見た目も綺麗で、最近よく見に行きます。 1x.com 500px こちらもプロのカメラマンも集まるSNS。中でもpopularにあがる写真は必見です。リンクもpopularに貼ってあります。 500px The D-Photo 写真好きならここ知らないと損だなぁ、と思うブログ。クオリティ重視、フォトグラファー別でまとめ記事を書いて
お手軽WordPress Tips：管理画面のドロップダウンする「ヘルプ」の内容を変更して存在価値を（少し）高める - かちびと.net
WordPressの管理画面内でドロップダウンする ヘルプ。個人的に正直あってもなくてもいい程度 のものという認識です。WPに疎いお客さんへの 納品で説明するくらいだと思うんですが、それは それで分かりにくい気がするので、中身を変えて この存在価値を高めてあげよう、というカスタマイズ。 前置きが長くなりましたが、管理画面のヘルプがデフォルトではWebに疎いクライアントさんにとっては微妙なものなので自分で価値を高めてあげましょうよという話。せっかくあるコンテンツなので役に立って貰いたいですしお寿司。 ヘルプの内容を変える デフォルトではこういう状態です。アイキャッチとかエディターとかWebに疎い方が聞きなれていない言葉はあまり使いたく有りません。 なのでヘルプの中身を変えます。今回は投稿とページのヘルプを例にしてみます。 コード add_action('load-post-new.php',
はてブやBuzzurlなど日本のブックマークサイトの無料アイコン配布サイト・sbm-garden - かちびと.net
なかなか珍しいなと思ってご紹介。 はてブやLivedoorクリップ、Buzzurl などなど、国産のソーシャルブック マークサイトのアイコンを専門に配布 するsbm-gardenというサイト。個人 でも商用でも利用可能だそうです。 国内でこの手のアイコンを配布するサイトは、殆ど見かけないので覚えておいて損はないかも。これからまだまだ増えてくれそうですしね。 Good Design Webの方のサイトですよ。はてなブックマーク、LivedoorクリップやBuzzurl、Yahoo!、Newsing、Niftyクリップなどのアイコンのセットです。商用も無料で使えるそうですよ。 例えば以下のようなアイコンが配布されています。 Freehand_Cube 手書き風の3Dアイコン。 Wood_Convex 木目アイコン。 OldPaper グランジ。 Square_lightgray シンプル。 O
複数並べられたコンテンツをまとめてスライドさせるjQueryプラグイン・Grid Slide Plugin - かちびと.net
ちょっとうまい説明が思いつかなかった んですけど、複数並べられた画像など を同時にスライドさせるjQueryプラグイン。 省スペースに多くのコンテンツを表示 させる事が出来るのはちょっといいかも 知れません。 あんまり見かけないタイプのスライダーですね・・省スペースに沢山の情報を表示させたい、という時に使えそうな使わなそうな。たまに似たようなインターフェース見かけますね。 これらの8つのコンテンツ部分が同時にスライドします。オプションで数を減らしたり速度を変えたり。 デモ見たほうが早いですね。説明下手ですみません。 Demo js <script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"> </script> <script src="jquery.ea
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
