はてなブックマーク

スポンサードリンク コピペで使える見栄えの良いテーブル（表）のCSSサンプルをご紹介します。どれもかっこいいものばかりです。 CSS3で角丸テーブルの作り方 角が丸くなっているのでやさしい感じのテーブルになっています。 CSSだけで作るtableデザインテクニック カチッとしたテーブルデザイン。会社概要を記入するときとかに使えそう CSSだけで作るtableデザインテクニックVer.02(おまけ付き) こちらもシンプルながらかっこいい。幅広く使えそうですね。 CSS3を使って美しく装飾されたテーブルの作り方 行ごとに色分けされています。 テーブルデザインのCSSサンプルを公開しているページの中から かっこいいデザインのものだけを厳選してのご紹介でした。よろしければご参考ください。 関連記事 [CSS]コピペで使える見栄えの良いテーブル（表）デザイン集 ニュースサイトなどのマガジンタイプのウ

スポンサードリンク Twitter（ツイッター）で自分をフォローしていないアカウントをリムーブすることができるフォロー管理サービス「JustUnfollow」をご紹介します。 こちらがフォローしているのに、フォロー返ししてくれていないユーザーのアカウントを抽出してリムーブ（フォロー解除）することができます。 JustUnfollow JustUnfollow 使い方 下記ボタンをクリックします。 ツイッターにログインして、Oauth認証を許可します。 リムーブしたいアカウントを「フォロー解除」というボタンをクリックします。リムーブしたくないアカウントは「WhiteList」を選択しておくと間違えてリムーブすることもなくなります。 ただ、「JustUnfollow」が残念なところは、リムーブの件数が1日25件までという制限があることです。これは残念すぎです。それ以上やると下記のように、有料版

スポンサードリンク いつも使わせてもらってるカウントダウンタイマーが先日サイトごと2日間くらいごっそり落ちていたので、その間の代替用として書いたものをシェアしますね。そのままご利用頂いて結構です。適当に使って下さい。 カウントダウンタイマー こんなタイマーです。年月日と時間、分だけでなく、100分の1秒まで計ることができる、焦らし効果抜群のタイマーになっています。デザインはcssから自分で変更して下さい。 カウントが終了すると、次のように表示されます（文言は変更できます）。 head内に追加 HTMLのhead内に以下を記述します。「キャンペーン終了まであと」などの文言を編集できます。 表示したいところに追加 タイマーを表示させたいところに下記を追加して下さい。「設定項目」から期限日や期限終了後のメッセージを記述できます。また、同ページに複数のタイマーを設置する場合は、「sampleA」と

スポンサードリンク サイトの一部パーツとしてすぐに利用できるグローバルナビゲーションのCSSとPSDをまとめた記事をご紹介します。かっこいいものが揃っています。 Clean & Simple Navigation Menu (PSD) シンプルでいい感じのグローバルナビ。 [PSD] Breadcrumbs navigation かっこいいパンくずリストを使いたいときに便利です。 How to Build and Enhance a 3-Level Navigation Menu 3階層のグローバルナビゲーションのチュートリアルとPSD 他にもかっこいいグローバルメニューが以下の記事で紹介されています。続きはこちらからどうぞ。 Weekly Freebies: 15 Impressive CSS and PSD Navigation Menus 関連記事 [CSS]かっこいいtableデザ

スポンサードリンク ただ影をつけるのではなく、ちょっとした手間をかけると印象が変わるのがドロップシャドウです。というわけで、それらのオーソドックスなテクニックをまとめてみました。 [Photoshop]5秒のひと手間でクオリティを上げるハイライトやシャドウなどのテクニックまとめ とても綺麗なグラデーションやドロップシャドウの使い方が説明されています。基本ですが、いいですねー。 photoshopのドロップシャドウを極める ワープで紙がほんのりカールしたような影を入れることができます。 Webデザインの1pxを作るためのPhotoshopのレイヤースタイルいろいろ ドロップシャドウも含めたPhotoshopの1pxのテクニックが詰め込まれた記事。すごすぎです。 【photoshop】ドロップシャドウでオサレに演出 ドロップシャドウの様々なバリエーションが紹介されています 50 curved

スポンサードリンク サイトの背景にぜひ使いたい、繋ぎ目のないテクスチャを無料で配布しているサイト「Subtle Patterns」をご紹介します。大半のテクスチャが、かなりのクオリティなのでこのサイトは要ブックマークです。

スポンサードリンク クオリティ高め（かわいい系多し）のフリーアイコン素材を膨大に扱っている海外サイト「Free Icons Web」をご紹介します。品揃えがすごいです。 Free Google Plus Icon Set Googe+のアイコン。かっこいい。 Social Networks Pro Icons ソーシャルメディア系やワードプレスのアイコンまで Free payments icons ショッピングサイトにも使えるクレジットカードのアイコン

スポンサードリンク 迅速にウェブサイトを制作する為のHTMLやCSS,jQueryのサンプルを公開しているサイト「99Lime」をご紹介します。コードが書けなくても、かっこいいデザインのパーツが使えるのですごく便利なサイトです。 CSSやjsのコードを下記サイトの「Download (0.9 MIT)」からダウンロードします。HTMLはそれぞれプレビューを見ながら コピペすることができます。では、次の項で一部のコードをご紹介していきます。 99Lime ボタン 例えば、次のようなボタンを画像を使わないでCSSとHTMLだけで使用することができます。 Download <a href="http://example.com" title="Download" class="button">Download</a> メニュー 例えば、上のようなメニューも同じくコードだけで実現。美しい。 <ul

スポンサードリンク ブログでアマゾンアソシエイトを紹介する際に役立つ便利なツールやジェネレータをご紹介します。綺麗に表示できるものやランキング形式で表示させたり出来る便利なものばかり厳選しました。 画像をトリミング、サイズ調整して、自分のAmazonアソシエイトのコードを生成してくれます。画像をわざわざアップしなくても有名人やキャラの画像が使えます。 → ブログ画像ゲッター amastep - Amazonのアフィリエイト用画像リンクを簡単に作成できるツール 普通に画像を表示させるタイプだけでなく、テキスト、ロング、ワイド、ロングリスト、ワイドリストなど、自分のブログの横幅などに合わせて Amazonアソシエイトのコードを生成できます。 → amastep - Amazonのアフィリエイト用画像リンクを簡単に作成できるツール Amapic（あまぴく） - Amazonの画像リンクを簡単に作

フリー音楽素材 H/MIX GALLERY ロールプレイングゲームで使われてそうな幻想的な音楽素材が多いです。クオリティ高し。 利用規約 フリー音楽素材 MusMus 動画のバックBGMに使えそうな落ち着いた雰囲気の楽曲が多いです。作業用BGMにも使えそう。 利用規約 フリーBGM音楽素材 [Senses Circuit] 激しいものから切ないもの。ピアノからオルゴール、歌入りものまで幅広く配布されています。 利用規約 SHWフリー音楽素材 オーケストラ調のものがメイン。クオリティも高いのに、商用可、クレジット表記無し、リンク不要という太っ腹なサイトです。 利用規約 こういった素晴らしいBGMをフリーで使えるようにしてくれていると、プレゼンテーション用や動画マニュアルを作成する時にも役立ちそうですね。規約はサイトそれぞれで違いますので、ご確認の上で使用するようにして下さい。 関連記事 29

スポンサードリンク Photoshopやデザイン関連の書籍はたくさん出ていますが、どれも本格的なものばかりで ノンデザイナーが手早く簡単にプロのエッセンスを盗めるようなものはあまりありません。そんな中、ウェブには数少ないですが、そういったテクニックを披露してくれている素晴らしいサイトがありますので、今日はそちらをご紹介したいと思います。 僕が良く使うウェブデザインテクニック的な色々（サンプルPSD有） 「微妙なグラデーション」「二本の境界線」「微妙なテクスチャ」という3つのテクニックが紹介されています。大多数のデザイナーが多用しているテクニックですね。絶対やった方がいいです。 → 僕が良く使うウェブデザインテクニック的な色々（サンプルPSD有） 素人っぽいデザインから脱却するための12のデザインチップス 上で紹介した3つのテクニックも入っています。それだけでなく、「1pxのドロップシャドウ