サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
●はてなブックマークって？
●アプリ・拡張の紹介
●ユーザー登録
●ログイン
●ログアウト
mzkzzz
id:mzkzzz
●
2,786
ブックマーク
●
-
お気に入り
●
-
お気に入られ
タグ
●すべて
●
(*´д｀*)
(100)
●
3D
(3)
●
AI(1)
●
API
(10)
●
Android
(4)
●
Animation
(78)
●
App
(37)
●
Art
(32)
●
BGM
(4)
●
Brackets
(5)
●
CSS3
(32)
●
CreateJS
(1)
●
DB(1)
●
DIY
(1)
●
Dreamweaver
(1)
●
Excel
(1)
●
HTML
(7)
●
HTML5
(29)
●
Health
(1)
●
Jade
(5)
●
Laravel
(5)
●
LeapMotion
(1)
●
MongoDB
(1)
●
Ruby
(10)
●
SEO
(9)
●
SNS
(7)
●
TV(1)
●
Titanium
(1)
●
Twitter
(3)
●
UX(6)
●
WebGL
(2)
●
Webデザイン
(26)
●
Webマーケティング
(1)
●
Youtube
(1)
●
ajax
(4)
●
apache
(1)
●
canvas
(21)
●
chrome
(4)
●
color
(2)
●
cookie
(4)
●
cosme
(2)
●
css
(99)
●
design
(26)
●
diff
(1)
●
docker
(1)
●
document
(1)
●
editor
(5)
●
emmet
(4)
●
engineer
(1)
●
facebook
(5)
●
fashion
(1)
●
flash
(1)
●
font
(43)
●
free
(21)
●
frontend
(5)
●
girl
(14)
●
git
(19)
●
github
(1)
●
google
(3)
●
gulp
(9)
●
heroku
(2)
●
iOS
(10)
●
iPhone
(17)
●
icon
(7)
●
ie(12)
●
illustrator
(3)
●
javascript
(4)
●
js(117)
●
json
(2)
●
mac
(21)
●
mamp
(4)
●
memo
(4)
●
movie
(1)
●
music
(1)
●
naver
(20)
●
node.js
(2)
●
nuxt
(1)
●
pdf
(1)
●
perfume
(1)
●
photoshop
(9)
●
php
(3)
●
pjax
(1)
●
plugin
(4)
●
portfolio
(4)
●
rails
(4)
●
react
(3)
●
riot.js
(2)
●
sass
(23)
●
shop
(1)
●
styleguide
(2)
●
svg
(15)
●
testing
(1)
●
threejs
(1)
●
tips
(88)
●
tool
(12)
●
travel
(2)
●
ui(15)
●
video
(1)
●
vue
(13)
●
web
(33)
●
web-Design
(184)
●
web-jQuery
(102)
●
webfont
(1)
●
webアプリ
(2)
●
webサービス
(65)
●
webフォント
(4)
●
web制作
(369)
●
wordpress
(2)
●
あとで
(45)
●
あとでみる
(4)
●
あとで読む
(44)
●
うさぎ
(8)
●
おやつ
(29)
●
お土産
(2)
●
お弁当
(1)
●
お役だち
(3)
●
お役立ち
(89)
●
お菓子
(49)
●
かわいい
(157)
●
こども
(2)
●
ねこ
(18)
●
ほしい
(27)
●
まとめ
(137)
●
よみもの
(210)
●
アイコン
(4)
●
アクセサリー
(1)
●
アニメーション
(2)
●
アプリ
(5)
●
アート
(1)
●
イラスト
(11)
●
インテリア
(11)
●
エンジニア
(53)
●
オンラインショップ
(2)
●
オンラインストレージ
(1)
●
カフェ
(60)
●
カメラ
(12)
●
カレー
(3)
●
ガイドライン
(11)
●
キャッシュ
(1)
●
クッキー
(1)
●
クラウド
(1)
●
クリープハイプ
(6)
●
グルメ
(29)
●
グルメオムライス
(1)
●
ケーキ
(11)
●
ゲーム
(46)
●
コスメ
(1)
●
コンポーネント
(1)
●
コーディング
(128)
●
サンドイッチ
(3)
●
サーバ
(2)
●
ジェネレータ
(2)
●
ジェネレーター
(4)
●
ジェンダー
(2)
●
スイーツ
(87)
●
スタバ
(1)
●
スマートフォン
(15)
●
スライダー
(2)
●
スライド
(1)
●
セキュリティ
(8)
●
チェコ
(3)
●
チートシート
(1)
●
ツール
(14)
●
テスト
(1)
●
テレビ
(2)
●
デザイン
(117)
●
トースト
(4)
●
ドリンク
(2)
●
ドーナツ
(1)
●
ネタ
(112)
●
ハンバーガー
(1)
●
バグ
(1)
●
バーチャルホスト
(1)
●
パスタ
(4)
●
パララックス
(15)
●
パン
(17)
●
パンケーキ
(18)
●
ファッション
(49)
●
フォント
(10)
●
フリーフォント
(1)
●
フレームワーク
(11)
●
ブラウザ
(9)
●
プラグイン
(57)
●
プレゼン
(3)
●
プログラミング
(8)
●
プロモーション
(5)
●
ペンギン
(8)
●
ポップ
(3)
●
ポートフォリオ
(2)
●
マネジメント
(1)
●
マンガ
(2)
●
マーケティング
(8)
●
メイク
(1)
●
メディア
(2)
●
モーダル
(2)
●
ユーザビリティ
(5)
●
ライブラリ
(13)
●
ラッピング
(1)
●
ランチ
(15)
●
リス
(3)
●
レシピ
(332)
●
レスポンシブ
(19)
●
ローカル
(1)
●
不動産
(1)
●
中目黒
(1)
●
京都
(16)
●
人物
(1)
●
人生
(29)
●
仕事
(112)
●
代官山
(2)
●
作家
(2)
●
便利
(8)
●
写真
(94)
●
制作会社
(14)
●
動物
(36)
●
動画
(12)
●
印刷
(2)
●
参考
(47)
●
和
(1)
●
哲学
(2)
●
増田
(1)
●
増田文学
(2)
●
大阪
(4)
●
学習
(5)
●
宗教
(4)
●
宿
(4)
●
小説
(7)
●
工作
(8)
●
広告
(35)
●
建築
(1)
●
心理
(34)
●
心理学
(1)
●
恋愛
(52)
●
掃除
(5)
●
政治
(3)
●
数学
(1)
●
文具
(12)
●
文化
(5)
●
文字
(7)
●
文学
(4)
●
文房具
(3)
●
文章
(15)
●
料理
(42)
●
新宿
(16)
●
旅
(1)
●
旅行
(87)
●
日本語
(2)
●
映画
(38)
●
暮らし
(54)
●
本
(14)
●
東京
(59)
●
機械学習
(1)
●
欲しい
(36)
●
歴史
(21)
●
海外
(39)
●
渋谷
(16)
●
温泉
(1)
●
漫画
(11)
●
片付け
(2)
●
犬
(1)
●
猫
(2)
●
生活
(4)
●
生物
(1)
●
画像
(18)
●
画像加工
(3)
●
社会
(1)
●
科学
(2)
●
紅茶
(1)
●
素材
(14)
●
美容
(10)
●
肉
(2)
●
腕時計
(1)
●
色
(6)
●
英語
(2)
●
行きたい
(305)
●
言葉
(58)
●
設定
(8)
●
設計
(1)
●
資料
(1)
●
車
(1)
●
銀座
(10)
●
長崎
(1)
●
開発
(59)
●
雑貨
(28)
●
電話
(1)
●
靴
(1)
●
音楽
(13)
●
食
(356)
●
高速化
(12)
●
web制作
(369)
●
食
(356)
●
レシピ
(332)
●
行きたい
(305)
●
よみもの
(210)
●
web-Design
(184)
●
かわいい
(157)
●
まとめ
(137)
●
コーディング
(128)
●
js(117)
関連タグで絞り込む (22)
●
Animation
●
css
●
CSS3
●
font
●
gulp
●
icon
●
js
●
json
●
styleguide
●
tips
●
web
●
web-Design
●
webサービス
●
Web制作
●
web制作
●
あとで
●
お役立ち
●
かわいい
●
まとめ
●
コーディング
●
フレームワーク
●
レスポンシブ
タグの絞り込みを解除
sassに関するmzkzzzのブックマーク (23)
●
45 users
●
lukyvj.github.io
●テクノロジー
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
mzkzzz
2016/07/06
●sass
●css
●web
●
10 users
●
gist.github.com/kazu69
●テクノロジー
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
mzkzzz
2016/05/18
●json
●gulp
●sass
●js
●
1 user
●
stackoverflow.com
●テクノロジー
mzkzzz
2015/10/23
●sass
●フレームワーク
●gulp
●
1 user
●
qiita.com/redamoon
●テクノロジー
gulp-hologramを導入してみた gulpのtaskを書いていたので、スタイルガイドジェネレータを導入してみました。 たまたまCodeGridで﹁hologram︵ホログラム︶﹂というスタイルガイドジェネレータを紹介されていたので導入してみました。Hologram — Style Documentation Build Systemhologramは、Rubyで書かれたスタイルガイドジェネレータです。 CodeGridの記事でも書かれていましたが、若いオープンソースプロジェクトのためドキュメントが豊富ではない・気の利いたテンプレートが用意されているわけではないそうです。 今回、導入したテンプレートもCodeGridで作成されたテンプレート埋め込む形で対応しました。 のちほど、ソースを読んで自分でカスタマイズする予定です。 https://github.com/codegrid/
mzkzzz
2015/06/04
●gulp
●styleguide
●sass
●web制作
●
14 users
●
whiskers.nukos.kitchen
●テクノロジー
はじめに この記事はGulp.js︵全俺︶ Advent Calendar 2014です。 前回のこれからはじめるGulp︵24︶‥gulp.spritesmithプラグインでSpriteイメージを作るでSpriteイメージを作りました。今回はgulp-hologramプラグインとスタイルガイドジェネレータのHologramを使ってスタイルガイドを作ってみたいと思います。HologramについてHologramはRuby環境で動くスタイルガイドジェネレータです。Hologramは独自のテンプレートを使ってスタイルガイドをカスタマイズすることができます。スタイルガイドジェネレータには他にもStyleDoccoやKnyle Style Sheetsがあります。 Ruby環境の準備Gemfileにgem "hologram"を追記して$ bundle installを済ませます。 sour
![[Gulp][Sketch 3][hologram][SCSS][CSS]これからはじめるGulp（25）：Hologramとgulp-hologramでスタイルガイドを作る](https://cdn-ak-scissors.b.st-hatena.com/image/square/28ce70a4ba19573c729e61a380304d78f3fccffd/height=288;version=1;width=512/http%3A%2F%2Fwhiskers.nukos.kitchen%2Fassets%2Fimages%2Fogp.png)
mzkzzz
2015/06/04
●sass
●gulp
●styleguide
●web制作
●コーディング
●
46 users
●
sebastianpontow.de
●テクノロジー
When overwriting colors, should alpha-values be kept ?
mzkzzz
2015/02/12
●css
●sass
●webサービス
●お役立ち
●コーディング
●
33 users
●
qiita.com
●学び
mzkzzz
2015/01/13
●sass
●css
●tips
●web制作
●コーディング
●
40 users
●
isee-web.net
●暮らし
gulp-autoprefixerよりも高機能なgulp-pleeeaseの紹介。いろいろやってくれるとても良いやつ。gulp-autoprefixerはもう古いかも?css3を使ってスタイルを記述する際にベンダープレフィックスを自動で付けてくれるgulp-autoprefixer。とても便利ですよね。 しかし、gulp-autoprefixerよりも高機能でいい感じなのが、pleeeaseです。pleeeaseはベンダープレフィックスを付けてくれるだけでなく、cssのminifier(圧縮)、mqpacker(メディアクエリをまとめる)、remのpx変換などをいっぺんに処理してくれます。 gulpで簡単に使うことができるので、早速導入してみましょう。 gulpって??という方→GulpでSassのコンパイルとlivereloadをやってみる gulp-pleeeaseのインストール
mzkzzz
2014/11/10
●sass
●css
●
31 users
●
isee-web.net
●学び
Gruntと同じくタスクランナーのGulp。Gruntよりもビルドファイルが読みやすく、スピードも軽快な気がします。GulpとGrunt Gruntに関しては前回の記事で(タスクランナーGrunt導入メモ)導入方法と簡単な使い方を紹介しましたが、今回はGruntと同じタスクランナーのGulpでSassのコンパイルとブラウザを自動で更新するlivereloadを使ってみたいと思います。 Gulpのいいところ Gruntと大きく違う部分は以下になります。 ・Gruntよりもビルドファイルの可読性が良く、短いコードで済む ・なるべくタスクを並列で実行しようとするので、スピードが早い Gruntもとても優秀ですが、GulpはGruntの良い部分を引き継ぎ、短所を改善したツールだそうです。そのためビルドファイルの書き方や導入方法はGruntと似ているので、Gruntを使ったことのある人は、使いや
mzkzzz
2014/11/07
●js
●sass
●web制作
●コーディング
●tips
●
1 user
●
webdelog.info
●テクノロジー
mzkzzz
2014/08/29
●CSS3
●sass
●web制作
●コーディング
●
9 users
●
codepen.io
●おもしろ
Gelatin over button effect with Sass....
mzkzzz
2014/05/21
●sass
●css
●かわいい
●Animation
●
19 users
●
www.culture27.com
●テクノロジー
culture27.com 2023 著作権. 不許複製 プライバシーポリシー
mzkzzz
2014/05/08
●sass
●css
●web制作
●コーディング
●
49 users
●
cssnite.jp
●テクノロジー
2014年2月15日、ベルサール九段 イベントホールで開催したCSSNite LP, Disk 32: Sassのフォローアップを公開します。 ︵1︶谷 拓樹さん︵サイバーエージェント ︶ ︵2︶柴田 大樹さん︵unCopi︶ ︵3︶黒野 明子さん︵crema design︶ ︵4︶森田 壮さん︵Sou-Lab︶ ︵5︶坂巻 翔大郎さん︵ピクセルグリッド︶、山田 敬美さん︵ピクセルグリッド︶ ︵6︶木村 哲朗さん︵まぼろし︶、西畑 一馬さん︵まぼろし︶ ︵7︶富田 梓さん︵LINE︶ ︵8︶高津戸 壮さん︵ピクセルグリッド ︶ 出演者のひとり、森田 壮さんの執筆された﹃Web制作者のためのSassの教科書﹄もオススメします。 Web制作者のためのSassの教科書 - 公式サポートサイト 追記‥ 各セッションの音声を追加しました。 ベストセッション20192019年、CSSNiteでは4
mzkzzz
2014/05/08
●sass
●web制作
●コーディング
●まとめ
●
82 users
●
refills.bourbon.io
●テクノロジー
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tincidunt pellentesque lorem, id suscipit dolor rutrum id. Morbi facilisis porta volutpat. Fusce adipiscing, mauris quis congue tincidunt, sapien purus suscipit odio, quis dictum odio tortor in sem. Ut sit amet libero nec orci mattis fringilla. Praesent eu ipsum in sapien tincidunt molestie sed ut magna. Nam accumsan dui at orci rhoncus
mzkzzz
2014/03/31
●sass
●css
●フレームワーク
●
82 users
●
liginc.co.jp
●テクノロジー
お疲れさまです、ももこです。 先日発売されたGE2のプレイ時間を確保する為に、作業の時短は重要な任務です。 今回はSassでアイコンフォントを手軽に使える方法をご紹介します！ アイコンフォントを使ってみたいけど導入方法が難しそう…という方にオススメです。 アイコンフォントの用意をする まずはアイコンフォントを用意します。 過去記事にアイコンフォントの紹介がありますので、宜しければご参考ください。 ﹁Retinaでもボケない﹁シンボルアイコン﹂を使いこなそう！﹂ ﹁無料で出来る！オリジナルアイコンフォントを作ってみよう﹂ 今回は﹁Fontello﹂から可愛いアイコンフォントをダウンロードしました。 cssフォルダと同階層に﹁fonts﹂フォルダを作り、その中にフォントデータを入れてください。 アイコンフォントの読み込み 早速Sassにフォントを読み込ませます。 LIGブログでたびたび登場する
mzkzzz
2014/03/19
●sass
●css
●web-Design
●font
●icon
●
22 users
●
kanapple.net
●テクノロジー
KANAPPLE.NETavailable for sale For instantly purchase. Please contact us to get this domain.
mzkzzz
2014/03/18
●sass
●css
●web制作
●コーディング
●
149 users
●
12px.com
●テクノロジー
cssで破線を使おうと思ったらdottedとdashedの2種類しか用意されていないので、それ以外の間隔の破線を使用したい場合にはあらかじめ白黒のgif画像を用意して、背景に繰り返して使用する事が多いです。 しかしCSS3のlinear-gradientを使用すれば任意の間隔の破線を描画する事が可能です。 CSS3を使用するので対応ブラウザがちょっと狭くなりますが 1 2 、画像を用意するのとくらべて線分や間隔の調整も容易になりますし、Retinaディスプレイにも対応する事を考えたら︵奇数の破線を使用する場合など︶2種類の画像を用意する手間が省けますのでCSSで描画する方が楽チンです。 手順やり方は下記の4つの指定をすれば良いだけです。 破線の部分はbackground-imageを使用して背景画像として描画します縞模様はlinear-gradientを使用してグラデーションの濃淡で表現し
mzkzzz
2014/02/28
●sass
●css
●CSS3
●web制作
●コーディング
●
14 users
●
zerosixthree.se
●テクノロジー
At their core, Sass mixins are blocks of code that you define once and can then re-use anywhere, if you are familiar with any programming language you can think of them as functions. A mixin can take multiple parameters and make calls to functions to in the end output CSS, and they are super useful when you want really clean and DRY code. Some of the mixins below are already included in the Compas
mzkzzz
2014/02/19
●sass
●お役立ち
●Web制作
●コーディング
●
453 users
●
sass-lang.com
●テクノロジー
Sass is the most mature, stable, and powerful professional grade CSS extension language in the world. CSS Compatible Sass is completely compatible with all versions of CSS. We take this compatibility seriously, so that you can seamlessly use any availableCSS libraries. Feature Rich Sass boasts more features and abilities than any other CSS extension language out there. The Sass Core Team has work
mzkzzz
2013/12/26
●sass
●web制作
●
12 users
●
bjork24.github.io
●テクノロジー
Unifying named breakpoints acrossCSS, JS, and HTML What is Unison.js Unison.js is a small plugin (1.2kb minified) that allows you to declare named breakpoints in one place and automatically sync themacross your javascript and markup. When all of your front-end technologies share breakpoint information, complex responsive tasks such as conditional loading and image swapping become much simpler an
mzkzzz
2013/12/25
●レスポンシブ
●sass
●Web制作
●js
1
2
次のページ
お知らせ
ランキング
今週のはてなブックマーク数ランキング︵2024年7月第2週︶
お知らせ
はてなブックマーク透明性レポート︵2024年2月-2024年4月︶
ランキング
今週のはてなブックマーク数ランキング︵2024年7月第1週︶
もっと読む
公式Twitter
●@HatenaBookmark
リリース、障害情報などのサービスのお知らせ
●@hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
●総合
●一般
●世の中
●政治と経済
●暮らし
●学び
●テクノロジー
●エンタメ
●アニメとゲーム
●おもしろ
●アプリ・拡張機能
●開発ブログ
●ヘルプ
●お問い合わせ
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●公式アカウント
●ホットエントリー
●はてなブログ
●はてなブログPro
●人力検索はてな
●はてなブログ タグ
●はてなニュース
●ソレドコ
Copyright © 2005-2024 Hatena. All Rights Reserved.
設定を変更しましたx
Family.scss
JSONを使ってSassとJavaScriptで設定値を共有する方法
Compiling SASS and SUSY with GULP
gulp-hologramを導入メモ - Qiita
[Gulp][Sketch 3][hologram][SCSS][CSS]これからはじめるGulp︵25︶‥Hologramとgulp-hologramでスタイルガイドを作る
css2scss - from css to scss
https://qiita.com/debiru/items/28d54b5c1e295d880cd3
» gulp-autoprefixerよりもいい感じ。gulp-pleeeaseを使ってcssを処理しよう | isee ウェブに関するブログ
» GulpでSassのコンパイルとlivereloadをやってみる | isee ウェブに関するブログ
CodePen の Sass で random 関数が使えるようになった - WebDelog
Effect of gelatin on the button with sass
culture27.com
CSS Nite LP32﹁Sass﹂のフォローアップを公開します｜CSS Nite公式サイト
Refills - Patterns
Sassを使って時間短縮！アイコンフォントを手軽に使える方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
kanapple.net - KANAPPLE.NET
画像を使わずCSSだけで任意の間隔の破線を描く | 12px.com
Z63 | 8 Sass mixins you must have in your toolbox
Sass: Syntactically Awesome Style Sheets
Unison.js