皆さん、新年あけましておめでとうございます。 今年も読んでいただき、ありがとうございます。 では、早速ですが記事のご紹介。 20 Ultimate CSS Tutorials That Will Help You Master CSS | DWSmg.com これさえやればCSSをマスターできるかもしれないCSSチュートリアル＆サンプル20。 全部、そのメカニズムについて覚えたらかなりCSSに詳しくなるのは間違いなさそう。 Advanced CSS Menu カーソルを合わせたときにメニューがCSSオンリーで切り替わる CSS Based Navigation こちらも同様。JavaScriptレスでメニューを切り替えます CSS Fancy Menu CSSとJSを使ってFlashばりのアニメーションメニューを作成 Expandable CSS Tabs Tutorial テキスト長に応

cssが苦手で嫌いなので 好きになろうと思い、勉強に なりそうなサイトを国内外で 選んで絞ってみました。 同じ思いをしている方とシェア したいと思ったので記事にします。 リファレンスサイトは今回は割愛しました。勉強するなら抑えて当たり前ですしね。国内外合わせて11サイトとおまけが1サイトあります。まずは国内サイトから。 CSS HappyLife 個人的に国内でcssといえばCSS HappyLifeさん思い出します。基本から応用まで幅広く情報を配信。 CSS HappyLife CSS-EBLOG ほぼcss中心に情報を配信してくれています。こちらもかなり勉強になるサイト。サイト自体も見やすいですし、cssで困った時には必ず訪れたいサイトです。 CSS-EBLOG CSS Lecture cssで出来るテクニックを公開してくれています。デモページを用意してくれるのが凄く嬉しい。親切で分か

個人的に大好物の手書き風な Webデザインを作りたい時に 役立ってくれそうなフォントや テクスチャ、アイコンなど、無料 のリソースをメモしておきます。 手書き風と言っても色々あるのでこのまとめは偏ったものになっているかも知れません。参考程度にして頂ければ幸いです。全ては掲載出来ないので個人的に好みのリソースを厳選します。 日本語フォント ふい字 かなり使用条件を緩くしてくれている有名な手書きフォント。 ふい字 みかちゃんフォント こちらもかなりオープンに配布してくれています。 みかちゃんフォント あんずもじ 縦書き用も含まれています。こちらも有名なフォント。 あんずもじ ひま字 基本的には商用でも利用可能ですが、よく規約を読んで。可愛くて使いやすいです。 ひま字 ミウラ Liner ジュニア 漢字もがっつり入った素敵なフォント。 ミウラ Liner ジュニア 衡山毛筆フォント 著作権を放棄

WordPressにほんの数行記述するだけで、多くの便利な機能を付け加えるチップスをMegaMagから紹介します。 10 wordpress hacks & tricks that I like 1.コメントがついた記事をサムネイル付きで表示 サイドバーやフッタなどどこにでも、たくさんコメントがついた記事をサムネイル付きで表示します。 「http://an-alternative-image.jpg」はサムネイル画像が無い場合のデフォルトの画像を指定してください。 <textarea name="code" class="html" cols="60" rows="5"> <?php $popular = new WP_Query('orderby=comment_count&amp;posts_per_page=5'); ?> <?php while ($popular->have_po

10年近く首都圏に住んでみて、そして今地元に帰ってきて改めて思った。最新情報をガブ呑みしていないと夢が萎んでしまう人達 - シロクマの屑籠(汎適所属)このエントリで話題にしている「最新情報＝夢」と言う人の具体例がよくわからないが、いくつか気になった表記があったので書いておく。　よくよく噛みしめれば、面白い話である。これは、働く場所が無いがために“地方に夢がない”と言っている人達とは、話のニュアンスがかなり違う。と言ってはいるが、少なくとも、就労面の問題さえクリアできていれば「夢が無いから自意識が干からびてしまう」に陥らずに済んでいる人はたくさん存在する。地方には絶望的に仕事が無いのだ。人も少ない。とりもなおさず情報というのは人の事だから（人がいないところに情報は生まれない）、情報がなければ夢も見れなくなる。　また、これだけインターネットが普及した状況下では、首都圏でなければ手に入らないモノ

記事単体に別のcssを加えられるようにする為のメモ。プラグインは使いたくないよ、という方向けのカスタマイズ方法になります。functions.phpで投稿画面にcssの追加用boxを作成します。 ※追記・プラグインにしました 記事ごとにスタイルを追加出来るように、投稿画面にcss追加用のboxを加える為のカスタマイズ。add-css-jsなら簡単ですが、カスタムフィールドが個人的に面倒だったのでfunctions.phpを使いました。 方法 ↑　こんな感じでcss追加用のboxを作成します。お使いのテーマファイルのfunctions.phpを開いて以下のコードを追加するだけ。 add_action('admin_menu', 'custom_css_hooks'); add_action('save_post', 'save_custom_css'); add_action('wp_hea

話題のzen-codingをWordPress で使えるようになるプラグイン、 「WP Zen-Coding」を試してみま した。これ、本当に便利です。 確かにコーディングスピードが速く なりそうですよ。 zen-codingって何？と言う方は、Zen-Codingが楽しいという記事をご覧下さい。分かりやすいです。 zen-codingを使うと、タグ入力作業をショートカットの要領で行なう事が出来きます。例えば div#header>div#contents>ul.navigation>li*4>a と打ち、ctr+E（winの場合）で以下のHTMLコードを展開してくれます。 <div id="header"> <div id="contents"> <ul> <li><a href=""></a></li> <li><a href=""></a></li> <li><a href=""><

「seeklogo」はロゴの画像をベクター形式でダウンロードできるサイトです。 EPSやAIなどのベクター形式ですべてダウンロードできるところが特徴的。 企業名やアルファベットなどで検索し、ダウンロード数順・評価の高いもの順などのソートも行えます。 全部で20万以上のロゴがあるとのこと。 以下に使ってみた様子を載せておきます。 まず「seeklogo」にアクセスします。 検索ボックスにキーワードを入れてもいいですし、アルファベットの頭文字を指定してもOK。 「K」の検索結果です。 「Google」の検索結果です。 ダウンロードしてみましょう。 文字の認証がありますので注意。 ダウンロード前ページには、「フォーマット」が書かれています。 EPSやAIなどベクター形式のフォーマットが書かれています。

Simple Horizontal CSS Drop-Down Menu Demo シンプルなドロップダウン。 対応ブラウザはIE5.x+, Fx1.5+, Op7+, Safari2+, Chromeとなっており、IE6以下用のみJavaScriptを使用して動作させています。 ライセンスはGPLとのことです。

392 cool photoshop gradients ストックしておくと楽できそうなPhotoshop用グラデーション392種類。すでに紹介したものも含まれていますが、多数のグラデーションが紹介されてます。 ちょっとグラデーションを使いたいときにクリック一発で適用できるグラデーションのコレクションです。 あまり入れすぎるとスクロールバーが小さくなりすぎて使いにくい懸念もあるので入れすぎるのも問題かもしれませんが好みの効果を入れておくとよさそうですね。

■編集元：ニュース速報板より「驚愕!? YouTubeの動画がこんな簡単な方法でダウンロードできるなんて!」 1 天秤ばかり(秋田県) :2010/01/25(月) 16:38:31.99 ID:KN3ggB0F ?PLT(12000) ポイント特典 YouTubeで見つけた面白いビデオを、後でじっくりオフラインでも見たいと思っている人は多いと思います。そういう時は、YouTubeの「Y」を「3」に変えてみてください。なんと、その動画をダウンロードするページにリンクします。 そんな簡単な方法で...と思うかもしれませんが、とにかく一度試してみてください。本当にたったそれだけで、ダウンロードできるのです。ダウンロードファイルのフォーマットは、MP4かFLVから選ぶことができます。その秘密は...以下へと続きます。 以前紹介した「KickYouTube」もYouTubeの動画をダウンロ