[B! tips][コーディング] naohorのブックマーク

naohor id:naohor

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

デフォルトスタイルシートから考える、リセットCSSの留意点 - kojika17
デフォルトスタイルシートの構造を知ることによって、闇雲に指定しているリセットCSSから抜け出すことができます。ブラウザには、デフォルトスタイルシートというのがあり、ブラウザによってあらかじめスタイルシートが定義されています。これによって、文章をHTMLで適切にマークアップをすれば、適度な間隔を保つようになっています。しかしWebサイトを制作する上では、このデフォルトスタイルシートが障害になります。理由は、ブラウザによって差があり、IE6, IE7, モバイルまで含めると、指定されている値が違うものが多くあるからです。私は、1年前に各ブラウザのデフォルトスタイルシートを調べました。現在のモダンブラウザでは、プロパティ名が違うものがありますが、概ね変わっていません。具体的なデフォルトスタイルシートの例を挙げます。以下は、平均的なデフォルトスタイルシートの一部です。 html {
naohor 2012/09/10
css

html

web制作

コーディング

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

webデザイン

まとめ

tips

チュートリアル

css

html

あとで読む
リンク
少しのコードで実装可能な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
naohor 2010/04/15
css

サンプル

web制作

まとめ

tips

html

コーディング
リンク
1