コーディングのスピードを上げる為の6つの方法
2017年7月25日 Webサイト制作, 便利ツール 今より少しでもコーディングを早くできれば、細かいデザインや機能にも時間をかけて取り組めそう…という事で今回はコーディングのスピードを上げるためにできる事を紹介します。便利なツールを使ったり、ちょっとやり方を変えるだけでより早くコーディングができるようになると思います！ ↑私が10年以上利用している会計ソフト！ 1. コーディング手順を簡略化する これは自分のコーディング能力を高めて手順を省く、便利なツールを使って手間を省くという事です。例えば私は昔このような手順でコーディングを進めていました。 CSSのレイアウトをノートに書き出す レイアウト部分（ヘッダー・メイン・サイド・フッター）のHTMLマークアップ CSSでレイアウト部分のスタイリング 表示確認 うまく表示できない箇所の修正 ヘッダー内のHTMLマークアップ CSSでヘッダー内の
[CSS]背景に指定した画像を印刷させる方法
HTML <h1 id="logo">Site Name</h1> CSS h1#logo{ background: url(images/logo.gif); height: 75px; width: 137px; text-indent: -9999px; } HTML <h1 id="logo">Site Name</h1> <img src="images/logo.gif" class="nodisplay" /> Screen CSS h1#logo{ background: url(images/logo.gif); height: 75px; width: 137px; text-indent: -9999px; } img.nodisplay{ display: none; } Print CSS h1#logo{ display: none; } img.no
![[CSS]背景に指定した画像を印刷させる方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/bc54860ba06deaa45382cf2bddc929515def0354/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fshared%2Flogo-2014050501-en.png)
htmlとbodyに背景画像 - lucky bag
html 要素とbody 要素のそれぞれに背景画像を指定するちょっとした小ネタ。ネタ元は、「UrbanDude: Using two page backgrounds」。 で、ちょっとなるほどなって思ったのが、html 要素に背景画像、body 要素にコンテンツの影画像を指定し、その影を png 画像で透過させてなじませているやり方。汎用性がありそうな感じ。当然、png に対応していない IE 用に子供セレクタ（IE未対応）を使ってbody 要素への指定を読み込ませないようにしている。 サンプル （ IE で閲覧しても影は表示されません） CSS はこんな感じで。 html { background: #CCE599 url(back.gif) repeat-x fixed left top; } html>body { background: transparent url(shadow
CSS-EBLOG - (X)HTML+CSS/JavaScript Tips site.
デザインを体感して学べるデザインブログです。Illustrator（イラレ）やPhotoshop（フォトショ）の使い方やWordPressやSWELLのCSSやJavaScriptカスタマイズやアフィリエイトまで読むだけで楽しめる情報を発信しています。
覚えて良かった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
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
