분류 전체보기35 스프라이트이미지 사스(반응형일때) http://ofsilvers.hateblo.jp/entry/compass-sprite-mixins백그라운드이미지 믹스인http://stackoverflow.com/questions/5448044/sass-background-image-mixin #1. 핸들러 123456789101112131415@mixin icon ($imgpath) { display: inline-block; background-image: url($imgpath); background-repeat: no-repeat;} {{#sprites}}@mixin {{name}}($device-pixel-ratio: 1) { background-position: ({{px.offset_x}}/$device-pixel-ratio) ({{px... 2016. 10. 12. gulp.spritesmith 스프라이트이미지 https://bunlog.d-s-b.jp/optimize-gulpfile-for-gulp-spritesmith스프라이트 폴더별로 https://github.com/twolfson/gulp.spritesmith/issues/18걸프이미지호버했을때 스프라이트이미지 스프라이트 이미지 한개일때123456789101112131415 gulp.task('sprite', function() { var spriteData = gulp.src('./src/img/*.*') .pipe(spritesmith({ imgName: '_sprite.png', cssName: '_sprite.scss', algorithm: 'top-down', padding:10, cssTemplate: 'sprite.css.handlebars.. 2016. 9. 28. 사스로 벤더프리픽스 // config.sass.src = 'theme/assets/src/scss/**/*.{scss,sass}' // config.sass.dest = 'theme/assets/css/" gulp.task('styles', ['clean:styles'], function () { // Prevent reading sourcemaps to autoprefix them or make sourcemaps of sourcemaps var filter = gulpFilter(['*.css', '!*.map']); return gulp.src(config.sass.src) .pipe(plumber()) .pipe(sourcemaps.init()) .pipe(sass({ errLogToConsole: true })) .. 2016. 9. 26. 워드프레스 콘텐츠 https://codex.wordpress.org/Function_Reference/레퍼런스 1.워드프레스플러그인advanced custom fieldshttp://gravity.or.kr/220684663966 사용방법http://www.thewordcracker.com/intermediate/how-to-add-movie-review-post-type-to-wordpress/ Custom Post Type UI 위치 1.C:\Bitnami\wampstack-5.6.24-0\apache2\htdocs\wp_test1\wp-content\themes\twentyfifteen-child\content.php => content-movies.php2.wp_test1\wp-content\themes\twent.. 2016. 9. 24. 미디어쿼리를 사용한 사스 mobile, tablet, web, desktop...모바일 태블랫 이런식으로 변수명을 정하는것 보다모바일과 태블랫의 크기가 다양한 사이즈로 나오기때문에 사이즈로 알아볼수 있게 변수명을 정하는것이 좋다. 참고url : https://sass-guidelin.es/ko/#section-56 12345$breakpoints: ( 'small': (min-width: 800px), 'medium': (min-width: 1000px), 'large': (min-width: 1200px),);cs 참고 url : https://paulund.co.uk/media-query-sass-mixin https://www.sitepoint.com/managing-responsive-breakpoints-sass/브레이.. 2016. 9. 18. 이전 1 ··· 3 4 5 6 다음
