Kirjahaku

Develop websites using the Ractive.js template-driven UI library. This book is project-oriented and simplifies the process of using Ractive.js to create websites or online applications that are interactive by default. It equips you with a starting toolset to develop future projects, safe in the knowledge that the site operates as expected, and is not reliant on bloated technology, typical of other similar frameworks.Beginning Ractive.js takes the view that you shouldn’t always resort to what “everyone else uses”, and that there is indeed a different way you can achieve the same result. We live in an age where speed and simplicity are of the essence - this book provides a perfect alternative that challenges the norm. Stop thinking you must use the same library as everyone else. Give Ractive a try! What You'll LearnUnderstand how Ractive.js works and how it differs to other templating frameworksSource and manage data using Ractive.js’ data binding methodsGain an appreciation of managing events and animations using Ractive.jsCreate components that contain reusability functionality for current or future projectsWork through real-world project examples using the Ractive.js library Who This Book is ForWebsite developers who are keen to develop a fully interactive, template-driven website quickly, but don't have the desire to learn a more heavyweight framework, such as AngularJS. Agile development teams, where time is of the essence, and the pressure is on to deliver results quickly. Developers who want to focus on simplicity, where the library works for them, and they are not constrained by having to follow a particular methodology.

Develop SVG functionality for use within websites quickly and natively, using basic tools such as HTML and CSS. This book is a project-oriented guide to creating and manipulating scalable vector graphics in the browser for websites or online applications, using little more than a text editor or free software, and the power of JavaScript. You'll use a starting toolset to incorporate into your existing workflow, develop future projects, and reduce any dependency on graphics applications for simple projects. This book is an excellent resource for getting acquainted with creating and manipulating SVG content. We live in an age where speed and simplicity are of the essence. Beginning SVG provides a perfect alternative when creating web-based projects that challenges the norm and encourages you to expand your resources and not resort to what “everyone else uses” (such as Illustrator). You'll discover that there is indeed a different way to achieve the same result. Stop thinking you must always resort to using graphics packages; there is always another way!What You'll LearnCreate powerful, optimized content that can be quickly and easily manipulated within the browserGet up to speed with SVG quickly, with minimal effort and maximum resultsSee how easy it is to apply SVG content and effects, without the need for lots of additional tools.Who This Book Is For Website developers and agile development teams who are keen to learn how to add and manipulate SVG quickly.

Leverage the power of Dart Sass to quickly create valid CSS styles for use within websites. This short project-oriented book simplifies the process of creating and manipulating Sass code in the browser, for websites, or online applications, using little more than a text editor or free software. Designed to be much faster and simpler to use, yet still maintain the same features as past versions of Sass, Dart Sass offers a host of benefits of using it against writing CSS manually. You will be equipped with a starting toolset that you can use to develop future projects, incorporate into your existing workflow and reduce any dependency on graphics applications such as Illustrator for simple projects. Dart Sass is a complete rewrite of what many know as Ruby Sass but you don’t have to convert your whole work process immediately to working with Sass. You will learn how to incorporate as little or as much as you need, and how to build on it as your skills develop. We live in an age where speed and simplicity are of the essence – Introducing Dart Sass provides a perfect way to create valid CSS quickly, efficiently, and with the minimum of fuss. What You Will LearnUnderstand how Sass works and the benefits of using it against writing CSS manuallyCreate styles quickly and easily, using the power of SassApply styles from pre-built libraries, to help reduce time and effort requiredGain an appreciation of the importance of optimizing content for efficiencyWork through a real-world project example using Sass and third-party Sass-based libraries. Who This Book Is For Website developers who are already familiar with writing CSS and to learn how to leverage Sass to quickly and more efficiently create valid CSS in projects. Those in agile developmentteams, where time is of the essence, and the pressure is on to deliver results quickly.Developers who want to focus on simplicity to produce properly optimized content in modern browsers using tools already in their possession.

Quickly create consistent checkouts for use within websites, using the power of the HTML5 Payment Request API. This project-oriented book simplifies the process of creating and manipulating checkouts with the Payment Request API in browsers for websites or online applications, using little more than a text editor or free software.One of the key concerns of any e-commerce company is ensuring customers complete the checkout process successfully, and for them to return. Unfortunately, many checkouts still suffer from a high level of drop-out. The Payment Request API is an open standard being developed by browser vendors to simplify payments for users with a quick and seamless autofill process enabling a broader set of online payment providers to participate in the market. The API is designed to be easy to implement across all supported browsers, and work with any payment type or service provider. Checking Out with the Payment Request API equips you witha tool set that you can use to develop future projects, incorporate into your existing workflow and allow you to reduce any dependency on complex, custom-made checkouts that might be prone to failure, or unwieldy to use. You'll learn how to use the Payment Request API to create consistent checkouts quickly and easily, and work through practical example projects that will help familiarize you with using the API. We live in an age where speed and accuracy are of the essence – add effortless flow to your payments using this book today. What You'll LearnImplement the Payment Request API in a projectExplore some of the options for personalizing it for a projectGain an appreciation of pointers around user experience and how this affects the APIUnderstand how to manage issues and security when using the Payment Request APIWork through some example projects, from standalone demos to implementing in frameworks Who This Book Is For Website developers familiar with creating shopping carts and looking to leverage the HTML5 Payment Request API. Also ideal for those in agile development teams who want to focus on simplifying content in modern browsers using their existing tools

Leverage the power of HTML5 Web Speech API to quickly add voice capabilities to your websites. This project-oriented book simplifies the process of setting up and manipulating the API in the browser using little more than a text editor or free software. You'll be presented with a starting toolset that you can use to develop future projects, incorporate into your existing workflow and allow you to take your websites to the next level, reducing the reliance on entering choices through a keyboard and making the overall experience easier for customers. This excellent resource is perfect for getting acquainted with creating and manipulating browser-based APIs. You don’t have to convert your whole work process immediately; you can incorporate as little or as much as you want of the API, and build on this as your skills develop. We live in an age where speed and simplicity are of the essence – this book provides a perfect way to add speech capabilities to our websites, directly in the browser and with the minimum of fuss.Introducing the HTML5 Web Speech API is the right choice for developers who want to focus on simplicity to produce properly optimized content in modern browsers using tools already in their possession.What You'll Learn Implement the Web Speech API in a projectExplore some of the options for personalizing them for a projectGain an appreciation of pointers around user experience and how this affects the APIUnderstand how to manage issues and security when using the APIWork through some example projects, from standalone demos to implementing with other tools or libraries Who This Book Is For Website developers who are already familiar with JavaScript, and are keen to learn how to leverage the Web Speech API to quickly add voice-enabled capabilities to a website, using little more than a text editor.It’s ideal for those in agile development teams, where time is of the essence, and the pressure is on to deliver results quickly.

Leverage the power of Hexo to quickly produce static blog sites that are efficient and fast. This project-oriented book simplifies the process of setting up Hexo and manipulating content, using little more than a text editor and free software. It will equip you with a starting toolset that you can use to develop future projects, incorporate into your existing workflow and allow you to take your websites to the next level. Hexo is based on JavaScript and Node.js, two of the biggest tools available for developers: you can enhance, extend, and configure Hexo as requirements dictate. With Hexo the art of possible is only limited by the extent of your imagination and the power of JavaScript and Node.js.Practical Hexo gets you quickly acquainted with creating and manipulating blogs using a static site generator approach. You will understand how to use the Hexo framework to rapidly create and deploy blogs that are performant, with the minimum of fuss, then extend and customize your content using plugins and themes. You will work through some practical projects to help solidify your skills, and put them into practice. What You'll LearnImplement the Hexo framework in a projectCustomize and extend contentConsider maintenance requirements and how they compare to other blog systemsApply skills to practical, real-world projectsCreate themes and build pluginsMake changes using other tools and libraries. Who This Book Is For Website developers who are already familiar with JavaScript and keen to learn how to leverage the Hexo framework. Agile development team members, where time is of the essence to deliver results quickly. Developers who want to focus on simplicity, to produce efficient and properly optimized content in modern browsers using tools already in their possession.

Leverage the power of Gatsby to quickly produce e-commerce sites that are efficient, fast, and secure. This project-oriented book simplifies the process of setting up a Gatsby e-commerce site from start to finish, providing a starting toolset that you can use to develop future projects and incorporate into your existing workflows. You'll learn to reduce reliance on tools that are bloated, prone to being hacked, and not the most efficient, and move over to the newest framework on the block. You'll also see how to use the Gatsby framework to rapidly create and deploy e-commerce sites that are performant and secure, with the minimum of fuss. Understand how to source data, build a catalog, add a blog, finesse your site (including performance), implement the checkout and payment processes with the help of third-party tools such as Stripe, and deploy to production. Finally, you'll learn how to migrate existing WooCommerce sites toGatsby, and adapt for mobile. Gatsby is fast and does away with the need for databases, thereby removing one of the biggest weak spots in any e-commerce site. It is based on Node.js and JavaScript, making it easy to extend and customize as requirements dictate. Learn to make your customers’ lives easier and simpler using this book today. What You'll Learn Implement e-commerce sites using GatsbyExplore some of the options for architecting an e-commerce site using this frameworkGain an appreciation of pointers around maintenance requirements and ancillary needs (such as SEO)Compare your site to others that use different toolsWork through a project from start to finish, understanding what can be achieved using Gatsby, and where other tools may need to be brought into play Who This Book Is For Developers already familiar with JavaScript, who are keen to learn how toleverage the Gatsby framework to quickly create the basis of an e-commerce offer (from scratch, or using data tools such as WooCommerce to support a transition), with little more than a text editor. Developers who want to focus on simplicity, to produce efficient and properly optimized e-commerce sites in modern browsers using tools already in their possession.Those in agile development teams, where time is of the essence, and the pressure is on to deliver results quickly.

Learn to leverage the power of Svelte to produce web applications that are efficient and fast. This project-oriented book simplifies creating sites using Svelte from start to finish, with little more than a text editor and familiar languages such as HTML, CSS, and JavaScript. It equips you with a starting toolset that you can use to develop future projects, incorporate into your existing workflow, and allow you to take your websites to the next level.Practical Svelte is an excellent resource for getting acquainted with creating and manipulating websites or online applications using a component framework approach. It takes the view that we don’t have to create something complex and unwieldy. We can build something quickly, using less code than some of its competitors, and extend it using the power of the API and plugins over time, without sacrificing speed or features. You will learn how to use the Svelte framework to rapidly create and deploy websites or online applications that are performant, with the minimum of fuss and using existing tools already available in the browser, get up to speed with individual features of the Svelte framework, and work through a series of small projects that will combine to produce a finished site at the end of the book – this to help consolidate skills from day one and create something that you can use as a basis for future projects. What You Will Learn Understand why Svelte’s popularity makes it the go-to framework for constructing applicationsLearn how to scaffold and implement web sites or online applications using SvelteCreate reusable components using Svelte that are interoperable with other frameworks and can solve real-world problemsPerform automated testing and deployment using tools such as CI/CD testing Work through some mini projects from start to finish, understanding what we can achieve using Svelte and where we may need to bring other tools into play Who This Book Is For Website developers who are already familiar with JavaScript, CSS, and HTML and are keen to learn how to leverage the Svelte component framework to quickly create web sites or online applications with little more than a text editor. It’s perfect for development teams who do not want to follow the mold and use a credible alternative to React or Angular.

Leverage the power of Eleventy to quickly produce static sites that are efficient and fast. This project-oriented book simplifies the process of setting up Eleventy and manipulating content, using little more than a text editor or free software. It will equip you with a starting tool set that you can use to develop future projects or incorporate into your existing workflow. More importantly, you'll take websites to the next level, reducing the reliance on tools that are bloated, prone to being hacked and not the most efficient. Beginning Eleventy is an excellent resource for getting acquainted with creating and manipulating blogs using a static site generator approach. It takes the view that you don’t have to create something complex and unwieldy; you can build something quickly, then extend it using the power of the API and plugins over time, without sacrificing speed or features. What You’ll Learn:Implement the Eleventy framework in a projectExplore some of the options for customizing content using the frameworkGain an appreciation of pointers around maintenance requirements, and how this might compare to other blog systemsWork through some example projects, to help build up a working blog from standalone demos to implementing with other tools or libraries This Book Is For?Website developers who are already familiar with JavaScript, who are looking for a fast and simple framework to deliver high quality results fastDevelopers who are looking to leverage the Eleventy framework to quickly create an online blog using little more than a text editor, producing optimized content in modern browsers using tools they will already haveThose in agile development teams, where time is of the essence and need to deliver high quality results quickly

Leverage the power of Svelte to quickly produce the foundations of a framework-agnostic component library that can extend and develop over time. This is a project-oriented book that simplifies setting up the skeleton of the library and adding components, using little more than a text editor or free software. You'll gain a starting baseline that can be used to develop future projects or incorporated into an existing workflow. You'll take development to the next level and can use this knowledge to create components with any framework, such as React, Angular or Vue.js, not just Svelte. Developing Web Components with Svelte is an excellent resource for getting acquainted with creating and maintaining a component library using a phased approach. It takes the view that you don't have to create something complex and unwieldy. Instead, you can start building something quickly, then extend it as needs dictate over time, without sacrificing speed or features. You'll see how to develop cleaner components in a quick, clear and straightforward way. The components you create in this project can be made available in one of the world's most extensive component ecosystems to be usable by other frameworks, making them genuinely reusable. In short, Svelte offers plenty of opportunities as it is based on Node.js and JavaScript making Svelte a powerful package to work from.What You'll LearnUse the Svelte framework to rapidly create and deploy the foundation of a component library that is versatile and performantReview developing and customizing components based on our needsWork through a real-world project to help solidify skills learned from the book and put them into practiceWho This Book Is ForWebsite developers, familiar with JavaScript, who are keen to learn how to leverage the Svelte framework fastAgile development teams, wheretime is of the essence, and the pressure is on to deliver results quicklyDevelopers who want to focus on simplicity, to produce efficient and optimized content in modern browsers using tools readily available

Leverage the power of Next.js to quickly produce efficient e-commerce sites. This project-oriented book will simplify the process of setting up a starter e-commerce site using Next.js from start to finish, creating a usable e-commerce offer with little more than a text editor or free software. It will equip you with a starting toolset you can use to develop future projects, incorporate into your existing workflow, and help you to take your websites to the next level, reducing reliance on tools that are bloated, prone to being hacked, and not the most efficient. Practical Next.js for E-Commerce is an excellent resource for getting started creating and manipulating e-commerce sites using a static site generator approach. It takes the view that you don’t have to create something complex and unwieldy; you can build something quickly, then extend it using the power of the API or plugins over time, without sacrificing speed or features. What You Will Learn Implement e-commerce sites using Next.jsExplore some of the options for architecting an e-commerce site using this frameworkWork through a project from start to finish, understanding what can be achieved using Next.js, and where other tools may need to be brought into play Who This Book Is For Web developers and designers who are interested in learning how to implement the Next.js framework in an e-commerce capacity.

If you are a designer or developer who wants to quickly learn how to harness the power of Less.js to write more efficient CSS styles that can be applied to a website of any size, then this book is for you. This book will help you master both the basic functions and advanced features of Less.js. It would be helpful to have some familiarity of writing CSS styles, although no prior experience of using CSS preprocessors is required.

Explore the power of PostCSS to write highly performing, modular, and modern CSS code for your web pages About This Book • Incorporate cutting-edge styles in your web pages with PostCSS • Simplify the process of writing CSS to a great extent using PostCSS shortcuts, fallbacks, and pack plugins • This in-depth, step-by-step guide will help you master PostCSS, to create amazing and responsive web designs Who This Book Is For This book is ideal for web developers and designers who are comfortable with HTML5 and CSS and now want to master PostCSS for web design. Web designers who have been using SASS or Less and now want to adopt PostCSS would also find this book useful. What You Will Learn • Add mixin and variable support to PostCSS along with conditional support • Explore the different ways of nesting code such as BEM and standard nesting within PostCSS • Optimize media queries built with PostCSS to get the best performance • Add dynamic styling elements such as images, fonts, grids, and SVG and retina support using existing preprocessors as well as PostCSS • Get familiar with using plugins, and extend PostCSS with the API • Build a fully working custom preprocessor and test it on different sites such as WordPress • Write a custom syntax in PostCSS while still using pre-built syntaxes such as Less, SASS, or Stylus • Provide support for future CSS such as CSS4 using current CSS3 classes In Detail PostCSS is a tool that has quickly emerged as the future of existing preprocessors such as SASS and Less, mainly because of its power, speed, and ease of use. This comprehensive guide offers in-depth guidance on incorporating cutting-edge styles into your web page and at the same time maintaining the performance and maintainability of your code. The book will show how you can take advantage of PostCSS to simplify the entire process of stylesheet authoring. It covers various techniques to add dynamic and modern styling features to your web pages. As the book progresses, you will learn how to make CSS code more maintainable by taking advantage of the modular architecture of PostCSS. By the end of this book, you would have mastered the art of adding modern CSS effects to web pages by authoring high performing, maintainable stylesheets. Style and approach This comprehensive book provides in-depth guidance on how to build a PostCSS powered responsive site from scratch. Following a step-by-step approach, you will learn how to add modern styles to web pages. It also contains several tips and best practices on how you can optimize your sites by writing high performing code in PostCSS.

If you are a web designer with a good understanding of CSS, jQuery, and HTML, but new to creating responsive sites, then this book is for you. The prerequisite is a good understanding of CSS and HTML; the demos will suit those who have some prior knowledge of Less CSS, WordPress, or Bootstrap.