You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
In response to Issue 58, the old -webkit-gradient syntax was added for old versions of android, but it's also needed for Safari 4.0 - 5.0 and iOS 3.2 - 4.3. Source: thoughtbot/bourbon#219 Testing by specifying android 2.3 as a target, I also noticed that the syntax being output is slightly wrong. The horizontal/vertical positions are specified in the wrong order. Autoprefixer outputs: background-i
Autoprefixer 6.0 uses PostCSS 5.0 and Browserslist 1.0 and brings many new prefixes. The big change in Autoprefixer 6.0 is that we removed the CLI and join autoprefixer and autoprefixer-core packages. Find and replace autoprefixer-core with autoprefixer in your package.json. The official CLI for Autoprefixer is postcss-cli, because we should be cooperative with the PostCSS ecosystem, where CSS rev
CSSとJavaScriptに最適な環境構築 少し前だとタスクランナーにgruntやgulpなどが使用されていたが、現在はwebpackで作業環境を構築するケースが多い。 最新のwebpack 4なら簡単にCSSとJavaScriptに最適な作業環境を構築できるので劇的な作業効率向上が期待できる。 今回作成したpackage.jsonは下記の通り。以降の説明を見る前にあらかじめnpm installしておくと良い。 { "name": "webpack4", "version": "1.0.0", "scripts": { "start": "webpack-dev-server --open --env.dev", "build": "webpack --env.dev" }, "devDependencies": { "autoprefixer": "^8.4.1", "babel-c
CSS3を使用する時に、ベンダープレフィックスを付けていますか？ 自分でプレフィックスをつけたり、SassなどのCSSメタ言語やツールを利用するなど、さまざまな方法がありますが、せっかく付けたベンダープレフィックスも適切でない場合もあります。適切にベンダープレフィックスを付与するツールに、CSS Postprocessorの「Autoprefixer」というものがあるので紹介します。 ベンダープレフィックスをいつまで付け続けるのか ベンダープレフィックスはブラウザの試験的、または独自拡張で実装されているものであり、W3Cの仕様がある程度固まると、ブラウザはベンダープレフィックスが外すことが推奨されています。 現在、CSS3の一部の仕様は、すでに勧告や勧告候補まで上がっているものがあり、最新のブラウザではベンダープレフィックスなしで作動するCSSも増えてきています。またグラデーションやFle
Get affordable and hassle-free WordPress hosting plans with Cloudways — start your free trial today. In Part 1 of this series, I debunked a few misconceptions that many people have around the Internet Explorer (IE) implementation of CSS grid. This article builds on that knowledge. It would be best to go back and read that article first if you haven’t already. Today I’m going to be tackling the big
gapプロパティ（旧名grid-gap）を用いると、CSS Gridにおける列と行の間隔を設定できます。 ▼ MDNの「grid-gap」のデモより。 便利なプロパティですが、IE 11には対応しておらず、CSS Gridにおける苦労点の一つでした。 しかし、6/2にリリースされたAutoprefixer v8.6を用いると、IE 11向けにもgapを用いたレイアウトを実現できます。 どのように変換されるか？ gapを使ったCSSコードがどのように変換されるかを確認してみましょう。次のようなコードを例に紹介します。 grid-templateプロパティの書き方は見慣れないかもしれませんが、グリッドのエリア名、列幅、行幅をまとめて指定する手法です。grid-template-areasで定義したエリア名に加えて、行幅がそれぞれ50px、1fr、50px、列幅が200px、1frであることを示
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
