DOCSLIB.ORG

Converting Our Demo to Postcss

Total Page：16

File Type：pdf, Size：1020Kb

Download full-text PDF Read full-text
Converting Our Demo to Postcss www.allitebooks.com Mastering PostCSS for Web Design Explore the power of PostCSS to write highly performing, modular, and modern CSS code for your web pages Alex Libby BIRMINGHAM - MUMBAI www.allitebooks.com Mastering PostCSS for Web Design Copyright © 2016 Packt Publishing All rights reserved. No part of this book may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written permission of the publisher, except in the case of brief quotations embedded in critical articles or reviews. Every effort has been made in the preparation of this book to ensure the accuracy of the information presented. However, the information contained in this book is sold without warranty, either express or implied. Neither the author, nor Packt Publishing, and its dealers and distributors will be held liable for any damages caused or alleged to be caused directly or indirectly by this book. Packt Publishing has endeavored to provide trademark information about all of the companies and products mentioned in this book by the appropriate use of capitals. However, Packt Publishing cannot guarantee the accuracy of this information. First published: June 2016 Production reference: 1240616 Published by Packt Publishing Ltd. Livery Place 35 Livery Street Birmingham B3 2PB, UK. ISBN 978-1-78588-589-1 www.packtpub.com www.allitebooks.com Credits Author Project Coordinator Alex Libby Sanchita Mandal Reviewer Proofreader Michael Ebbage Safis Editing Commissioning Editor Indexer Wilson D'souza Monica Ajmera Mehta Acquisition Editor Production Coordinator Larissa Pinto Manu Joseph Content Development Editor Cover Work Riddhi Tuljapurkar Manu Joseph Technical Editors Chinmay Puranik Jayesh Sonawane Copy Editor Safis Editing www.allitebooks.com About the Author Alex Libby's background is in IT support—he has been involved in supporting end users for almost 20 years in a variety of different environments; a recent change in role now sees Alex working as an MVT test developer for a global distributor based in the UK. Although Alex gets to play with different technologies in his day job, his first true love has always been the open source movement, and in particular, experimenting with CSS/CSS3, jQuery, and HTML5. To date, Alex has written 10 books on subjects such as jQuery, HTML5 video, SASS, and CSS for Packt and has reviewed several more—Mastering PostCSS Web Design is Alex's eleventh book for Packt. I would like to thank my family and friends for their support throughout the process and the reviewers for their valued comments; this book wouldn't be what it is without them! I would also particularly like to thank Andrey Sitnik for his work in producing PostCSS and being really helpful and patient in answering questions about some of its more complex parts. My grateful thanks also to Ernie Salazar from NPM, who helped with issues with publishing the plugins created for this book, and David Clark for his assistance with getting me back on track with the postcss-bem-linter plugin, also used in the book. Thank you all—I couldn't have finished the book without your help! www.allitebooks.com About the Reviewer Michael Ebbage is a software architect who specializes in e-commerce and Java technology-based web applications. He created his first web page almost two decades ago—since then, he's gone on to develop hundreds of websites for some of the UK's biggest companies (many featuring on the FTSE 100 and 250), as the tools and techniques used to do so have continually changed and evolved. He has a background in software development and holds a BSc (Hons) in computing and information systems. He is also one of the top contributors to Stack Overflow, where you'll regularly find him answering questions on a wide range of web-related languages and technologies. I'd like to thank the author, Alex, for the opportunity to be involved with this book. It's been a great learning experience, and I now have a renewed admiration for the amount of knowledge and effort that goes into it. I would also like to thank my beloved wife and son for their patience and support during the time I spent working on reviewing it. www.allitebooks.com www.PacktPub.com eBooks, discount offers, and more Did you know that Packt offers eBook versions of every book published, with PDF and ePub files available? You can upgrade to the eBook version at www.PacktPub.com and as a print book customer, you are entitled to a discount on the eBook copy. Get in touch with us at [email protected] for more details. At www.PacktPub.com, you can also read a collection of free technical articles, sign up for a range of free newsletters and receive exclusive discounts and offers on Packt books and eBooks. TM https://www2.packtpub.com/books/subscription/packtlib Do you need instant solutions to your IT questions? PacktLib is Packt's online digital book library. Here, you can search, access, and read Packt's entire library of books. Why subscribe? • Fully searchable across every book published by Packt • Copy and paste, print, and bookmark content • On demand and accessible via a web browser www.allitebooks.com Table of Contents Preface ix Chapter 1: Introducing PostCSS 1 Discovering the art of processing 2 Introducing PostCSS 2 Exploring the benefits of using PostCSS 3 Considering some of the pitfalls 4 Clearing up some misconceptions 5 Preparing for exercises in this book 5 Setting up a development environment 6 Installing PostCSS 9 Creating a simple example using PostCSS 11 Adding source map support 12 Creating minified style sheets 14 Altering to compile automatically 16 Linting code using plugins 18 Exploring how PostCSS works 21 Making the move from SASS 22 Summary 23 Chapter 2: Creating Variables and Mixins 25 Introducing variables and mixins 25 Setting up SASS 26 Creating a hover effect example 28 Using Less CSS as an alternative 31 Transitioning to using PostCSS 31 Adding variable support to PostCSS 31 Updating our hover effect demo 32 Taking it a step further 35 Setting the order of plugins 37 [ i ] www.allitebooks.com Table of Contents Creating mixins with PostCSS 38 Updating our hover effect demo 39 Comparing PostCSS to standard processors 41 Looping content with PostCSS 44 Iterating through @each statements 45 Switching to using PostCSS 48 Summary 50 Chapter 3: Nesting Rules 51 Introducing nesting 51 Navigating through pages 53 Preparing our demo 54 Converting from existing processors 54 Transitioning to using PostCSS plugins 55 Converting our demo to PostCSS 57 Compiling our code 58 Exploring the pitfalls of nesting 59 Taking a better approach 62 Reconsidering our code 66 Updating our code 66 Making the switch to BEM 68 Creating simple message boxes 70 Compiling and linting our code 72 Installing BEM support 72 Exploring our changes in more detail 76 Fixing our errors 77 Summary 79 Chapter 4: Building Media Queries 81 Revisiting media queries 81 Exploring custom media queries in PostCSS 82 Beginning with plain CSS 84 Altering our demo to use PostCSS 85 Making images responsive 87 Making an image responsive with PostCSS 88 Implementing responsive capabilities to images 88 Adding support for retina images 91 Taking the next steps 92 Exploring other media possibilities 95 Adding responsive text support 96 Optimizing media queries 99 Retrofitting support for older browsers 100 [ ii ] www.allitebooks.com Table of Contents Moving away from responsive design 101 Taking things further with CSS4 102 Summary 103 Chapter 5: Managing Colors, Images, and Fonts 105 Adding color, fonts, and media to sites 106 Maintaining asset links 106 Automating links to assets 106 Managing fonts with PostCSS 109 Creating image sprites 111 Demo – creating a credit card icon bar 112 Working with SVG in PostCSS 115 Altering icon images using PostCSS 115 Exploring the results in more detail 116 Considering alternative options 118 Adding support for WebP images 119 Switching WebP images in and out 119 Viewing the differences in file sizes 120 Manipulating colors and color palettes 123 Displaying and mixing colors using palettes 124 Dissecting our demo in more detail 126 Creating color functions with PostCSS 127 Adjusting colors using functions 128 Dissecting our demo 129 Creating colors with PostCSS filters 130 Exploring our demo in more detail 132 Comparing with CSS3 filters 133 Adding Instagram effects to your images 134 Summary 136 Chapter 6: Creating Grids 139 Introducing grid design 139 Automating the compilation process 142 Adding support for Bourbon Neat 144 Creating an example with Bourbon Neat 145 Exploring our demo in more detail 147 Exploring the grid plugins in PostCSS 149 Transitioning to using PostCSS-Neat 150 Refining our task list 152 Testing our configuration 153 Creating a site using Neat and PostCSS 155 Making the change to PostCSS 157 [ iii ] www.allitebooks.com Table of Contents Adding responsive capabilities 159 Correcting the design 160 Summary 163 Chapter 7: Animating Elements 165 Revisiting basic animations 165 Moving away from jQuery 167 Animating content with Transit.js 168 Animating with plain JavaScript 170 Switching classes using jQuery 172 Making use of pre-built libraries 173 Dissecting the code for our demo 175 Switching to using SASS 176 Creating an animated gallery 178 Adding the finishing touches 181 Making the switch to PostCSS 184 Exploring plugin options within PostCSS 184 Updating code to use PostCSS 185 Testing our altered code 187 Creating a demo in PostCSS 188 Updating the plugin 189 Building our demo 190 Dissecting our demo in
Load more

Recommended publications
  • Ubuntu Kung Fu
    Prepared exclusively for Alison Tyler Download at Boykma.Com What readers are saying about Ubuntu Kung Fu Ubuntu Kung Fu is excellent. The tips are fun and the hope of discov- ering hidden gems makes it a worthwhile task. John Southern Former editor of Linux Magazine I enjoyed Ubuntu Kung Fu and learned some new things. I would rec- ommend this book—nice tips and a lot of fun to be had. Carthik Sharma Creator of the Ubuntu Blog (http://ubuntu.wordpress.com) Wow! There are some great tips here! I have used Ubuntu since April 2005, starting with version 5.04. I found much in this book to inspire me and to teach me, and it answered lingering questions I didn’t know I had. The book is a good resource that I will gladly recommend to both newcomers and veteran users. Matthew Helmke Administrator, Ubuntu Forums Ubuntu Kung Fu is a fantastic compendium of useful, uncommon Ubuntu knowledge. Eric Hewitt Consultant, LiveLogic, LLC Prepared exclusively for Alison Tyler Download at Boykma.Com Ubuntu Kung Fu Tips, Tricks, Hints, and Hacks Keir Thomas The Pragmatic Bookshelf Raleigh, North Carolina Dallas, Texas Prepared exclusively for Alison Tyler Download at Boykma.Com Many of the designations used by manufacturers and sellers to distinguish their prod- ucts are claimed as trademarks. Where those designations appear in this book, and The Pragmatic Programmers, LLC was aware of a trademark claim, the designations have been printed in initial capital letters or in all capitals. The Pragmatic Starter Kit, The Pragmatic Programmer, Pragmatic Programming, Pragmatic Bookshelf and the linking g device are trademarks of The Pragmatic Programmers, LLC.
    [Show full text]
  • Paul M. Graffam Email: [email protected] ● Website: Paulgraffix.Com ​ ​ ​ ​ ​ ​ ​
    Paul Graffam Resume Paul M. Graffam Email: [email protected] ● Website: paulgraffix.com ​ ​ ​ ​ ​ ​ ​ Professional Profile ● 7+ years of work experience in programming and 4 years in agency. ● Ability to work collaboratively with colleagues across disciplines. Enthusiastic, ​ positive attitude and self-starter. ● Eager to meet challenges and quickly assimilate newest technologies, skills, concepts, and ideas. ● Self-motivated and detail orientated with strong ability to multitask. ● Superior computer skills. Proficiency with many applications as well as hand coding with a variety of IDEs. Highly capable with either PC or Mac. ● Creative troubleshooter/problem-solver who works hard and loves a challenge. ● Bilingual: fluent in both English and Spanish. Skills Front End Back End Other ● XHTML & HTML5 ● PHP ● Windows ​ ​ ​ ● CSS3 & CSS4 (postCSS) ● Python ● Mac ​ ​ ​ ● Javascript (ES5 & ES6) ● Ruby & Rails/ERB ● Linux ​ ​ ​ ● jQuery ● VB/C# .NET ● Adobe CS ​ ​ ​ ● LESS/SASS/Stylus ● SQL/NoSQL (mongoDB) ● Visual Studio ​ ​ ​ ● Grunt/Gulp/Browserify ● XML & XSL ● Sublime Text/Atom ​ ​ ​ ● Webpack ● Apache/Google App Engine ● WebStorm ​ ​ ​ ● React/Angular/Backbone ● Heroku/Firebase/Azure/AWS ● Git/SVN ​ ​ ​ ● Bower/NPM ● Node.js & Express ● SQL Server ​ ​ ​ ● Bootstrap/Foundation ● CMSes (Craft, Contentful, ● Unity3D ​ ​ ​ ● Handlerbars/Moustache Drupal, Sharepoint, Wordpress) ● Bash/SH ​ ​ ● Jade/HAML ● Social APIs ● Premiere/Final Cut ​ ​ ​ ● WebGL/Three.js Pro ​ Work Experience Interactive Developer for Stinkdigital - Dumbo, NY Oct ‘15 – Jul ‘16 ​ ​ ​ ​ ● Immersed into a massive project for Spotify’s Year in Music on the first day, ​ ​ ​ ​ working on both the front and back end. Consisting of a responsive WebGL experience via pixi.js and tied to Spotify’s API, translated into 35 languages all managed by a custom CMS. Received multiple Webbys, FWA and Awwwards winners.
    [Show full text]
  • Webpack Cheatsheet
    12/25/18, 655 PM Page 1 of 1 ! Edit Webpack cheatsheet — Proudly sponsored by — Airbrake.io Full-stack error tracking & analytics for Python developers. Try it Free! ethical ads via CodeFund This is a very basic “getting started with Webpack” guide for use with Webpack v3. This doesnʼt cover all features, but it should get you started in understanding the config file format. Basic config webpack.config.js module.exports = { context: __dirname, entry: 'src/app.js', output: { path: __dirname + '/public', filename: 'app.js' } } Terminal npm install --save-dev webpack webpack build webpack -- -p build production webpack -- --watch compile continuously This compiles src/app.js into public/app.js. (Note: you may need to use ./node_modules/.bin/webpack as a command if youʼre not invoking Webpack via npm scripts.) Multiple files webpack.config.js module.exports = { entry: { app: 'src/app.js', vendor: 'src/vendor.js' }, output: { path: __dirname + '/public', filename: '[name].js' } } This creates app.js and vendor.js. # Loaders Babel Terminal npm install --save-dev \ babel-loader \ babel-preset-env \ babel-preset-react webpack.config.js module.exports = { ··· module: { rules: [ { test: /\.js$/, exclude: /node_modules/, use: [ { loader: 'babel-loader' } ] } ] } } .babelrc { "presets": [ "env", "react" ] } Adds support for Babel. CSS Terminal npm install --save-dev \ css-loader \ style-loader webpack.config.js module.exports = { ··· module: { rules: [ { test: /\.css$/, exclude: /node_modules/, use: [ { loader: 'style-loader' }, { loader: 'css-loader'
    [Show full text]
  • Open Source Licenses Visionize Lab Suite the Software of Visionize Lab Suite Contains Open Source Licenses Included in This Document
    Open Source Licenses VisioNize Lab Suite The software of VisioNize Lab Suite contains open source licenses included in this document. Package name License Website/Repository Publisher/Author @angular-devkit/[email protected] MIT https://github.com/angular/angular-cli Angular Authors @angular-devkit/[email protected] MIT https://github.com/angular/angular-cli Angular Authors @angular-devkit/build-optimiz- MIT https://github.com/angular/angular-cli Angular Authors [email protected] @angular-devkit/build-web- MIT https://github.com/angular/angular-cli Angular Authors [email protected] @angular-devkit/[email protected] MIT https://github.com/angular/angular-cli Angular Authors @angular-devkit/[email protected] MIT https://github.com/angular/angular-cli Angular Authors @angular/[email protected] MIT https://github.com/angular/angular angular @angular/[email protected] MIT https://github.com/angular/angular-cli Angular Authors @angular/[email protected] MIT https://github.com/angular/angular angular @angular/[email protected] MIT https://github.com/angular/angular @angular/[email protected] MIT https://github.com/angular/angular angular @angular/[email protected] MIT https://github.com/angular/angular angular @angular/[email protected] MIT https://github.com/angular/angular angular @angular/[email protected] MIT https://github.com/angular/angular angular @angular/platform-browser-dynam- MIT https://github.com/angular/angular angular [email protected] @angular/[email protected] MIT https://github.com/angular/angular angular @angular/[email protected] MIT https://github.com/angular/angular angular
    [Show full text]
  • Automated Large-Scale Multi-Language Dynamic Program
    Automated Large-Scale Multi-Language Dynamic Program Analysis in the Wild Alex Villazón Universidad Privada Boliviana, Bolivia [email protected] Haiyang Sun Università della Svizzera italiana, Switzerland [email protected] Andrea Rosà Università della Svizzera italiana, Switzerland [email protected] Eduardo Rosales Università della Svizzera italiana, Switzerland [email protected] Daniele Bonetta Oracle Labs, United States [email protected] Isabella Defilippis Universidad Privada Boliviana, Bolivia isabelladefi[email protected] Sergio Oporto Universidad Privada Boliviana, Bolivia [email protected] Walter Binder Università della Svizzera italiana, Switzerland [email protected] Abstract Today’s availability of open-source software is overwhelming, and the number of free, ready-to-use software components in package repositories such as NPM, Maven, or SBT is growing exponentially. In this paper we address two straightforward yet important research questions: would it be possible to develop a tool to automate dynamic program analysis on public open-source software at a large scale? Moreover, and perhaps more importantly, would such a tool be useful? We answer the first question by introducing NAB, a tool to execute large-scale dynamic program analysis of open-source software in the wild. NAB is fully-automatic, language-agnostic, and can scale dynamic program analyses on open-source software up to thousands of projects hosted in code repositories. Using NAB, we analyzed more than 56K Node.js, Java, and Scala projects. Using the data collected by NAB we were able to (1) study the adoption of new language constructs such as JavaScript Promises, (2) collect statistics about bad coding practices in JavaScript, and (3) identify Java and Scala task-parallel workloads suitable for inclusion in a domain-specific benchmark suite.
    [Show full text]
  • Jiho£Eská Univerzita V Ƒeských Bud¥Jovicích Postcss a Cssnext Jako
    Jiho£eská univerzita v eských Bud¥jovicích Pedagogická fakulta Katedra informatiky PostCSS a cssnext jako nástroje pro transformaci a modularitu CSS JavaScriptem PostCSS and cssnext, tools enabling transformation and modularity of CSS using JavaScript Bakalá°ská práce Vypracoval: Jakub Jetleb Vedoucí práce: PaedDr. Petr Pexa, Ph.D. eské Bud¥jovice 2018 Prohlá²ení Prohla²uji, ºe svoji bakalá°skou práci jsem vypracoval samostatn¥ pouze s po- uºitím pramen· a literatury uvedených v seznamu citované literatury. Prohla²uji, ºe v souladu s 47b zákona £. 111/1998 Sb. v platném zn¥ní sou- hlasím se zve°ejn¥ním své bakalá°ské práce, a to v nezkrácené podob¥ elektro- nickou cestou ve ve°ejn¥ p°ístupné £ásti databáze STAG provozované Jiho£es- kou univerzitou v eských Bud¥jovicích na jejích internetových stránkách, a to se zachováním mého autorského práva k odevzdanému textu této kvalika£ní práce. Souhlasím dále s tím, aby toutéº elektronickou cestou byly v souladu s uvedeným ustanovením zákona £. 111/1998 Sb. zve°ejn¥ny posudky ²kolitele a oponent· práce i záznam o pr·b¥hu a výsledku obhajoby kvalika£ní práce. Rovn¥º souhlasím s porovnáním textu mé kvalika£ní práce s databází kvali- ka£ních prací Theses.cz provozovanou Národním registrem vysoko²kolských kvalika£ních prací a systémem na odhalování plagiát·. V eských Bud¥jovicích dne 8. £ervence 2018. Abstrakt/Anotace Cílem bakalá°ské práce je zpracovat problematiku nástroj· PostCSS a CSSnext, které jsou ur£eny pro transformaci a modularitu CSS JavaScriptem vyuºitím prom¥nných a vkládaných import·. Tyto nástroje usnad¬ují práci p°i tvorb¥ front-end webových aplikací, díky standardizované syntaxi a modularit¥ nap°.
    [Show full text]
  • Resume.Pages
    Peter Ramsing https://peter.coffee | github.com/peterramsing [email protected] | (541) 231-3620 | Portland, Oregon A determined software developer, with a focus on web applications, marketing site development, business strategy, and software team leadership. Peter offers a unique skillset with experience maintaining the largest CSS grid for PostCSS, developing large-scale web applications, and jump-starting software teams to perform beyond expectations. Key Skills • Component-based AngularJS (1.x) along with plain javascript objects for portable logic • Well tested Object-Oriented javascript based on TDD and UML • Extremely skilled in producing maintainable CSS using plain CSS or pre/post-processors • Problem-solving against rapid deadlines and collaborating on innovative solutions • ES5 and ES6 Javascript using Babel or non-bundled javascript • Providing compliant HTML using a11y standards promoting best practices • Working with projects through the entire lifecycle from inception to quantifying success and optimizing after release • Well versed in modern HTML with the ability to write extremely maintainable markup • Experienced with leading and participating in both Waterfall and Agile methodologies • Open to rapid and fast-paced changes with constantly evolving business targets and web toolsets Front-end CSS • SCSS, LESS, Stylus, PostCSS, Bootstrap, Foundation, Susy, Flexbox, CSS Grid, Float-based grids Javascript • ES5, ES6, AngularJS, React, Angular, Ember, AVA, Chai, Jasmine, Tooling • Gulp, Webpack, Browserify, PostCSS, Jekyll Backend Node • Express, Version 4 - 8, Python • Django, Django Rest Framework Tooling • Jenkins CI, Travis CI, Git, GitHub, BitBucket, GitLab, NPM Work Experience Software Developer October 2016 - Current Veelo - Portland, Oregon • Implements complex CSS layout designs in performant ways ensuring a11y compliance.
    [Show full text]
  • Brno University of Technology a Converter
    BRNO UNIVERSITY OF TECHNOLOGY VYSOKÉ UČENÍ TECHNICKÉ V BRNĚ FACULTY OF INFORMATION TECHNOLOGY DEPARTMENT OF INTELLIGENT SYSTEMS FAKULTA INFORMAČNÍCH TECHNOLOGIÍ ÚSTAV INTELIGENTNÍCH SYSTÉMŮ A CONVERTER BETWEEN THE LESS AND SASS STYLESHEET FORMATS PŘEKLADAČ MEZI FORMÁTY LESS A SASS BACHELOR’S THESIS BAKALÁŘSKÁ PRÁCE AUTHOR ATTILA VEČEREK AUTOR PRÁCE SUPERVISOR Prof. Ing. TOMÁŠ VOJNAR, Ph.D. VEDOUCÍ PRÁCE BRNO 2016 Abstract The aim of this thesis is to research the differences between the CSS preprocessor languages, namely Less and Sass, and find applicable transformation methods to implement a converter between their dynamic stylesheet formats. A general introduction to the concept of CSS preprocessors is provided first, which is followed by a thorough description of the Lessand Sass language features. In addition to this, all the discovered differences are stated and illustrative examples of the invented conversion methods are provided in this work. This is followed by the description of the design and implementation of the proposed converter. As a part of the contribution of this thesis, a CSS comparison tool based on abstract syntax tree transformation has also been developed. Its design is described along the testing procedure used to verify the invented conversion methods. The last part of the work summerizes the achieved results and the future directions of the converter. Abstrakt Cílem této bakalářské práce je výzkum rozdílů mezi CSS preprocesorovými jazyky, jmen- ovitě Less a Sass, a nalezení použitelných transormačních metod k implementaci překladače mezi jejich formáty. Nejprve je předložen koncept CSS preprocesorů a následuje detailní popis vlastností jazyků Less a Sass. V této práci jsou uvedené všechny zjištěné rozdíly, a pak jsou představeny nové konverzní metody s demonstrativními příklady.
    [Show full text]
  • CSS Processors Outline
    www.logicalimagination.training 800.657.1494 CSS Processors Course #: CSS102 Duration: 1 day Prerequisites A basic understanding of CSS. Details CSS Processors provides a practical and detailed introduction to the world of CSS processors. A CSS pre-processor is a program that takes the data of one language and converts the data into CSS upon compilation. A CSS post-processor takes existing CSS and refurbishes it to meet the standards of today's browsers. The modern landscape of CSS has been transformed by processors such as LESS, Sass, Stylus, PostCSS and others. The implementation of CSS processors in the workflow boosts efficiency and enforces the DRY (Don't Repeat Yourself) rule. Developers responsible for front-end development and CSS styling are the ideal audience for this course. Software Needed None. Outline CSS Processors Introduction to CSS Processors Overview of Pre-processors Overview of Post-processors The CSS Workflow Pros and Cons CSS Pre-processors LESS Sass Stylus CSS Post-processors PostCSS Pleeease Stylecow Garden (Clojure) Features and Functionality Syntax Variables Nesting Mixins Inheritance Importing Color Functions Operations Prefixes Fallbacks Minification Sourcemap Generators Single @media Rule A Deeper Look at PostCSS CSS Parser Abstract Syntax Tree (AST) CSS Generator Code Map Generator Autoprefixer CSSNext CSS Modules Font-Magician Stylelint PreCSS Choosing a CSS Workflow LESS vs. Sass vs. Stylus Using PostCSS with Plugins Using LESS, Sass or Stylus with PostCSS Full Clojure Stack: Clojure + ClojureScript + Garden.
    [Show full text]
  • Empower 3 Service Release 4
    *716006210* *Ver.01* Empower 3 Service Release 4 Release Notes 716006210 Copyright © Waters Corporation 2020 Version 01 (previously released as Rev.A) All rights reserved General information Copyright notice © 2020 WATERS CORPORATION. PRINTED IN THE UNITED STATES OF AMERICA AND IN IRELAND. ALL RIGHTS RESERVED. THIS DOCUMENT OR PARTS THEREOF MAY NOT BE REPRODUCED IN ANY FORM WITHOUT THE WRITTEN PERMISSION OF THE PUBLISHER. The information in this document is subject to change without notice and should not be construed as a commitment by Waters Corporation. Waters Corporation assumes no responsibility for any errors that may appear in this document. This document is believed to be complete and accurate at the time of publication. In no event shall Waters Corporation be liable for incidental or consequential damages in connection with, or arising from, its use. For the most recent revision of this document, consult the Waters website (www.waters.com). Trademarks CitrixTM is a registered trademark of Citrix Systems, Inc. and/or one or more of its subsidiaries, and may be registered in the United States Patent and Trademark Office and in other countries. EmpowerTM is a trademark of Waters Corporation. LAC/ETM is a trademark of Waters Corporation. Linux® is a registered trademark of Linus Torvalds. Oracle® is a registered trademark of Oracle Corporation and/or its affiliates. Red Hat® is a registered trademark of Red Hat, Inc. THE SCIENCE OF WHAT'S POSSIBLETM is a trademark of Waters Corporation. WatersTM is a trademark of Waters Corporation. Windows® is a registered trademark of Microsoft Corporation in the US and/or other countries.
    [Show full text]
  • CSS Procesori I Metodologije
    CSS procesori i metodologije Dumančić, Sebastijan Master's thesis / Diplomski rad 2017 Degree Grantor / Ustanova koja je dodijelila akademski / stručni stupanj: Josip Juraj Strossmayer University of Osijek, Faculty of Electrical Engineering, Computer Science and Information Technology Osijek / Sveučilište Josipa Jurja Strossmayera u Osijeku, Fakultet elektrotehnike, računarstva i informacijskih tehnologija Osijek Permanent link / Trajna poveznica: https://urn.nsk.hr/urn:nbn:hr:200:028218 Rights / Prava: In copyright Download date / Datum preuzimanja: 2021-09-25 Repository / Repozitorij: Faculty of Electrical Engineering, Computer Science and Information Technology Osijek SVEUČILIŠTE JOSIPA JURJA STROSSMAYERA U OSIJEKU FAKULTET ELEKTROTEHNIKE, RAČUNARSTVA I INFORMACIJSKIH ZNANOSTI Sveučilišni studij CSS procesori i metodologije Diplomski rad Sebastijan Dumančić Osijek, 2017. SADRŽAJ 1. UVOD CSS PROCESORE I METODOLOGIJU ................................................................................ 1 2. POVIJEST I RAZVOJ CSS-A .............................................................................................................. 2 2.1. Povijest ........................................................................................................................................ 2 2.2. W3C ............................................................................................................................................. 3 2.3. Internet preglednici .....................................................................................................................
    [Show full text]
  • Chips from a German Workshop. Vol. III. by F
    The Project Gutenberg EBook of Chips From A German Workshop. Vol. III. by F. Max Müller This eBook is for the use of anyone anywhere at no cost and with almost no restrictions whatsoever. You may copy it, give it away or re-use it under the terms of the Project Gutenberg License included with this eBook or online at http://www.gutenberg.org/license Title: Chips From A German Workshop. Vol. III. Author: F. Max Müller Release Date: September 10, 2008 [Ebook 26572] Language: English ***START OF THE PROJECT GUTENBERG EBOOK CHIPS FROM A GERMAN WORKSHOP. VOL. III.*** CHIPS FROM A GERMAN WORKSHOP BY F. MAX MÜLLER, M. A., FOREIGN MEMBER OF THE FRENCH INSTITUTE, ETC. VOLUME III. ESSAYS ON LITERATURE, BIOGRAPHY, AND ANTIQUITIES. NEW YORK: CHARLES SCRIBNER AND COMPANY. 1871. Contents DEDICATION. 2 I. GERMAN LITERATURE. 3 LIST OF EXTRACTS FOR ILLUSTRATING THE HISTORY OF GERMAN LITERATURE. 39 II. OLD GERMAN LOVE-SONGS. 48 III. YE SCHYPPE OF FOOLES. 58 IV. LIFE OF SCHILLER. 68 V. WILHELM MÜLLER. 1794-1827. 90 VI. ON THE LANGUAGE AND POETRY OF SCHLESWIG-HOLSTEIN. 108 VII. JOINVILLE. 144 VIII. THE JOURNAL DES SAVANTS AND THE JOUR- NAL DE TRÉVOUX. 179 IX. CHASOT. 187 X. SHAKESPEARE. 200 XI. BACON IN GERMANY. 203 XII. A GERMAN TRAVELLER IN ENGLAND. 217 XIII. CORNISH ANTIQUITIES. 223 XIV. ARE THERE JEWS IN CORNWALL? . 268 XV. THE INSULATION OF ST. MICHAEL'S MOUNT. 294 XVI. BUNSEN. 317 LETTERS FROM BUNSEN TO MAX MÜLLER IN THE YEARS 1848 TO 1859. 360 Footnotes . 485 [i] DEDICATION. TO FRANCIS TURNER PALGRAVE, IN GRATEFUL REMEMBRANCE OF KIND HELP GIVEN TO ME IN MY FIRST ATTEMPTS AT WRITING IN ENGLISH, AND AS A MEMORIAL OF MANY YEARS OF FAITHFUL FRIENDSHIP.
    [Show full text]