マージンやパディングでもう悩まない、モジュール式WebデザインにおけるHTMLとCSSの新しい実装方法 | コリス

2017/01/11 599 users パディング アトミック コリス ロジック CSS

Webページを制作にする時に、マージンやパディングをどのようにつけるか悩むことがあります。2カラムの隙間は、左パネルの右マージンorパディングなのか、右パネルの左マージンorパディングなのか。 Web制作の今までの考え方がきっと変わる、モジュール式のアトミック デザインにおけるHTMLとCSSの実装のロジックを紹介します。 Learning from Lego: A Step Forward in... 続きを読む

これで無料とはすごい！Mac, Win, Linux対応、デザインの指示書やスタイルガイドを簡単に作成・共有できる -Zeplin | コリス

2015/08/12 715 users Zeplin コリス フォント 要素 有料

デザインの指示書やスタイルガイドを作成するのは、なかなか時間がかかりますよね。 使用している要素のサイズやマージンやカラーやフォントなどの情報を自動で取得したり、コメントを添えたり、指示書やスタイルガイドをプロジェクトのメンバーと共有できる「Zeplin」を紹介します。 1プロジェクトまで完全無料、2つ以上から有料ですが、機能制限などは一切ありません。 Zeplin Zeplinの特徴 Sketc... 続きを読む

覚えて良かったCSSテクニック « zaru blog

2010/04/22 1447 users CSSテクニック ダミー ダミーテキスト 時代 ここら

ここ最近、覚えてよかったなーと思ったCSSテクニックをまとめてみる CSSテクニックは時代とともに変わっていくけれど、ここ1年ほどスタメンレベルで使うCSSテクニックが絞られてきたので、ここらでちょっと個人的にもまとめておこうかと。 liボックス 幅：190px マージン：15px liボックス ダミーテキスト。ダミーテキスト。ダミーテキスト。ダミーテキスト。ダミーテキスト。 liボックス ダミー... 続きを読む

「頭金」「契約金」と称する上乗せ代金をソフトバンクショップなどに取られてしまった場合、どうすればいいのか？ - GIGAZINE

2009/06/19 631 users GIGAZINE iPhon 頭金 タレコミ カタログ

先日、このようなタレコミが届きました。 直営店やオンラインショップを除いたソフトバンクショップでは、「頭金」と称して、割賦料金と別に3000～7000円程度上乗せして請求することが多いです。その頭金はWホワイトなどのオプションをつけることで無料になったり、割引されます。 ところが、このような頭金はカタログなどには記載されておらず、ショップのマージンとして勝手に請求しているものです。 私はiPhon... 続きを読む

[CSS]IE6でよく遭遇する6つのバグとその解決方法 | コリス

2008/04/25 677 users コリス min-width 透過PNG CSS パク

CSS Trickのエントリーから、IE6でよく遭遇する6つのバグとその解決方法の紹介です。 IE CSS Bugs That’ll Get You Every Time ボックスモデルのバグ マージンが二倍になってしまうバグ min-width, min-heihgtと同等の指定 Stepdownバグ hover擬似クラスをa要素以外にも対応 透過PNGを透過表示に対応 ボックスモデルのバグ d... 続きを読む

IE6でよく遭遇するCSSのバグとその解決方法 | コリス

2008/01/21 830 users 意訳 コリス CSS しま パク

Dave Woodsのエントリー「IE6 -CSSのバグとその解決方法」から、IE6でよく遭遇する３つのCSSのバグとその解決方法の意訳です。 IE6 - CSS Bugs and Fixes Explained IE6で、マージンが２倍になってしまうバグ IE6で、hasLayoutプロパティによって起こるバグ IE6で、小さい高さを指定した場合に起こるバグ IE6で、マージンが２倍になってしま... 続きを読む

黄金比をサイトのデザインに取り入れる簡単な３つの方法 | コリス

2007/03/29 1302 users コリス 矩形 みろ モナリザ パルテノン神殿

その調和された比率は、トランプカードなどの日常的なものから、ギリシアのパルテノン神殿、ミロのヴィーナス、モナリザなどの芸術分野まで、多数存在します。 黄金比を矩形に使用する 黄金比をマージンに使用する 黄金比をパーツに使用する 黄金比を矩形に使用する サイトで使用する画像などの矩形に黄金比を適応します。 サンプルでは、144pxと233pxの組み合わせを使用していますが、「1:1.6」を利用して1... 続きを読む