background: linear-gradient(); /* W3C, IE10+, FF16+, Chrome 26+, Opera 12+, Safari 7+ */
Dirty Markup [ad#ad-2] Dirty Markupはウェブ制作者がよく使う下記のツールをまとめたような感じです。 HTML Tidy CSS Tidy JS Beautify Dirty Markupの使い方は簡単で、右側にコードをペーストし、左側でHTML/CSS/JavaScriptを設定し「Clean」ボタンをクリックするだけです。
WordPressを使ったWebサイトで現在利用中の テーマやプラグインのCSSをその場で編集、 保存を可能にするWordPressプラグインの ご紹介。多用するものではありませんが、 開発中とかに使っても便利かも、と思った のでメモがてら。 何度か似たようなものもありますけど多くは無いので選択肢の一つとして。Webサイトを見ながらその場で利用中のテーマやプラグインのCSSを編集、保存できるプラグインです。ローカル環境で開発の手助けにもなるかな、とか思ったりしましたよ。 これ便利ですねー。機能はシンプルで、Webサイトの右側にボタンが出るので、クリックするとエディターが開きます。あとは修正して保存すればいいだけ。 編集中はインタラクティブに反映されますのでサイズの指定ミスなんかをするとエディタも場外にすっ飛ばされて編集できなくなっちゃうので気をつけてください。微調整向けですかねー。 編集し
Spritebox - Create CSS from Sprite Images CSSスプライト実装が誰でも簡単にできるツール「Spritebox」 複数枚の画像を1枚にして、HTTPのコネクション数を下げてページ表示速度を上げてくれるCSSスプライト。 なんだかメンドクサイ、という方にもこのツールがあればWYSIWYGで画像が取れてしまうので楽ちんです。 流れとしては、画像をアップロードして、表示したい画像の領域をドラッグ&ドロップで選択するだけで、その領域を表示するためのCSSを出してくれるというもの。 まずは画像アップロード アップされた画像がキャンバス上に表示されるので、ドラッグ&ドロップで領域を選択。 プレビューウィンドウがプレビューを出してくれます。 Create CSS ボタンがあるのでクリックすればその部分のCSSを吐いてくれます。 関連エントリ CSSスプライトを使っ
Dreamweaverなどの専用ソフトがあれば事足りますが、そういった環境がない場合に、HTMLソースの出来栄えを確認したいことだってありますよね。 今回はそんなとき、オンラインでHTML編集でき、かつリアルタイムにプレビューできるエディタをご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! リアルタイムにプレビューできるオンラインHTMLエディタ「HTML Instant」 「HTML Instant 」は、HTMLタグを記述すると、その場でリアルタイムにプレビューを表示するオンラインHTMLエディタ。 リッチテキストエディタにもなっているので、タイピングすることなくHTMLタグを挿入したり、画像を掲載(URL指定)することもできます。 リアルタイムにHTMLソースをプレビュー ↑画
EmChart | Aloe Studios Blog Using a relative unit such as EM is a great way to maintain the vertical rhythm of a web page when a user resizes text in their browser.CSSのem指定のサイズが一発でわかっちゃう「EmChart」 基本のサイズが24ピクセルで、9px にしたい場合、0.375emにすればよい、というのが簡単に分かるようになっています。 これはなかなか便利そうですね。チャートのダウンロードも可能です。 関連エントリ サイト上でCSSによるフォントスタイルを確認できる便利ツール サイトに使用するフォントのCSSを選ぶ際に役立つ「CSSTYPE」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く