秀丸エディタを HTML や PHP や CSS が気持ち良く書ける環境にする
秀丸を最強のエディタとして活用できるようになるまでの道のりをメモしておきます。後で誰かの参考になれば幸いです。 秀丸のインストール まず秀丸は以下からダウンロードします。 秀まるおのホームページ(サイトー企画)?秀丸エディタ 秀丸のインストールの説明はこちらが分かりやすい。 http://hide.maruo.co.jp/software/install.html#HIDEMARU 基本的な操作や見栄え 秀丸の(その他)ファイルタイプ別の設定には癖があって、事前に設定のリストで用意しておいた設定をある拡張子のファイルに適用することで、今後その拡張子のファイルを開いた際は、その設定が適用されている状態になります。 設定のリストにある共通で設定すれば、他のすべての設定にも適用されるわけではなく、拡張子毎に設定をしていく必要がある(例えばPHPにはPHPファイルという設定を用意して適用する。CS
【HTML/CSS/JavaScript】リソースを圧縮して速度改善。概要と便利なツールの使用手順 - ECサイト構築運営に役立つ情報発信｜モバイルファーストマーケティングラボ
ソースの中の不要な部分を除いてコードを圧縮 圧縮することでページスピードが上がる CSS、JavaScriptは変数名を変更することで更にファイルサイズを削減できる リソース（HTML、CSS、JavaScript）を圧縮する – PageSpeed Insights — Google Developers 至極単純です。とにかく無駄な部分を省き、速度改善を目指します。 リソースの圧縮に関して、下記で紹介されているツールを使用することが推奨されています。 HTMLの圧縮 PageSpeed Insights の Chrome 拡張機能を使って、HTMLコードの最適化されたバージョンを生成できます。 CSSの圧縮 YUI Compressorとcss.min.jsを使用できます。 JavaScriptの圧縮 Closure Compiler、JSMin、YUI Compressorを使用でき
TCPDFを使ったpdf出力 : akibaengneerのまとめメモ
2011年10月06日15:48 カテゴリphpTCPDF TCPDFを使ったpdf出力 ＰＨＰでPDF出力する方法には色々方法があるみたいですが、 標準で日本語に対応しておりフリーのフォントも内蔵しているためにライセンスを 気にせずにすみライブラリのインストールがダウンロードしたファイルを 解凍するだけという手軽さからTCPDFが良く使われているようです。 TCPDFのダウンロードはこちら 今回はTCPDFで一枚ものの報告書に差込印刷をするサンプルです。 動作サンプルはこちら 汎用的に作るためにHTMLでテンプレートファイルを作成し、その中の文字を置換して PDFデータとして与える方法をとります。 入力のフォームはこんな感じ <?php @session_start(); $error = ''; $company_name = @$_POST['company_name']; $
スタイルシート［CSS］/CSSプロパティ一覧/outline プロパティ - TAG index
それぞれの値は、半角スペースで区切って記述します。 記述する順序は自由で、必要のない指定は省略することもできます。 アウトラインのスタイルの指定を省略すると、アウトラインが表示されなくなってしまいます（初期値がnoneなので）。アウトラインを表示する場合は、この指定を省略しないようにしてください。
lockエラー | 月額200円からのレンタルサーバー JSN
まずは最近知って便利だと思ったCSSの小技をひとつ。 文章の最後に、「※（米印）」などで注釈を入れたいときに、CSSのみで行の開始位置を揃えるのにすごくシンプルなやり方がこれ。 .note { padding-left:1em; text-indent:-1em; } <p class=”note”>※米印を使う場合はこいつが便利。<br /> 改行してもこの通り。ちゃんと開始位置が揃ってる。</p> 「padding-left : 1em;」でまず１文字分右に動かして、「text-indent : -1em;」で最初の行だけ１文字分左に出す、ということらしいです。これ考えた人はえらいっすねぇ。 他には開始位置を揃えるいわゆる「ぶら下げ」をCSSでやる場合、<div>タグの入れ子を使ってもいいが、<dl><dt><dd>の定義型リストを使うのがおすすめ。Definition Listの略で
<tbody> - テーブルボディ - とほほのWWW入門
形式 <tbody>～</tbody> サポート LS / H4 / e4 / Ch1 / Fx1 / Sa1 / Op1 / N6 カテゴリ 該当なし 親要素 table 要素。ただし、caption, colgroup, thead 要素より後ろに記述すること。また、table 要素の直接の子要素としての tr 要素は記述しないこと。 子要素 0個以上の tr, スクリプトサポート要素 タグの省略 開始タグ: 最初の子要素が tr 要素であり、また、終了タグが省略された tbody, thead, tfoot 要素の直後でない場合は省略可能。 終了タグ: tbody, tfoot 要素が直後に続く場合、または、親要素に対して最後の要素の場合、省略可能。 属性 グローバル属性 グローバル属性 詳細は グローバル属性 を参照してください。 bgcolor=color [非推奨] e4/Ch
スタイルの優先順位－CSSの基本
■スタイルの優先順位 よりタグに近い、より後から読み込まれたスタイルが優先される 複数箇所でスタイルを指定すると、同じプロパティに異なる値が指定されてスタイルが競合することも起こりえます。 こうした場合には、よりタグに近いところで指定されたスタイルや、 より後から読み込まれたスタイルが優先されて、プロパティの値が上書きされます。 例えば、外部CSSファイルの指定では文字色を赤く、 <style>要素による文書単位の指定では黄色く、 style属性による局所的な指定では青く指定した場合には、 より後から読み込まれる値で上書きされるため青い文字となります。 p {color:red;} /*赤色*/ p {color:yellow;} /*黄色で上書き*/ p {color:blue;} /*青色で上書き、この値が有効となる*/ セレクタの種類
inputタグの下の隙間をCSSで消すには - OKWAVE
CSSの左横に隙間ができてしまいます。 画像の左横に謎の隙間(8mmほど)ができて埋まりません。 そのため、4枚収めたい画像のうち、最後の1枚が改行されてしまっています。 padding や vartical-align、text-alignなど試してみましたが、ダメでした。 とても困っています、どなたかご教示くださいますようお願いいたします。 << CSS >> #header { width:940px; height:59px; margin: 0 0 20px 0; } #logo { width:300px; height:59px; float:left; margin: 0 20px 0 0; } #menu { width:620px; height: 59px; padding: 0; margin: 0; float:right; } #menu img { paddi
clearfixでfloatを解除 | d-spica
clearfixでfloatを解除 2007-03-07 1 0 XHTML/CSS clear, CSS 枠や背景が消えたり，途中で切れたりしたことはありませんか。 floatした要素（ボックス）を含む親要素（ボックス）のborderやbackgroundが途中で切れてしまうことがあります。 左の例では，右側のメニューが終わったあたりで，左右にあるラインも切れています。 floatした要素の高さは親要素の高さに反映されない 分かりやすいようにXHTMLとCSSの例を書いてみましょう。 <div id="wrapper"> <div id="content"> <p>content</p> </div> <div id="menu"> <p>menu</p> </div> </div> #wrapper { width: 200px; border: solid 3px #999999;
背景に関する設定をまとめて指定する
解説 背景に関する数々の設定は一括で1つのプロパティにまとめることができます。 「background」プロパティに背景画像に関する各プロパティの値を1つずつ値を記入します。 値同士は半角スペースで区切ります。 各プロパティの解説は以下を参照してください。 background-colorプロパティ background-imageプロパティ background-positionプロパティ background-repeatプロパティ background-attachmentプロパティ 各プロパティの記述順序について 「background」プロパティに設定する各プロパティの値の書く順番は順不同です。 どのような順番で書いても構いません。 プロパティの省略について 「background」プロパティに設定できるプロパティの値は5つですが、これらの値の一部を省略することも可能です。 この
background-image－スタイルシートリファレンス
background-imageプロパティは、背景画像を指定する際に使用します。 <BODY>や <TABLE>だけではなく、 <P>・ <DIV>・ <SPAN>などの要素にも背景画像を指定することができます。 背景画像はURLで指定します。 スタイルシート部分を外部ファイルにしている場合には、HTMLファイルから見た相対パスではなく、 外部スタイルシートファイルからの相対パスで指定しなくてはならないので注意してください。 背景に画像を指定する際には、背景色と文字色も同時に指定するようにしてください。 これは、ユーザーの環境により背景画像が表示されない場合に、 背景色と文字色の関係により、文字が読みにくくなってしまうことがあるからです。 ■値 URI（URL）で画像ファイルを指定 URI（URL）で画像ファイルを指定します。 none 背景に画像ファイルを使用しないことを明示します。これ
背景に画像【background-image】：CSS入門
以下、前回までのCSSコードです。 h1, h2 { margin: 0; padding: 0; } body { background-color: #ffff00; font-size: 100.01%; font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Pゴシック","MS PGothic",Osaka,sans-self,Verdana,Arial,Helvetica; } h1 { background-color: #191970; color: #ffffff; font-size: 120%; padding: 5px; text-align: center; } h2 { background-color: #ffffff; font-size: 100%; border-top: 2px solid
Introduction to Sass and How to Setup with Mac + Coda
2014年7月31日 CSS, 便利ツール 「Sass」って聞いたことありますか？すっごく簡単に言うと、CSSをもっと便利に・効率良く記述するためのものです。とは言え基本的な書き方はCSSと同じなので、「新しいプログラミング言語」というより「CSSの新しい装備品」といったところでしょうか。一見難しく思えるかもしれませんが、慣れると「これなしではいられない！」とまで思えるSassの魅力と、Macでの設定方法はあまり見ないなーという事でMac＋Codaでの設定方法も紹介します。 ↑私が10年以上利用している会計ソフト！ Sassとは 日本語では「サス」と読まれるようです。拡張子は「.scss」。今までのCSSに変数や計算式を使ったプログラミング風の書き方を加えた .scss ファイルを、変換（コンパイル）してCSSファイルを作成します。例えば「style.scss」のSassファイルを変換する
SCSSとLESSのどちらを導入するか迷って、SCSSに決めたポイント - 眠る前に布団にはいろうか
SCSSとLESSのどちらを導入するかけっこう悩んだ時のまとめです。 最終的にはSCSSを選択しましたが、導入の参考になれば幸いです。 ちにみに、SCSSとLESSとは 再利用できるスタイル定義や変数など、CSSを効率的にコーディングできるように拡張されたメタ言語です。 どちらも、CSSをベースにした独自の記法でもってコーディングしそれをコンパイラでCSSに展開するというものです。 LESS SCSS 動作環境や使用などの詳しい比較はこちらが参考になります http://dxd8.com/archives/217/ Sass ≠ SCSS SCSSを調べていると、Sassという単語も目にすると思います。 使い始めた当初はごっちゃになってたのですが もともとはSassというプロジェクトが存在し、そこから派生したのが SCSSらしいです。 Sassも同じコンセプトのCSS拡張言語ですが、 たと
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サービス終了のお知らせ
vertical-align:middleが効かないのぉ（涙） | 素人ときどき玄人
（HTMLタグ・スタイルシート）印刷時のみ非表示にする方法 - 印刷時に表示しない部分を、ＨＴＭＬタグやスタイルシートに表記する... - Yahoo!知恵袋
株式会社スタイルズ
CSSの優先順位〜CSSテクニック〜
CSSのみで作る「マウスをホバーした時に子要素が展開するナビゲーションメニュー」