ハイパーテキストリンクをデザインする上で知っておきたい基礎知識から、実用的なチップス、やってはいけない間違いなど、すぐに役立つテクニックをSmashing Magazineから紹介します。The Definitive Guide To Styling Web Links以下は、各ポイントを意訳した... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
フッタをブラウザ下部に固定配置したい。そんなときにおすすめなのが、『cleanstickyfooter』。フッタをブラウザ下部に固定配置するCSSテクニックです。IE6とそれ以前のブラウザ用に、ハックは1つしか使っていないとのこと。min-heightの部分のハックのようですね。ほかには同様のテク... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
IEにだけできないことを可能にしたい。そんなときにおすすめなのが、『10 ways to make Internet Explorer act like a modern browser』。IEをモダンブラウザのように扱う方法です。便利そうなのが揃っているので、ざっとご紹介しますね。HTML5をI... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
なんとなく目立たせるためにドロップシャドウを適用したり、ちょっとさみしいのでグラデーションを加えたりしていませんか？Web designer Depotからドロップシャドウとグラデーションをウェブデザインで的確に使用するためのチュートリアルを紹介します。Drop-Shadows and Gradi... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
今年も色々と情報が発信されました。 後で試そう、とか後で見よう、と思った まま何もしていない自分がいたので ちょっと復習用にメモ。来年の勉強用です。 個人的なメモですが参考になれば幸い。 内容はWeb制作に関わる記事ですが、まとまりがありません。単なるメモなのでご了承いただければと思います。順不同... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
JavaScriptなしでCSSのみで実現するクールなドロップダウンのサンプルが公開されています。 次のように、明らかにJavaScript 使ってるんじゃないか？と思うのですが、CSSのみでelement:hoverを使って実現されています。 ソースコードも解説されているのでこのテクニックについ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
既存のウェブサイトのデザインにちょっと手を加えて「Good」から「Great」にする6つのポイントをMyInkBlogから紹介します。6 Ways To Take Your Webdesign From Good To Great下記は各ポイントと実例をピックアップした意訳です。 元記事には実例な... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Category ： CSS リファレンス今まで使ってコーディングが楽になったと思われるCSSテクニック（一部CSSではない部分もありますが...）などをまとめておきたいと思います。コーダーの方は知っている事が殆どだと思いますが、知らない人は直ぐにでも使える簡単な事も多いので是非使ってみて下さい。... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Category ： CSS リファレンス今まで使ってコーディングが楽になったと思われるCSSテクニック（一部CSSではない部分もありますが...）などをまとめておきたいと思います。コーダーの方は知っている事が殆どだと思いますが、知らない人は直ぐにでも使える簡単な事も多いので是非使ってみて下さい。... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Category ： CSS リファレンス今まで使ってコーディングが楽になったと思われるCSSテクニック（一部CSSではない部分もありますが...）などをまとめておきたいと思います。コーダーの方は知っている事が殆どだと思いますが、知らない人は直ぐにでも使える簡単な事も多いので是非使ってみて下さい。... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
光の4戦士を買ったんすが、売り文句通りレトロな感じがしていいですね。 まぁまだ2, 3時間程度しかやってないんで、これからどうなるか分かりませんが時間を見つけてやって行こうかと。さて、以前からoverflowプロパティは使い勝手が良いというか、使う場面が多いプロパティの一つですが、考えてみると色ん... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]スタイルシートで実装するアコーディオン型ナビゲーション | コリス フィード](/thumbnail/351387.png)
スクリプト無しで、アコーディオン型ナビゲーションを実装するスタイルシートをCSSplayから紹介します。A CSS only menu with 'current page' override demoスクリプト無しでは操作性がどうかなと思ったのですが、きびきび動作する感じで悪くないなと思いました... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]水平に配置するパネルをスマートに実装するスタイルシート | コリス フィード](/thumbnail/350210.png)
等間隔にパネルを水平に配置した際、余分なマージンのせいで列から落ちてしまうのをスマートな実装方法で解決するスタイルシートをwoork upから紹介します。How to distribute elements horizontally using CSS問題点3つのdiv要素にそれぞれマージンを付与... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Category ： CSS リファレンス個人的にハックはあまり使いたくないと言う考えなんですが、ちょこっとハックを使うだけで便利になる事はけっこうあるかと思います。なので最近のブラウザで使えそうなハックを改めてまとめてみました。IE6に適用.huck {_background: #CCC;}IE... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Web Developer Plusで、jQueryを使ってCSSを補強するテクニックが紹介されています。ざっといくつかご紹介。jQueryでカラムの高さを統一する equalHeights pluginを使って、一行でカラムの高さを同じにする入力中のフォームをハイライトする highlighti... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Smashing Magazineで、WordPressのコーディングテクニックが紹介されています。これは自分的にもタイムリー。ざっとご紹介しますね。エントリーごとのスタイルを変える post_class()を使って、「.henry」「.sticky」「.category-tutorials」「.... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Wordpressのバージョンを最新にアップグレードするとか、必要の無いプラグインは削除する、 最新のバージョンにアップグレードするなどは、基本的なメンテナンス事項としてよくあげられていますね。 バージョンアップは、結構面倒だったりするのですが、こまめに行っておく必要がありそうですね。(っと自分に... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]角丸を使用しないで、四隅をすっきりみせるスタイルシート フィード](/thumbnail/341944.png)
�q1px rounded corners/smart faking �qdemo仕組みはdivを二つ使用し、paddingとmargin、もしくはmarginとborderで「1px欠け」を実装しています。HTMLCSS(padding&margin).example1 .outer {back... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
ブラウザごとの面倒で分かり辛いCSSハックとはサヨナラできそうな「PHP CSS Browser Selector」2009年09月14日-ブラウザごとの面倒で分かり辛いCSSハックとはサヨナラできそうな「PHP CSS Browser Selector」。 CSS の記述の単純化 PHPでUse... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]クロスブラウザ対応、validなXHTMLとCSSで実装されたLightbox風エフェクト | コリス フィード](/thumbnail/329868.png)
validなXHTMLとCSSでLightbox風エフェクトを実装するチュートリアルをCarsonifiedから紹介します。How to Create a Valid Non-Javascript Lightbox demo対応ブラウザはIE6/7/8, Fx, Safari, Chromeで、上... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
