![Compass の送別会 - Pepabo Tech Portal](https://cdn-ak-scissors.b.st-hatena.com/image/square/ba440876f63634eccf4f4a3c6074004526622692/height=288;version=1;width=512/https%3A%2F%2Ftech.pepabo.com%2Fblog%2F2018%2F03%2F15%2Fbye-bye-compass%2Feyecatch.jpg)
is one hell of a project. It is by far the biggest Sass framework out there and since it is maintained by Chris Eppstein himself, one of the two Sass core designers, I don’t see it losing in popularity anytime soon. Yet, about a year ago or so, I stopped using Compass altogether. I removed it from our project at work. I removed it from my own site. I removed it from most of my side projects. So wh
This issue will track the top level tasks that are required for Compass to be ported to libSass. When this issue is closed, we will release Compass 2.0. Vision Compass 2.0 will not use ruby and will run libSass for compilation by default. However, It will allow you to opt-in to using ruby sass. TODO libcompass - a C++ library that can be used to compile a Sass file in a Compass-compatible Sass env
By Chris Eppstein Compass 1.0 is now available! First, let's address the elephant in the room: This release took way too long. I can give you a list of reasons and excuses, but none of them really matter. Suffice it to say that if you ever find yourself owning an open source project that has gone unmaintained for more than a year like Compass had when I re-engaged with the project, the most pruden
http://codepen.io/chriscoyier/blog/codepens-css 1 comment | 0 points | by WazanovaNews ■ comment by Jshiike | 約5時間前 GitHubやLonely Planetに触発されて、この手のエントリーが続いています。今回は、CodePenのChris Coyierのブログ。 Overview SCSS Autoprefixer RailsのAsset Pipeline スタイルの方針はあるが、目的はほぼ見た目の整合性をとるため 「classを多用する」以外に、アーキテクチャは採用していない ページ当たり、2-3個のCSSファイル media queryの@mixinを使うが、.scssファイルごとにオンオフできるようにしている コメントを残すのには賛成派 Preprocessing S
If you’re a WordPress theme builder and a Sass/Compass user, first, yay you are awesome! Second, there is this little issue that will probably crop up for you regarding compile locations, so let’s solve it now. There are two very important things regarding CSS and WordPress themes: There absolutely must be a “style.css” file in the theme folder. That file absolutely must start with a comment block
The upcoming release of Compass 1.x will feature some nice improvements in how our CSS handles cross-browser support. The new system will be driven by caniuse data, which is pretty exciting. There are 2 main aspects to consider when dealing with cross browser support in your Compass project. Defining target browsers you want to support. Writing conditional CSS that will only compile when it applie
By Chris Eppstein When I created compass I imagined a particular set of features Compass would have when it was done with the initial build out. I assigned that release a number of 1.0 and expected it would only take a few releases to get there. But then there was users and their needs and the features they wanted. And so there have been 77 releases at the time that I'm writing this post. And you
Sass and Compass provide a number of useful functions you can use to alter and manipulate colors with ease. Most color functions operate on a single color, but some can be used to combine two colors in different ways. Our "base color" and "alternate color" will be used throughout the examples. You can click on the swatch for either of those two colors to change their values and see how the calcula
さて今回は、ズルいデザインテクニックの集大成ともいえる「ズルいボタン」です。これまでの連載で取り上げた数々のズルいデザインテクニック、「ズルいテキストシャドウ」「ズルいグラデーション」「ズルい角丸」、そして前回解説した「ズルいボックスシャドウ」を用いたズルいボタンの作り方を解説します。 今回のズルいボタンに関しては、以前にズルいデザインテクニックのスライドで紹介したものから大幅に改定を加えて、より汎用性があり、さまざまな場面で使い勝手の良いものに刷新しました。 改良のポイントは次の通りです。 文字サイズの変更、またそれに併せてボタンサイズの変更に対応しています iタグを使ったアイコン用のWebフォントに対応しました。今回はfont-awesomeを使って解説しています フラットデザインの流行に伴うデザイン傾向に合わせ、立体感やグラデーションをより控えめに、かつpaddingを大きめに取った
CSS' simplicity is one of its defining features, and a big reason for its popularity. However, as websites and applications become more complex, the size and complexity of stylesheets also increase. CSS can quickly become verbose and repetitive. But a preprocessor like Sass expands the capabilities of CSS by allowing you to use variables to store values, create mixins for common snippets, nest dec
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く