タグ

tipsとcssに関するfluorのブックマーク (4)

  • [CSS]幅は可変で高さは異なるカラムの高さを等しくするスタイルシートのまとめ

    幅は%で指定した可変、高さはそれぞれ異なるカラムを使ったレイアウトで、スタイルシートを使用してカラムの高さを等しくする今までの方法から、これからの方法までを紹介します。 Fluid Width Equal Height Columns [ad#ad-2] 下記は各ポイントを意訳したものです。 Doug Neiner メソッド Nicolas Gallagher メソッド Using Tables One True Layout メソッド Flexbox メソッド メモ 訳者注 各デモは「:nth-child」を使用しているため、モダンブラウザのみ期待通りに表示します。詳しくは「メモ」を参照ください。 Doug Neiner メソッド 「Doug Neiner」メソッドは、CSS3グラデーションからアイデアを得た方法です。 [css] .five-columns { background-i

  • コーディングのスピードを上げる為の6つの方法

    2017年7月25日 Webサイト制作, 便利ツール 今より少しでもコーディングを早くできれば、細かいデザインや機能にも時間をかけて取り組めそう…という事で今回はコーディングのスピードを上げるためにできる事を紹介します。便利なツールを使ったり、ちょっとやり方を変えるだけでより早くコーディングができるようになると思います! ↑私が10年以上利用している会計ソフト! 1. コーディング手順を簡略化する これは自分のコーディング能力を高めて手順を省く、便利なツールを使って手間を省くという事です。例えば私は昔このような手順でコーディングを進めていました。 CSSのレイアウトをノートに書き出す レイアウト部分(ヘッダー・メイン・サイド・フッター)のHTMLマークアップ CSSでレイアウト部分のスタイリング 表示確認 うまく表示できない箇所の修正 ヘッダー内のHTMLマークアップ CSSでヘッダー内の

    コーディングのスピードを上げる為の6つの方法
  • お金借りるならどこ?即日で借りれるおすすめをプロが解説!

    急にお金が必要になったとき、貴方ならどうしますか? 預金があれば問題ありませんが、預金が無く期日も明日までの時、頼れるのは友人や身内になります。 しかし、お金を貸してほしいと言うことは正直言いにくい話です。 1万円や2万円程度なら気にする必要はありませんが、10万円~20万円ぐらいになると金額も大きくなるので言いにくいですし、友人や身内もなぜそんなにお金が必要なのか?どのような使途なので必ず聞かれるでしょう。 当の事を言って借りるのが普通なのですが、そこは人間です。きっと言いにくい事情もあるはずです。 もし嘘をついてお金を借りてしまった場合、借りた友人や身内に対しての背徳感が残ってしまいます。 そんな時に一番便利なのがカードローンなのです。 カードローンは身分証明書だけあれば最短即日でお金を借りることができます。 中には申込から自分の銀行口座への振込融資が最短1時間のカードローンもあるの

  • 今よりちょっとだけクオリティを上げるために。

    執筆が終わったと思えば、主業務が激務でネタがちらほら浮かんでたのに書けない今日この頃。 でも、どこぞのiPhoneネタと宣伝ばかりになってしまったブログよりいいかも知れません。えぇ。 さて、CSSってある程度覚えてしまえば思った以上に簡単に組めたりして、何となく組めている気がするって思ったりしないっすかね。 もしくは、その逆になーんかイマイチ成長してないようなって感じてる時とか。 そんな状況のときに、今よりちょっとだけコーディングのクオリティや効率を上げるのに意識する事とかやっておくべきこととかを思いつくままに上げてみます。 仕事としてってのがベースなので、個人サイトやブログレベルだと当てはまらないかも。 ボクが昔はやってなかったけど今は当たり前な事とか、今でも忘れがちな事とか、何かそういう感じのことを書いていくので、人によっては当たり前だし、ちょっとした発見がある人も居るかも? よく分か

    今よりちょっとだけクオリティを上げるために。
  • 1