Your Friendly Web Development Companion Prepros compiles your files, transpiles your JavaScript, reloads your browsers and makes it really easy to develop & test your websites so you can focus on making them perfect.
Sublime Text前回の記事『テキストエディタのお話』で紹介したSublime Text(サブライムテキスト)ですが設定が複雑なんですね。 友人から「使えねー教えてくらさい(^ρ^)ア-」というメールが来たので、ついでとばかりに今回はにわかなギーク養成講座NicoHackで解説しますね! この記事のため、久々にWindows起動しまししたよ。WindowsでもMacでもLinuxでもSublime Textは使えるんで今回の講座でガシガシ使ってやりましょう! ちなみに今回の記事は実験的にHTMLでガンガン成形していきます。PCでもスマホでも電子書籍でも崩れないページデザインもお楽しみください。 Sublime Textのセットアップや利用時にスマホやタブレットからマニュアル的に確認すると便利かもしれません。電子書籍もありますしね。 Sublime Textって?これなに?Macを使っ
標準で入ってると思われるフォントのリストです。日本語・英語以外の言語用のフォントも混じってます(ただしきちんと英数字が含まれるもののみ)。 フォントのキャプチャ画像の下に、CSSでフォント指定をしています。インストールされていればそのフォントで表示されるはずですが、ブラウザや設定によっては指定が効かないフォントもあります。斜体以外の文字の太さ・幅のバリエーションも拾いだしてみました。ページデザインの参考にどうぞ。 各枠右上の三角印をクリックするとCSSを表示し、×印のクリックで閉じます。また右側のピンク色の枠へドラッグして取り置きすることができます。取り置きを捨てたり並べ替えたりもできます。(IE9以前とスマホ・タブレットでは取り置きできません) なお、Mac用で枠の右端が赤いものは、必要に応じてダウンロードできるフォントです。(言語を日本語としてmacOSをインストールした場合は下のフォ
Online LESS Compiler This Online LESS Compiler can help you to learn LESS. You can go through the examples below or try your own The examples are based on the official LESS documentation Credits Author: Mark Lagendijk Graphical designer: Elmar Kouwenhoven Used components: LESS.js, the original LESS compiler, by Alexis Sellier Node.js Blog
XAMPPでVirtualhostとhostファイル利用して複数サイト管理 以前にxamppを利用してローカルサーバやってみようっていうエントリーを上げたワケですが、 ■サーバー環境を作る XAMPP 1.5.4-修正内容版 あとちょっとだけ便利になる(かもしれない)方法も遺しておこうと思います。 上記エントリーでは、ローカルサイト管理に www ━┳━ index.html ┃ ┣━ サイト01 ┃ ┣━ サイト02 ┃ こうすると良いですよーって書いてたんですが、例えば絶対パスでサイトを管理して、Dreamweaverで編集する時なんか、これではちょっと不都合が出る場合もあります。 http://localhost/site01/ ってサイトがあったとして、cssを絶対パスで指定してみます。 cssは /site01/css/styles.css って形で保存されてるとします。 sit
テキストや画像にグラデーションをかけます。 ただし、画像の場合は透過部分に、テキストの場合は背景部分にかかります。 スタイルシート・サンプル 緑の文字が変更箇所で、赤い文字が対応するスタイルシートです。 "/* */"内はコメントです。削除しても影響ありません。 必要な箇所をコピー&貼り付けして編集してください。 また、その他の指定方法はメニューの「基本・リファレンス」を参考にして下さい。 → ページ全体に適用する場合(サンプルのためタグごとに効果を変えています。参照) <HTML> <HEAD> <TITLE></TITLE> <STYLE type="text/css"> <!-- /* 赤〜緑 */ .ft0 { filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffff000
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く