デスクトップ・タブレット・スマホなどの異なるスクリーンサイズに応じて設定したブレークポイントをベースに、font-size, margin, padding, positionなど各プロパティの値を一元管理できるSassの超軽量ライブラリを紹介します。
Classy CSS: a Programmatic Approach to Sass Stylesheets Published on November 15, 2015 I began writing this blog post a few weeks after releasing a semi-satirical article about my take on the mix of current CSS naming convention/styling trends on Sitepoint called Atomic OOBEMITSCSS. That was back in August, but life got in the way. I called it Atomic OOBEMITSCSS as a joke, but people started
Baseline first. Set text on the web to a baseline grid with Sass & rems A starting point Sassline aims to spread better typography across the web. It can be used for prototyping, blogs or full website builds. It has recommended base typography styles and Sass mixins to work proportionally from the baseline grid using rems. Meticulous vertical rhythm Due to the way CSS handles text setting a baseli
Table of Contents Article Info Article No. 5 May 8, 2015 One thing I absolutely love about Sass is the mixins and functions. Being able to automate many of the repetitive coding for CSS is both amazing in building and maintaining a base. But I often find many developers creating complex systems for simple tasks, such as managing a font stack or color scheme. These can be tedious to set up and empl
These free code snippets are perfect for anyone who wants to forge ahead into the wilderness of cutting edge CSS techniques. Web developers are always curious to learn about the newest techniques in web design. CSS3 has been a major turning point for frontend developers with a collection of new properties supported by modern web browsers. As web standards race forward into the future, passionate d
Find trusted agencies, companies, and individuals for anything you want to outsource in your business.
Have you ever wanted your changes from Chrome’s DevTools to stick – or wanted to edit Sass files directly in the inspector? If your typical workflow involves making design changes within DevTools only to return to your text editor for application, you know the pitfalls. It’s hard to remember what changes you actually made and if you’re not using LiveReload you’ll need to refresh the browser to see
About This is not Bootstrap killer, I just think Bootstrap is way too bloated. SkyBlue is a minimal framework that is meant to be starting point for my projects. Uses grid system with 12 columns. I made it for my own needs. Feel free to use it and abuse it, in both free and commercial products. SkyBlue is available on bower: bower install skyblue Framework is made in SASS and source is available o
使っている色の同色相でトーン違いの色を使うときわざわざ色を作るの面倒だなと思ったので、それを好きな色から作るSassの変数を作ってみました★ 色を選ぶときって皆さんはどうしているでしょうか。カラーチャートから選んだり、ピッカーで都度作る人もいると思います。 私はイメージにあったメインの色を選んだあとでそのトーン違いの色、色相違いの色という風に色の数値をずらすような感じで色を作ります。ですがそれをカラーピッカーでやるのは正確でなかったりしますし、数値を入力していくのもちょっと面倒です…。そこで、Sassの関数を使って数値を自動的に作り、さらにそれをそのまま使えれば良いなと思って作ってみましたー! デモ どんなものなのか、とりあえずデモです。 See the Pen [Demo] Sass Variables Color tone by You Sakai (@webcre8) on Code
Zero Configuration No servers to start. No browser plugins to install. Heck, you don't even need to have Sass installed. Auto Reload Whenever you save your Sass file, Sassquatch immediately updates the output. It's freaking fast. Editor Agnostic You spent countless hours customizing your editor, and we want you to take advantage of that.
When you’re working with SASS (or Compass, or Bourbon, etc), and you want a simple way to compile your code, you might try a solution like CodeKit or Hammer. If you don’t mind a bit of command line, you know that you can do a lot of the same thing with a simple command, something like: sass — watch sass/style.scss:style.cssor compass watchWhile these commands are easy (enough) to remember, sometim
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
Automated Enforcement Matters, and SCSS-Lint is Excellent(If you don’t really want to read, just look at SCSS-Lint and seriously consider using it.) There seems to be universal agreement that consistent, predictable code style is important, in any language (at least if more than one fallible human is working on the project for more than one week); and that thorough code styleguides, which enable t
There are a whole host of Sass mixin libraries out there: Bourbon is a personal favourite, Compass is hugely popular. But sometimes, actually always, it’s better to pick and mix your mixins to suit yourself. It’s never good to rely too heavily on a tool, and if you think Sass mixins begin and end with the @include statement then you should probably try writing out a few of your own. Sass mixins a
for web designers A set of basic grid mixins written in SASS, for use with Libsass, owing to Steve Hickey. Install You can download Brockmann, clone the repo or install it using Bower. bower install the-basic-brockmann Setup Include _grid.scss & _mixins.scss in your project, then declare these variables in a preceeding file: $max-width: 1360px; $column-width: 6.38298%; $gutter-width: 2.12766%; $ma
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く