2014年ぼくのWordPressさいきょう高速開発ツール
2014年はじめから、不運続きで今日に至っては雪のせいでバスは直行だわジャンプも買えないだわで悲しい1日でした。全部雪のせいだ。言ってみたかっただけです。 常々考えているのが、どうやったらこの不運をはねのけられるほどの力、ようするにさいきょうになれるかなのですが、ぼくの中で結構固まってきたのでアウトプットします。（小野さんのパクリです） 流れ 簡単な流れとしては、 デザイン→フロントエンド→バックエンド（デプロイ） デザインは高速開発から除外で。 フロントエンド編 BEM HTML、CSSおよびPSDはもうコレがないと運用ができない体質になってしまいました。冗長だけど管理が楽。 headerにあるヘッダーナビの場合、名前付けは私の場合こんな感じ header→header__nav→header__nav--list あってるのかはわかりません。。。 Sass Stylusを使っていたんだ
コーダー必見、SCSS・Compassで開発効率アップ｜Retina Display対応CSS Sprite編 | DevelopersIO
コーダー必見、SCSS・Compassで開発効率アップ｜Retina Display対応CSS Sprite編 はじめに 特に寒い今日この頃ですが読者の皆様は元気にお過ごしでしょうか？ 2月のリア充イベントといえばバレンタインですね（企業戦略）。バレンタイン用のチョコを販売するお店も増えてきました。 弊社は秋葉原という立地ですが意外なことに既婚者が多いので「リア充爆発しろ」と嘆く男性は少数のようです。 ちなみにビターチョコが好きです。 本題 今回は少し前に執筆した「コーダー必見、SCSS・Compassで開発効率アップ｜便利なCSS Sprite実装編」を発展させてSCSS・CompassでRetina Displayに対応する方法を紹介します。 事前に必要な知識 この記事では、以下の事前知識が必要になります。 記事中でも解説を挟みますが、詳しくは解説で案内しているページを参考にしてくださ
SassとCompassでSprite画像を作る
やっべぇ、これ便利！って思ったので即共有！これまでSprite画像作る時って皆さんはどうしてましたか？僕はCSS Sprite Generatorというサイトを使って画像を生成していました！ しかし、さっき見てた記事でなんと、Compassを使ってSprite画像を生成する方法が紹介されていて、今さっき試したら結構ツボにハマったので、まずはこの興奮のまま皆さんともシェアさせて貰えれば嬉しいです！ 参考にさせて頂いた記事は以下なんですが、結構詳しくCompassで作るCSS Sprite画像の作り方が紹介されています。まずは僕も試してみた簡単な概要部分をちょっとご紹介させて頂きましょう！SassとCompassの基本的な使い方はググって頂ければ嬉しいです＞＜ How to automatically generate CSS sprites with Sass and Compass | C
How to automatically generate CSS sprites with Sass and Compass | Code Chewing
In this tutorial you will learn how to create CSS sprites automatically, using Sass and Compass! No more going back and forth into Photoshop and figuring out the position of each image, then adjusting your stylesheet manually. This tutorial is aimed at Windows users, but the principles are all the same. For this tutorial, I’ll presume you have Sass and Compass running inside your website developme
GitHub - mirisuzanne/compass-animation: css3 animation plugin for compass
This plugin is mainly for adding animations to older versions of Compass. The latset version of Compass has this code merged in, so there's no need for this plugin. We're not updating it anymore. If you are looking for Dan Eden's Animate.css ported to Compass, try the compass-animate plugin. Animation Compass Plugin First and foremost, this plugin gives you all the tools you need to write and appl
Sublime Text 2 で Sass/compass のコンパイルができるパッケージ 『Compass』 « shilog
この記事は Sublime Text 2 Advent Calendar 2012 とは関係なく書いております。 いや、Sublime Text 2 Advent Calendar 2012 で投稿されていた 一石三鳥!?SublimeText2とsass/SCSS(compass)+SFTPで作業効率化する方法。 という記事を読んで、自分で試したことのメモなので少し関係あるかな。 記事書いてくれた @tomo_thumb さん、ありがとうございます m(_ _ )m ということで、Sublime Text 2 だけで Sass/Compass のコンパイルができるということで、黒い画面でコマンドゴニョゴニョしたり、いちいち Scout 立ち上げたりしなくてもよさそうなので、Sass/Compass の導入の敷居が少し下がりそうな感じですね。以下、Windows 環境での解説。 pack
Susy: Responsive grids for Compass
Susy was a responsive layout engine for Sass, before flexbox and CSS grid were available. Susy is now deprecated, and will not receive updates. If you need help moving off Susy, or learning the latest in web layout, we offer training and consulting to help bring you up-to-date. Contact us for details » Not everyone can play with the latest specs, and there will always be edge-cases that require ma
Wordless
Wordless is an opinionated WordPress plugin that dramatically speeds up and enhances your custom theme creation. Some of its features are: Features A structured, organized and clean theme organization Bootstrap a new theme directly within wp-cli Write PHP templates with Pug templating system Write CSS stylesheets using the awesome Sass syntax Out-of-the-box support to Stylelint configured for inde
博天堂手机网址_首页
01 多年振动筛设备制造经验 专注标准检验筛，食品振动筛，化工振动筛，粉末振动筛，振动料斗等设备研发制造。 02 强大的研发团队 专业的振动筛开发工程师，精心设计，确保每一款产品都与众不同。 03 规模大、产能高 公司自有1500平厂房、50多名员工,流水线模具生产，年产能达上百台。 04 快速生产 专业模具流水线作业，模块化生产，确保批量产品的快速加工。 05 知名企业首选合作伙伴 世界500强国家等知名企业的合作伙伴。 06 量身定制 我们还能根据客户所属需求，为您定制专属的振动筛解决方案。 新乡市博天堂手机网址专业振动机械有限公司（原新乡市专业振动机械厂）是生产振动筛分设备的专业企业，公司坐落于新乡市北环寺庄顶工业区，滨临京广铁路、107国道，距省会郑州70Km，地理位置优越，交通、通讯设施便利。是一家集振动设备、振动源研发、生产、销售、服务于一体的现代化企业。 公司拥有丰富的振动筛
GitHub - jayroh/html5_boilerplate_wordpress: This project is no longer maintained.
Yet another HTML5 Boilerplate Wordpress theme - with a twist This is a very stripped down wordpress theme that hopes to fill in a niche that, from our experience, hasn't been fully realized. If we're going to future-proof our wordpress themes with HTML5 and CSS3 let's not stop at just integrating Paul Irish and Divya Manian's Boilerplate or marking up with all the new HTML5 tags, let's use somethi
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - aaronrussell/compass-rgbapng: Compass plugin for providing cross-browser compatible RGBA support by creating transparent PNGs on the fly for browsers that don't support RGBA. Uses the pure Ruby ChunkyPNG library for hassle free install and deploy
GitHub - jhardy/Sassy-Buttons
GitHub - welaika/wordless: All the power of Pug, Sass, Coffeescript and WebPack in your WordPress theme. Stop writing themes like it's 1998.
GitHub - adamstac/sinatra-bootstrap: A simple Sinatra starting point
Sinatra Integration
GitHub - vwall/compass-twitter-bootstrap: The twitter bootstrap ported to compass
Web Design Tips To Help You Succeed - Web Design
Sass compass
GitHub - sporkd/compass-html5-boilerplate: Compass version of the Html5 Boilerplate project by Paul Irish
Scout-App - Site has moved