LiosKのブックマーク - はてなブックマーク

[CSS]スタイルシート設計のベースになる12のCSSのフレームワーク | コリス
specky boyのエントリーから、ブラウザのスタイルの初期化やレイアウトのテンプレートなど、スタイルシート設計のベースとなるCSSのフレームワークを紹介します。
LiosK 2008/03/30
css

webデザイン

あとで読む
リンク
エクセルのデータを見やすくする5つの簡単なテクニック | コリス
Chandoo.orgのエントリーから、条件付き書式を利用して、エクセルのデータを見やすくする5つのテクニックを紹介します。 Learn Cool Microsoft Excel Conditional Formatting Tricks テーブルの横列・縦列をハイライト条件付き書式を使用したガントチャートセル内に配置するグラフミスやエラー・データ欠落などのハイライト表示直感的に把握できるデータテーブル [ad#ad-2] エクセルデータは、Chandoo.orgのエントリーの一番下からダウンロードできます。テーブルの横列・縦列をハイライトテーブルのデータを見やすくするために、横列・縦列を交互にハイライト表示にします。ハイライトにするテーブル全体を選択します。メニューより、[書式] - [条件付き書式] を選択。「数式」を選択し、「=MOD(ROW(),2)=0」を入力し
LiosK 2008/03/17
あとで読む

エクセル

まとめ
リンク
[CSS]いろいろな問題を解決する1行のスタイルシート集 | コリス
CSS Globeのエントリーから、スタイルシートのレイアウトで生じる問題を解決する８つの1行のスタイルシートの紹介です。 8 Premium One Line Css Tips 縦方向のセンタリング高さが固定されている場合、「line-height」を使用して、縦方向のセンタリングが実装できます。デモページ <textarea name="code" class="css" cols="60" rows="5"> line-height:24px; </textarea>
LiosK 2008/03/12
css

webデザイン

あとで読む

これは便利
リンク
[CSS]divもfloatもclearもhackも使用しないで組む3カラムレイアウト | コリス
TJK Designのエントリーから、ヘッダ・フッタ・3カラムのレイアウトをdiv, float, clear, CSS hackを使用しないで実装するスタイルシートの紹介です。 A CSS layout that does not rely on DIV, FLOAT, CLEAR nor structural HACK! 対応ブラウザは、WidnowsがIE5.01, 5.5, 6, 7, Fx0.8, 1.5, 2.0, Op9.0, 9.24、MacがIE5.2, Safari2.0, 3.0, Fx2.0、LinuxがKonqueror, Mozilla、そしてiPhoneとなっています。仕組みは、簡単に説明するとリストを使用したもので、実装方法は８つのステップで紹介されています。
LiosK 2008/03/06
hackの嵐のような気がしないでもない。素直にdiv使ってやればいいのに。

css

webデザイン

レイアウト
リンク
ウェブ制作・プログラマー・デザイナーのためのチートシート集 | コリス
Scott Klarrのエントリー「Cheat Sheet Index」から、ウェブ制作・プログラマー・デザイナーのためのチートシート集です。
LiosK 2008/02/07
あとで読む

これは便利

まとめ

チートシート

web制作
リンク
[JS]jQueryのプラグイン33+1選 -2008年1月 | コリス
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 jqzoom 画像の一部をズーム。 Shadowbox 複数のJavaScriptライブラリに対応したLightbox。 Faceb
LiosK 2008/01/29
library

jquery

javascript

あとで読む

web制作

まとめ
リンク
IE6でよく遭遇するCSSのバグとその解決方法 | コリス
Dave Woodsのエントリー「IE6 -CSSのバグとその解決方法」から、IE6でよく遭遇する３つのCSSのバグとその解決方法の意訳です。 IE6 - CSS Bugs and Fixes Explained IE6で、マージンが２倍になってしまうバグ IE6で、hasLayoutプロパティによって起こるバグ IE6で、小さい高さを指定した場合に起こるバグ IE6で、マージンが２倍になってしまうバグ IE6で、フロートした要素のマージンが２倍になってしまうバグと解決方法の紹介です。下記のコードで、IE6はマージンが20pxになります。 sample:バグ #navigation{ float: left; width: 200px; margin-left: 10px; } #content{ float: right; width: 500px; margin-right: 10p
LiosK 2008/01/21
バグ

ie

web制作

css
リンク
GIFやJPEG画像をベクター化できるオンラインサービス -VectorMagic | コリス
VectorMagicは、ロゴ・写真などのGIF・JPG画像をオンラインで、ベクター化できるオンラインサービスです。 VectorMagic VectorMagicでは、ロゴや写真などアップロードした画像をベクター化し、EPS・SVG形式でダウンロードすることができます。画像をVectorMagicにアップロードすると、「写真」「ロゴ」など画像のタイプを選択します。
LiosK 2007/10/28
これはすごい

あとで
リンク
[CSS]高さの異なるカラムを揃えるスタイルシート | コリス
Columnas 100% altas Columnas 100% altasのエントリーでは、下記のデモのように高さの異なるdivで組んだカラムの高さを揃えるスタイルシートを紹介しています。 sample:高さがばらばらのdiv sample:高さが揃ったdiv スタイルシートは、各divに対して「padding-bottom」と「margin-bottom」に同じ数値をプラス値とマイナス値で指定を行い高さを揃え、それらのdiv要素を包んだdivで「overflow:hidden;」を指定します。詳しくは、最小限にしたサンプルを作成したので参照ください。高さの異なるカラムを揃えるスタイルシートのサンプル下記の「32768px」って、何か特別な意味があるのでしょうか。
LiosK 2007/10/26
webデザイン
リンク
1