タグ

コーディングに関するrensha875のブックマーク (3)

  • デザイン・コーディングにつかえるアドオン10選( 1) - EC studio デザインブログ

    企画デザイン谷です。 今やホームページ制作・開発には欠かせないFirefoxですが その理由は多くのアドオン(拡張機能)にあります。 企画デザインスタッフが導入しているアドオンを 今回紹介します。 ColorZilla https://addons.mozilla.org/ja/firefox/addon/271 閲覧しているページに表示されているテキストや画像の色(カラーコード)を 抜き出すことができます。 Firebug https://addons.mozilla.org/ja/firefox/addon/1843 開発環境全般においては欠かさないツールです。他の拡張機能がなくても これだけは入れておきたいアドオンです。 HTMLCSSJavaScriptなどをリアルタイムに編集・デバッグを することができ、特に僕の場合はCSSでレイアウトを 調整するときに使います。 日語版も

    rensha875
    rensha875 2010/05/14
    ColorZillaとMeasureItがいいかんじ
  • 覚えて良かったCSSテクニック « zaru blog

    ここ最近、覚えてよかったなーと思ったCSSテクニックをまとめてみる CSSテクニックは時代とともに変わっていくけれど、ここ1年ほどスタメンレベルで使うCSSテクニックが絞られてきたので、ここらでちょっと個人的にもまとめておこうかと。 liボックス 幅:190px マージン:15px liボックス ダミーテキスト。ダミーテキスト。ダミーテキスト。ダミーテキスト。ダミーテキスト。 liボックス ダミーテキスト。ダミーテキスト。ダミーテキスト。ダミーテキスト。ダミーテキスト。 <li>にはクラスを指定せずに、左右にぴったりくっ付くように配置が可能。 <style type="text/css"> #box1{ width: 600px; } ul{ width: 615px; margin: 0 -15px 0 0; overflow: hidden; _zoom: 1; font-size:7

  • 少しのコードで実装可能な20のCSS小技集

    2019年5月17日 CSS CSSハックに続き、このCSS小技集も私のブックマークにずらりと並んでいたので、整理も兼ねて記事にしてみました。CSSのお勉強を始めたばかりの頃にブックマークしておいたものも多数。。ということで初心者さんからベテランさんまで参考にしてみてください! ↑私が10年以上利用している会計ソフト! コードはサンプル内の「HTML」や「CSS」タブをクリックしてくださいね! 少しのコードで実装可能なCSS小技集 シリーズ 【第2弾】少しのコードで実装可能な20のCSS小技集 【第3弾】少しのコードで実装可能な15のCSS小技集 まずはCSS基礎編 1. divを中央揃えにする ほとんどのサイトが基準となるdivを画面の中央揃えに設定しています。左右のmarginをautoにして中央揃えに。 See the Pen Center Div by Mana (@manabox

    少しのコードで実装可能な20のCSS小技集
  • 1