Rapidly build your WordPress theme with Tailwind CSS. TailPress is your go-to starting point for developing WordPress themes with Tailwind CSS and comes with block-editor support out of the box.
The Critical Rendering Path: You’ve probably heard about it if you’re living in the front-end world. Against the do not mix HTML and CSS philosophy, it’s highly effective to put the render-critical parts of your stylesheet directly into the delivered HTML response. But this article is not a pro and cons list of this technique, rather a solution for one fundamental problem of the available tools: T
http://pcss.wiq.com.br/ Este domínio pertence a LocaWeb.
Core Features Auto prefixing Edit ‘Auto prefixing’ on Github Vendor prefixes for properties, functions, @-rules and declarations are automatically generated – based on trusted sources – so you can maintain cross-browser support while keeping your source code clean and easy to maintain. .foo { background: linear-gradient(to right, red, white); }.foo { background: -webkit-linear-gradient(to right, r
HTMLのIDとclassに顔文字記述しても、CSSではスタイルが適用されません。 ただCSSをごにょごにょするだけで、ID, classを顔文字、日本語でもコーディングすることができます。 誰が得をするのか全くわからないけど、紹介します。 HTMLのID, classを顔文字にする HTMLのID, classを顔文字、または日本語で書きます。 下準備はこれでおk。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8" /> <title>Document</title> </head> <body ID="(( ◉౪≡౪◉ ))≡౪◉ ))"> <div class="(」・ω・)」うー!"> <h1 ID="(/・ω・)/にゃー!">にゃー!</h1> </div> </body> </html> CSSでごにょご
CSScombはスタイルシートのプロパティを並べ替えるオンラインまたはテキストエディタ用プラグインです。 スタイルシートは冗長的に書いたり、多少ミスして書いてもうまくWebブラウザが解釈してくれる分、更新を重ねていくと徐々に見づらくなっていきます。そこで定期的にCSScombを使って奇麗な並び順に戻してみましょう。 トップページです。 ソートしました。右側に出ているのは設定です。 webkit-border-radiusなどのプロパティが上に上がっています。 CSScombはソートを変更するだけなので行数やサイズは変わらないように見えますが、複数行をコメントアウトしていたりすると変わるケースもあるようです。オンライン版の他、Sublime Text 2/Textmate/Coda/Espresso 2/IntelliJIDEA/WebStorm/PyCharm/Notepad++/Vimに
gather-css-jsはJavaScriptやスタイルシートをまとめた上でキャッシュさせるライブラリです。 Webサーバの負荷を下げるためにキャッシュを使うのは効果的です。しかしあまり長い間キャッシュを使うようにすると実ファイルを更新してもいつまでもキャッシュを使うようになってしまいます。そこで使ってみたいのがgather-css-jsです。 デモです。最初の表示では全て同じ値(v=の後)です。 CSSを更新しました。vの値が更新されています。これでキャッシュが更新されます。 使い方です。PHPを使ってファイルを読み込み、結果として更新日時のタイムスタンプが返ってきます。 gather-css-jsが行っているのはRailsがサポートしているキャッシュ方式に近いものです。vに更新日時を入れることでファイルが更新されればパラメータの値が変わってキャッシュがリフレッシュされます。また複数の
無償のWebサイト構築ツール「WebMatrix 2」、新版はiPhone/iPadエミュレータ、Node.js、CoffeeScriptなど対応 先週末に行われたWindows Azureの新機能を紹介するイベント「Go Azure」の基調講演の中で、Azure以外に興味を引かれたソフトウェアがありました。マイクロソフトが無償で公開しているWebサイト構築ツール「WebMatrix」の新版、「WebMatrix 2」です。 WebMatrixは、HTML/CSS/JavaScript/PHP/ASP.NETなどに対応したエディタ機能を備え、コード補完機能も搭載。ローカルにデータベースやWebサーバを用意してPHPの動作をそのまま確認したり、WordPressやDrupalなどのWebアプリケーションをローカルで試すこともできました。 下記はその画面(参考:マイクロソフト、無償のWeb開発
Adaptive Images detects your visitor's screen size and automatically creates, caches, and delivers device appropriate re-scaled versions of your web page's embeded HTML images. No mark-up changes needed. It is intended for use with Responsive Designs and to be combined with Fluid Image techniques. Why? Because your site is being increasingly viewed on smaller, slower, low bandwidth devices. On tho
Powered by Trac 0.11 By Edgewall Software. Visit the Trac open source project at http://trac.edgewall.org/
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く