記事をサムネイルのみのギャラリー風⇔縦並びのブログ風に切り替え可能なWPテーマ・Sight - かちびと.net
良さそうなWordPressテーマがあった のでシェア。ブログ記事を、サムネイル のみのギャラリー風と通常の縦並びの ブログ風にユーザー側で切り替え可能 なテーマ・Sightです。デザインもミニマル ですごく素敵。コンテンツスライダー付き です。 もう、そのまま使ってもいいレベルじゃないかなと思います。記事部分をブログ⇔ギャラリーでユーザーが切り替えられるミニマルデザインのテーマ。IE6のみ、切り替えボタンの表示が崩れますが、動作はするのでcssでなんとかしたいところですね。 通常はこんな感じ。ミニマルデザインでとても見やすいです。記事部分の右上に切り替えボタンがあり、ここで切り替えます。 こんな感じで綺麗にグリッドに合わせて表示してくれます。ブログ風Ver.の時のサムネイルを並べて切り替えられるように、というアイデア。発想が面白いので真似してみたいです。他にもプルダウンするメニューやコン
直感でWebサイトを作成できる6つのフリーWebサービス - かちびと.net
気になって調べたのでメモします。 HTMLやCSSの知識を必要とせず、 ドラッグ&ドロップで作成するなど 直感操作でWebサイトを作成できる フリーのオンラインサイトビルダーを いくつかご紹介致します。 基本的に、作成したサイトはそのサービスのサブドメインまたは独自ドメインを登録して運営します。使用して気が付いた点をメモしておきますが全ての情報ではありません。 yola ネタ帳さんの記事（有料ソフトとデザイン作業を無力化させる30のブックマークまとめ）で知ったサービス。直感で操作、独自ドメイン（yulaで取得、年19$程度）の利用も可能。日本語も文字化けしません。 yola Moonfruit ドラッグ&ドロップで作成。HTMLもCSSの知識も不要。日本語は使えませんが、上記のように、画像や特殊なテキスト部分も変更できる。 Moonfruit weebly 独自ドメインの利用も可能。メール
css3を直感で学べそうなフリーのジェネレーターを公開しているCSS3 Sandbox
話題のcss3ですが、そのcss3 関連のジェネレーターを4つ公開 しているCSS3 Sandboxで基本 を学ぶのもいいかな、と思ったの でメモ的に記事にします。 話題のcss3ですが、そのcss3 関連のジェネレーターを4つ公開 しているCSS3 Sandboxで基本 を学ぶのもいいかな、と思ったの でメモ的に記事にします。 直感でグラデーションやドロップシャドウを作成、リアルタイムでプロパティが変わってくれるのでいい勉強になりそうです。CSS3 Sandboxの4つのジェネレーターをご紹介します。 Linear Gradients グラデーションを作成出来ます。左上でWebkit(SafariやChrome)かFirefoxを選択、その下でプロパティを決めます。実装画面下部に実際のプロパティが表示されるのでどのような数値でどう変化するか、というのが分かると思います。 Text Sha
CSSビギナーに気をつけてほしい5つのポイント | コリス
スタイルシートは、複数の人間が携わる場合は当然のことながら、自分一人の場合でも長期にわたり携わることがあるので、分かりやすくクリーンなものにしておきたいものです。 スタイルシートを適切に使用し、そして管理しやすくする5つのポイントをSoh Tanakaから紹介します。 CSS Beginners Do's and Dont's Part 2 下記は各ポイントを意訳したものです。 1. classとidは適切に使用する ビギナーは新しいclassをどんどん作成してしまう傾向があります。冗長なものや不必要なclassやidはCSS本来の目的からはずれるものです。 CSSの美しさはデザインをマークアップから切り離すことにあり、それを許すということです。またclassやidを最小限にすることで負荷を減らすことにも繋がります。 Bad p要素それぞれに全て個別のclassを使用しています。 <tex
[cssメニュー]マウスオーバーで滑らかに別要素をドロップダウンさせるjQuery・Fluid Navigation
最近存在を知ったのでメモ。 1ヶ月も前の情報ですけど、 今更ながらなかなか良さそう なプラグインです。 最近存在を知ったのでメモ。 1ヶ月も前の情報ですけど、 今更ながらなかなか良さそう なプラグインです。cssメニュー でのマウスオーバーで使う jQueryプラグイン。 デモを見ていただいたほうが早そうですね。マウスオーバー時にリスト内に書いたdiv要素に切り替えつつドロップダウンさせるjQuery。なんとなく説明が難しい。。。 マウスを乗せると別の要素が滑らかに降りてきます。デモは画像不使用です。なかなか良いのでは。 IE6~8も動く事は動きますが、若干挙動が怪しい。。 [sexy-lightbox href=’http://kachibito.net/wp-content/demo/fluid-menu/fluid-menu.html?TB_iframe=true&height=65
![[cssメニュー]マウスオーバーで滑らかに別要素をドロップダウンさせるjQuery・Fluid Navigation](https://cdn-ak-scissors.b.st-hatena.com/image/square/5822cbe70e419f31b0cf82163d82314142f2ee7c/height=288;version=1;width=512/http%3A%2F%2Fkachibito.net%2Fwp-content%2Fuploads%2F2010%2F03%2Fcss-jquery01.jpg)
IE 6とIE 7のためのCSSハック16選（1/3） - ＠IT
有限会社タグパンダ 喜安 亮介 2009/11/17 Webブラウザごとのレンダリングエンジンの違いにより起こるレイアウトの表示ずれ問題に泣かされるWebデザイナのために、Webブラウザごとに使えるかどうかの表を交えながら問題を解決するためのCSSハック＆フィルタTipsをお届けします（編集部） Webブラウザ別CSSハック一覧表 前回の「IE 6で泣かないための、9つのCSSハック」では、仕様通りの正しいコーディングを行っているにもかかわらず、Internet Explorer（以下、IE） 6で見ると、レイアウトがズレてしまうなどのさまざまな問題を解決するための9つのテクニックを紹介しました。 今回は、IE 6とIE 7のためのCSSハックのテクニックを下記に分けて紹介します。 IE 6をハック（IE 6のみに効く、もしくはIE 6のみに効かないハック） IE 6のみに効くハック スタ
Mastering CSS Coding: Getting Started — Smashing Magazine
CSS has become the standard for building websites in today’s industry. Whether you are a hardcore developer or designer, you should be familiar with it. CSS is the bridge between programming and design, and any Web professional must have some general knowledge of it. If you are getting your feet wet with CSS, this is the perfect time to fire up your favorite text editor and follow along in this tu
一工夫でページのクオリティをアップするCSSとJavaScriptのソリューション集
Silverback Giveaway 一見、背景画像をCSSかJavaScriptで配置したように見えますが、CSSで普通に配置されたソリューションです。 テキストやリストが画像に重ならないように、marginを設定します。 HTML <textarea name="code" class="html" cols="60" rows="5"> <h3>Contest Details</h3> <div class="imagery""> <img src="imagery.png" width="205" height="400" alt="Imagery" /> </div> <p>...the introductory paragraph...</p> <ol> <li>...various bullet points went here...</li> </ol> </textar
CSSスプライトとは？ | CSS Radar
CSSスプライトとは？ CSSスプライトという言葉を聞いたことがあるだろうか？ ナビゲーションなどで画像を利用した際にマウスオーバーで画像を切り替えるという効果を加えるのによく利用される手法だ。 その昔はJavaScriptを利用していたが、CSSのbackground-position属性の位置情報を変更することで、CSSで置き換えることが一般的になった。 CSSスプライトが紹介される以前は、通常時とマウスオーバー時の画像を対にしてスライスする手法が主だったが、 CSSスプライトではさらに一歩進め、ナビゲーション全体で利用する通常時、マウスオーバー時の画像を1枚の画像にしてしまい、やはりCSSにより必要な画像を表示させる。 なぜCSSスプライト？ CSSスプライトはなぜこれまでの手法よりも優れているのだろうか？ 大きな1枚画像はページのロード時間を、複数に分けるより遅くしないだろ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
class名を変えるだけでデザイン変更可能な、css3で作られた沢山のボタンを公開しているWe Love Buttons - かちびと.net
IDEA * IDEA
IDEA * IDEA
IDEA * IDEA