Sass and Compass for Designers. If you know HTML and CSS, then you can have all the power of Sass and Compass at your disposal. This step-by-step guide will take you through the time-saving features that makes it so much easier to create cross-browser CSS Ben Frain

(ebook) (audiobook) (audiobook)

Promocja Przejdź

Sass and Compass for Designers. If you know HTML and CSS, then you can have all the power of Sass and Compass at your disposal. This step-by-step guide will take you through the time-saving features that makes it so much easier to create cross-browser CSS Ben Frain - okladka książki

Autor:: Ben Frain
Wydawnictwo:: Packt Publishing (Z chęcią przeczytam książkę w języku polskim)
Ocena:: Bądź pierwszym, który oceni tę książkę
Stron:: 274
Dostępne formaty::      PDF

     ePub

     Mobi

Ebook

125,10 zł ~~139,00 zł~~ (-10%)

125,10 zł najniższa cena z 30 dni

Dodaj do koszyka Dostępny natychmiast po opłaceniu zakupu lub Kup na prezent Kup 1-kliknięciem

Przenieś na półkę

Do przechowalni

Kup polskie wydanie:

Sass i Compass. Praktyczny przewodnik dla projektantów

Ben Frain

książka
ebook

Niedostępna

Projektuj pięknie i wygodnie — Sass i Compass do Twoich usług! Instalowanie Sass i Compass oraz konfigurowanie projektów, czyli od czego zacząć naukę Kolory, siatki i responsywność, czyli jak zapewnić stronie dobry wygląd na każdym urządzeniu Automatyzacja pisania kodu CSS, czyli jak działać szybko i eliminować zbędne czynności Kaskadowe arkusze stylów są dziś wykorzystywane przez wszystkich projektantów stron internetowych na całym świecie. Jest to bard...

Kup w zestawie z dodatkowym rabatem

Responsive Web Design with HTML5 and CSS. Build future-proof responsive websites using the latest HTML5 and CSS techniques - Fourth Edition Ben Frain

Responsive Web Design with HTML5 and CSS. Build future-proof responsive websites using the latest HTML5 and CSS techniques - Fifth Edition Ben Frain

Cena zestawu: 399.25 zł

Oszczędzasz: 77,75 zł (16%)

Dodaj do koszyka

Opis książki : Sass and Compass for Designers. If you know HTML and CSS, then you can have all the power of Sass and Compass at your disposal. This step-by-step guide will take you through the time-saving features that makes it so much easier to create cross-browser CSS

A step-by-step tutorial guide, taking you through how to build a responsive Sass and Compass powered website. If you understand HTML and CSS, this book is all you need to take your code to the next level with Sass and Compass. No prior understanding of CSS preprocessors or programming conventions is needed.

Wybrane bestsellery

O autorze książki

Ben Frain — projektant stron internetowych, starszy programista frontendowy w firmie Bet365. Kiedyś był niedocenionym (i skromnym) aktorem telewizyjnym. Napisał też cztery równie niedocenione (jego zdaniem) scenariusze i wciąż żywi (słabnącą) nadzieję, że w końcu uda mu się sprzedać choćby jeden z nich. W oczekiwaniu na ten piękny dzień pisze książki o tajnikach projektowania stron WWW.

Ben Frain - pozostałe książki

Ebooka "Sass and Compass for Designers. If you know HTML and CSS, then you can have all the power of Sass and Compass at your disposal. This step-by-step guide will take you through the time-saving features that makes it so much easier to create cross-browser CSS" przeczytasz na:

czytnikach Inkbook, Kindle, Pocketbook, Onyx Booxs i innych
systemach Windows, MacOS i innych

systemach Windows, Android, iOS, HarmonyOS
na dowolnych urządzeniach i aplikacjach obsługujących formaty: PDF, EPub, Mobi

Masz pytania? Zajrzyj do zakładki Pomoc »

Oceny i opinie klientów: Sass and Compass for Designers. If you know HTML and CSS, then you can have all the power of Sass and Compass at your disposal. This step-by-step guide will take you through the time-saving features that makes it so much easier to create cross-browser CSS Ben Frain

(0)

Szczegóły książki

Tytuł oryginału:: Sass and Compass for Designers. If you know HTML and CSS, then you can have all the power of Sass and Compass at your disposal. This step-by-step guide will take you through the time-saving features that makes it so much easier to create cross-browser CSS.
ISBN Ebooka:: 978-18-496-9455-1, 9781849694551
Data wydania ebooka :: 2013-04-25 Data wydania ebooka często jest dniem wprowadzenia tytułu do sprzedaży i może nie być równoznaczna z datą wydania książki papierowej. Dodatkowe informacje możesz znaleźć w darmowym fragmencie. Jeśli masz wątpliwości skontaktuj się z nami sklep@helion.pl.
Język publikacji:: angielski
Rozmiar pliku Pdf:: 6.6MB
Rozmiar pliku ePub:: 13.7MB
Rozmiar pliku Mobi:: 18.7MB

Zgłoś erratę
Kategorie:
Technologie webowe

Dostępność produktu

Produkt nie został jeszcze oceniony pod kątem ułatwień dostępu lub nie podano żadnych informacji o ułatwieniach dostępu lub są one niewystarczające. Prawdopodobnie Wydawca/Dostawca jeszcze nie umożliwił dokonania walidacji produktu lub nie przekazał odpowiednich informacji na temat jego dostępności.

Spis treści książki

Sass and Compass for Designers
- Table of Contents
- Sass and Compass for Designers
- Credits
- Foreword
  - Youre doing it wrong!
- About the Author
- About the Reviewers
- www.PacktPub.com
  - Support files, eBooks, discount offers and more
    - Why Subscribe?
    - Free Access for Packt account holders
- Preface
  - What this book covers
  - What you need for this book
  - Who this book is for
  - Conventions
  - Reader feedback
  - Customer support
    - Downloading the example code
    - Errata
    - Piracy
    - Questions
- 1. Getting Started with Sass and Compass
  - Why do we need CSS preprocessors?
    - If it ends up producing CSS, why not just write CSS?
  - Why you should use Sass and Compass
    - Use variables (only define a value once)
      - Understanding the syntax of variables
    - Automatic RGBA color values and conversions
    - Forget about vendor prefixes
    - Nesting rules
    - Media queries the simple way
    - Automatic compression of CSS for faster websites
  - What is Sass?
  - What is Compass?
  - Install Sass and Compass
    - Install package for OS X
  - Installing and working with Sass and Compass on the command line
    - Installing Ruby on Windows
    - Running a gem command
    - Mac OS X command line install
    - Windows command prompt install
    - Check which version of Sass and Compass you have
    - Check which versions of Sass and Compass are available
    - Installing the latest version of Sass and Compass (including prerelease versions)
    - Create a Sass and Compass project from the command line
    - Automatic compile to CSS from the Command Line
  - Graphical tools for working with Sass and Compass
    - Scout app
    - CodeKit
    - LiveReload
  - How to work with Sass files in text editors
  - Summary
- 2. Setting Up a Sass and Compass project
  - Setting up a Sass and Compass project
    - Creating Compass projects
      - Create a customized Compass project
      - Creating a bare Compass project
  - Understanding the config.rb file
    - Adding required plugins
    - Setting the names and paths for project assets
    - Setting the CSS output style
      - The nested output option
      - The compact output option
      - The compressed output option
      - Remove the comments, keep the style
      - Compress the CSS, keep the comments (loud comments)
      - Enable relative assets
  - Creating and using partial files
    - Sass provides maintainability and production ready code
    - Importing a partial file
    - The syntax for writing variables in Sass
  - Sass comment formats
    - Standard CSS comments
    - Sass single line comments
  - A basic index.html file
  - A base for future projects
  - Summary
- 3. Nesting, Extend, Placeholders, and Mixins
  - Styling a site with Sass and Compass
  - Separating layout from visuals
  - What nesting is and how it facilitates modules of code
    - Nesting syntax
      - The parent selector
      - Chaining selectors
    - Easy Modernizr styles with the parent selector
      - Make a partial file for fonts
      - Changing the font with Modernizr and the parent selector
      - Dangers of excessive nesting
      - Are ID selectors bad?
    - Nesting namespaces
  - Using the @extend directive to extend existing rules
  - Use placeholder selectors to extend styles only when needed
  - What mixins are and how we can use them to easily produce oft-needed code
    - Basic mixin syntax
    - How to write mixins with defaults
  - A cautionary note about generated CSS
  - Summary
- 4. Manipulate Color with Ease
  - Only define a color once
  - The lighten and darken functions
    - Understanding HSL colors
    - Syntax for lighten and darken
  - Markup amendments and diversions
    - The Compass clearfix
  - Back to colors
    - Mixins within mixins? What is this new devilry?
  - The complement (and invert) functions
  - The invert function
  - The adjust-hue function
  - The saturate and desaturate functions
  - The transparentize/fade-out functions
  - The opacify/fade-in functions
  - The grayscale function
  - The rgba function
  - The mix function
  - The adjust-color function
  - The scale-color function
  - The shade and tint functions
  - Putting it all together
  - Summary
- 5. Responsive and Flexible Grids with Sass and Compass
  - Arguments against grids
  - Reasons to use a grid system
  - What is Susy?
    - What does Susy actually do?
  - Installing the Susy Compass plugin
  - Including Susy in a project
    - Susy project variables
  - Setting up a Susy grid
  - Defining a context for the grid
    - Showing the grid background
    - Setting Susy to border-box
  - Making a mobile first responsive grid
  - Making breakpoints with Susy
  - Creating an entirely fluid grid
  - Creating a static fixed grid
  - Using Susy grid helpers
    - Prefix, Suffix, and Pad
    - Prefix
    - Suffix
    - Pad
  - Pre, Post, Squish, Push, and Pull
    - Pre
    - Post
    - Squish
    - Push and Pull
  - Grids within grids
    - nth-omega mixin
  - Sub-pixel rounding issues
    - Why sub-pixel rounding errors occur
    - Container relative positioning
    - Standard Susy syntax and output
      - The isolate-grid mixin
  - Summary
- 6. Advanced Media Queries with Sass and Mixins
  - Media queries in Sass
    - Using a media query partial to separate media query based styles
  - Inline media queries with Sass
  - Creating a mixin to easily handle media queries
    - Defining breakpoints as variables
  - How the MQ media query mixin works
  - Variations on a theme
  - Writing inline media queries
  - Gzip and CSS compression = victory!
  - Testing the real-world difference between inline and grouped media queries
  - Reviewing CSS code
  - Summary
- 7. Easy CSS3, Image Sprites, and More with Compass
  - Easy CSS3 with Compass's mixins
    - The text-shadow syntax
      - Text shadow with default values
  - The border-radius syntax
  - Multiple columns
    - Column rule syntax
    - The Box Shadow mixin
    - The box-shadow syntax
    - Multiple box-shadows
  - Background gradients
    - Background linear-gradient syntax
    - Background radial-gradient syntax
    - Combining background images and gradients
  - Adding background images with the Compass image-url helper
  - Image width and height helpers
    - The Compass cache buster
  - Compass image sprites
    - Additional sprite configuration options
      - Add the height and width to each generated HTML selector
      - Extra padding around the images
    - Layout options
  - Compass's text replacement mixins
    - The hide-text mixin
    - The squish-text mixin
    - Replace text with image dimensions
  - Creating data URIs from images
    - The inline-image syntax
  - Easy fallbacks for non-SVG capable devices
  - CSS transforms
  - CSS Filters
  - Transitions
  - Summary
- 8. Programmatic Logic with Sass
  - Math calculations with Sass
    - Addition
    - Subtraction
    - Multiplication
    - Division
    - Calculations using variables
  - Control directives and how to use them
    - The @if and @else if control directives
    - @for loops
    - Understanding the counter variable
    - 'From to' and 'from through'
      - Understanding interpolation
    - @each loops
  - Stripping and adding units to values
    - Stripping the unit from a value
    - Adding a unit to a variable value
  - Writing functions in Sass
    - Equality operators
    - Relational operators
    - @return
    - Using the result of a function
  - Using the @debug directive
  - The @warn directive
  - Summary
- 9. Becoming a Sass and Compass Power User
  - Turning off Compass support for specific vendors
    - Configuration support variables
    - Opera is now WebKit based
  - Adding experimental support for bleeding edge CSS features
  - Defining experimental values
  - The Sass interactive shell
    - Compass interactive
  - Adding the Sass globbing plugin to import batches of partial files
  - Creating multiple separate style sheets
  - Converting partial files to standalone style sheets
  - Compass statistics
  - Clearing the Sass cache
  - One-off Compass compiles
  - Mission debrief
    - Fixing human errors
    - Catching common problems with a lint tool
  - Avoid conjecture with tools and testing
    - All hail the Chrome Developer Tools
      - Continuous page repainting
    - Finding unused styles
  - Parting shots
  - Summary
- Index