Sassの新しいモジュールシステム
Sassに新しいモジュールシステムが導入されます。具体的には@useと@forwardという2つのルールが登場し、@importルールは将来的に廃止される予定です。現在、Sassのおもな実装としてDart SassとLibSassがありますが、まずDart Sassへの実装が進んでいて、今年10月に安定版がリリースされる予定です。この新しいモジュールシステムを簡単に紹介したいと思います。 なお、ここで言うSassの「モジュール」とは、メンバー（変数、関数、ミックスイン）のコレクションを指し、具体的にはSassのソースファイルのことです。 背景 新しいモジュールシステムが開発された背景として、@importルールがかかえる多くの問題があります。ファイルスコープがないため依存モジュールの把握が困難になったり、名前空間を持たないためにライブラリの作者と利用者が命名を工夫しないといけなかったり、と
Sass: Announcing Dart Sass
Over the past few months, I’ve been quietly working on a new project. Today I’m ready to announce Dart Sass to the world. It’s a totally new implementation of Sass, designed to be fast, easy to install, and easy to hack on. It’s not yet complete—I’m steadily working my way through sass-spec—so today I’m just releasing version 1.0.0-alpha.1. But it’s solid enough for you to download, play with, and
Family.scss
Family.scss is a set of 26 smart Sass mixins which will help you to manage the style of :nth-child’ified elements, in an easy and classy way. The goal of this project is to unleash the power of the nth-child property, in an easy way. The best way to understand each and every mixin, is to read it, literally. For example: first(3) => first three Each and every mixin is really easy to use, proceed li
Setting up Gulp, Bower, Bootstrap Sass, & FontAwesome
Setting up Gulp, Bower, Bootstrap Sass, & FontAwesome Let’s face it. Managing front end dependencies is still a headache. As developers, we have a plethora of options for building dependencies. Some of the tools off the top of my head are Grunt, Gulp, Broccoli, Component, NPM, and probably 5 more have been released since I started writing this post. In this tutorial, I am going to focus on Gulp bu
Documentation - Materialize
flash_on Speeds up development We did most of the heavy lifting for you to provide a default stylings that incorporate our custom components. Additionally, we refined animations and transitions to provide a smoother experience for developers. group User Experience Focused By utilizing elements and principles of Material Design, we were able to create a framework that incorporates components and an
spaceBase: A Sass-based Responsive CSS framework
spaceBase is a Sass-based responsive CSS framework. Many CSS frameworks are meant to be included and left alone. But spaceBase is a boilerplate layer that can be built upon and tailored for your needs. It combines best practices for today's responsive web with the core components we use on every project. Consider it the launch pad for your adventures into cyberspace. What is it? spaceBase is the f
Extra Map Functions in Sass — SitePoint
Stay Relevant and Grow Your Career in TechPremium ResultsPublish articles on SitePointDaily curated jobsLearning PathsDiscounts to dev toolsStart Free Trial7 Day Free Trial. Cancel Anytime. Sass maps are awesome. They make a lot of things that were previously impossible, well, possible. For instance, they have a smart way to define dynamic variables. They are also the perfect container for a compl
Sass Guidelines
An opinionated styleguide for writing sane, maintainable and scalable Sass. The Sass Guidelines project has been translated into several languages by generous contributors. Open the options panel to switch. About the authorMy name is Kitty Giraudel, I am a French front-end developer, based in Berlin (Germany) since 2015, currently working at Cofenster. I have been writing Sass for several years no
Recommendations for a Faster Workflow with Sass | Envato Tuts+
I’ll make no secret of it: I love Sass. In this article I’m going to share my recommendations for working with Sass on a daily basis and on real projects. Quick Tips for Configuring Sublime Text Hayaku (Plugin) Here’s an awesome plugin which will save you a lot of time. Open Package Control in Sublime Text, search for Hayaku and do a quick install. Now you can write your CSS faster and with shortc
When to use @extend; when to use a mixin – CSS Wizardry
20 November, 2014 When to use @extend; when to use a mixin Written by Harry Roberts on CSS Wizardry. Table of Contents When to use @extend When to use a mixin tl;dr tl;dr;tl;dr This is a question I get asked a lot by my clients: When should we use a mixin, and when should we use @extend? There’s an old rule of thumb which states that mixins without arguments are bad—that mixins which just duplicat
Building a Linear-gradient Mixin in Sass — SitePoint
Stay Relevant and Grow Your Career in TechPremium ResultsPublish articles on SitePointDaily curated jobsLearning PathsDiscounts to dev toolsStart Free Trial7 Day Free Trial. Cancel Anytime. Key Takeaways Vendor prefixes should not be added to CSS properties using a preprocessor like Sass, but should be treated with tools like Autoprefixer, which does a better job at printing accurate prefixes and
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Logdown - Site Maintenance
Logdown - Site Maintenance
Angled Edges
Sassを使ったz-indexの管理 - Qiita
A free tutorial to learn HTML and CSS
The Blog | Welcome to Adobe Blog
An Introduction to Sass Maps: Usage and Examples | Envato Tuts+
Sass Compatibility
ペパボのフロントエンドスタンダード に関する記事一覧 - ペパボテックブログ