Coding eBook Bundle (13 eBooks)

Our best coding articles give shape to this set of contemporary programming languages eBooks: CSS, JavaScript, jQuery and HTML. This bundle will help you develop maintainable websites by applying useful practical techniques and coding principles. You'll learn the semantics of HTML, the main concepts of CSS, common JavaScript and jQuery techniques as well as the foundation of responsive Web design.

Options

$51.89$64.87

This Smashing Bundle contains the following 13 eBooks:

The Web In Motion: Practical Considerations For Designing With Animation

Animation is not about mere decoration, but (when used sparingly) can turn out to be a catalyst for making the interaction with a website more intuitive and memorable. So, what is the current state of animation on the web? Where is it heading? And how can you tackle the possibilities and challenges it brings along? The questions tackled and discussed in this eBook are bound to help you grasp what meaningful motion design is all about and how you can implement it into your own projects.

TABLE OF CONTENTS

The State Of Animation

A Quick Look Into The Math Of Animations With JavaScript

Animating Without jQuery

Faster UI Animations With Velocity.js

Using Motion For User Experience On Apps And Websites

Understanding CSS Timing Functions

Styling And Animating SVGs With CSS

Technical Information

Formats: PDF, EPUB, Kindle (DRM-free)

Pages: 162

Language: English

Released: February 2015

Publisher: Smashing Magazine GmbH

ISBN (PDF): 978-3-945749-11-1

ISBN (EPUB): 978-3-945749-09-8

ISBN (KINDLE): 978-3-945749-10-4

Performance Optimization: Techniques And Strategies

In this eBook, we’ve compiled an entire selection of front-end and server-side techniques that will help you tackle performance bottlenecks. Find out how to speed up existing websites, build high-performance sites (for both mobile and desktop), and prepare them for heavy-load situations. Furthermore, you’ll learn more about how performance improvements and a 97–99 Google PageSpeed score were achieved on Smashing Magazine, as well as how optimization strategies can enhance real-life projects by taking a closer look at Pinterest’s paint performance case study.

TABLE OF CONTENTS

Improving Smashing Magazine’s Performance: A Case Study

How To Speed Up Your WordPress Website

You May Be Losing Users If Responsive Web Design Is Your Only Mobile Strategy

Taming CSS Complexity

“Taming CSS Complexity” is a collection of 11 CSS-packed chapters that are all about performance and developer-friendly coding. In order to achieve a well-rounded coding experience, the Smashing Magazine authors have explored the complexity of CSS from different perspectives, balancing rather specific hands-on tips and more general coding best practices. Among other hot topics, this eBook covers how to design layouts with Flexbox, Atomic Design with Sass, and takes a look at the most common CSS issues.

TABLE OF CONTENTS

Semantic CSS With Intelligent Selectors

Absolute Horizontal And Vertical Centering In CSS

How To Benefit From CSS Generated Content

The Problem Of CSS Form Elements

Clown Car Technique: Solving Adaptive Images In Responsive Web Design

The "Other" Interface: Atomic Design With Sass

Simple Responsive Images With CSS Background Images

Designing CSS Layouts With Flexbox Is As Easy As Pie

The Evolution Of The BEM Methodology

Using White Space For Readability In HTML And CSS

Why Coding Style Matters

Technical Information

Formats: PDF, EPUB, Kindle (DRM-free)

Pages: 169

Language: English

Released: October 2013

Publisher: Smashing Magazine GmbH

ISBN (PDF): 978-3-94454054-2

ISBN (EPUB): 978-3-94454055-9

ISBN (KINDLE): 978-3-94454056-6

Practical JavaScript Techniques

"Practical JavaScript Techniques" offers expert instruction, tips and methodologies relevant for all levels of knowledge. Learn interactive CSS and jQuery techniques, how to take advantage of JavaScript’s versatile capabilities and even how to build JavaScript-based gaming experiences. Whether you’re perfecting Web design or building jQuery plugins, this vital resource is a must-have.

TABLE OF CONTENTS

Develop A One-Of-A-Kind CSS/JS-Based Game Portfolio

Five Useful Interactive CSS/jQuery Techniques Deconstructed

Create An Animated Bar Graph With HTML, CSS And jQuery

A Beginner’s Guide To jQuery-Based JSON API Clients

How To Build A Real-Time Commenting System

The Developer’s Guide To Conflict-Free JavaScript And CSS In WordPress

Optimizing Long Lists Of Yes/No Values With JavaScript

Building A Relationship Between CSS & JavaScript

Technical Information

Formats: PDF, EPUB, Kindle (DRM-free)

Pages: 139

Language: English

Released: February 2013

Publisher: Smashing Media GmbH

ISBN: 978-3-943075-59-5

Understanding Advanced JavaScript

This book is an exploration of popular advanced JavaScript concepts for those who already have a grasp on the basics. "Understanding Advanced JavaScript" is a comprehensive manual and how-to guide about all things JavaScript. Learn to design better APIs, use the latest tools and navigate the JavaScript MVC Jungle effortlessly. In this eBook, you will receive expert tips and techniques on avoiding coding tripwires and improving your programming methodologies.

TABLE OF CONTENTS

Analysing Network Characteristics Using JavaScript And The DOM, Part 1

Introduction To JavaScript Unit Testing

Journey Through The JavaScript MVC Jungle

JavaScript Events And Responding To The User

JavaScript Profiling With The Chrome Developer Tools

Writing Fast, Memory-Efficient JavaScript

Designing Better JavaScript APIs

Technical Information

Formats: PDF, EPUB, Kindle (DRM-free)

Pages: 155

Language: English

Released: February 2013

Publisher: Smashing Media GmbH

ISBN: 978-3-943075-60-1

Responsive Design

Responsive design is not only a new technique — it's an entirely new mindset. This eBook provides an overview on responsive Web design, showing many situations and techniques in which this approach can be applied to. Smartphones, tablets, laptops and desktop computers may share the same design, which is adapted according to screen size, platform and orientation of each device. Learn about content prototyping, device-agnostic design approach, gracefully degrading media queries and navigation patterns to achieve flawless responsiveness.

TABLE OF CONTENTS

Responsive Web Design: What It Is And How To Use It

Progressive And Responsive Navigation

Techniques For Gracefully Degrading Media Queries

Is There Ever A Justification For Responsive Text?

How To Use CSS3 Media Queries To Create A Mobile Version Of Your Website

Device-Agnostic Approach To Responsive Web Design

Content Prototyping In Responsive Web Design

Technical Information

Formats: PDF, EPUB, Kindle (DRM-free)

Pages: 160

Language: English

Released: May 2012

Publisher: Smashing Media GmbH

ISBN: 978-3-943075-33-5

HTML Essentials

No matter what direction you take when you begin a Web-based project, one thing is for sure: it has to begin with solid HTML. You are one step ahead if you apply the most up-to-date, bulletproof HTML techniques. This eBook "HTML Essentials" will give you an overview on HTML(5), teach you how to decouple HTML from CSS, and discuss the reasons why you and your clients should embrace HTML5. You will be ready to code HTML layouts from scratch after grasping the basics of this eBook.

TABLE OF CONTENTS

The Neglected Necessities Of Design

Falling For HTML5: Finding Love In The Little Things

Dear Clients, The Web Has Changed. It's Time To Use CSS3 And HTML5 Now

Coding An HTML5 Layout From Scratch

Why We Should Start Using CSS3 and HTML5 Today

Decoupling HTML From CSS

Technical Information

Formats: PDF, EPUB, Kindle (DRM-free)

Pages: 106

Language: English

Released: July 2012

Publisher: Smashing Media GmbH

ISBN: 978-3-943075-34-2

Mastering HTML 5

The Web changes everyday and, as a Web developer, you are probably eager to keep up with the various techniques that help optimizing your workflow. Learn to love HTML5 while keeping up with a variety of new techniques and possibilities from the latest HTML overhaul. Get updated with some facts and myths about HTML5, and be prepared to optimize your workflow to meet the demands of modern Web design. Local Storage, canvas and video offer new options to make your projects easier to maintain and to code — use them!

TABLE OF CONTENTS

Learning To Love HTML5

HTML5: The Facts And The Myths

Local Storage And How To Use It On Websites

Optimize Images With HTML5 Canvas

Syncing Content With HTML5 Video

Behind The Scenes Of Nike Better World

Technical Information

Formats: PDF, EPUB, Kindle (DRM-free)

Pages: 93

Language: English

Released: July 2012

Publisher: Smashing Media GmbH

ISBN: 978-3-943075-35-9

HTML Semantics

This eBook addresses the importance of semantics in our code. It touches on outlining algorithms, HTML5 semantics, the pursuit of semantic value and the HTML semantic grid system. You won't get far without the foundational understanding of HTML semantics — but it is even more important to follow up on the recent developments and discussions.

TABLE OF CONTENTS

HTML5 Semantics

When One Word Is More Meaningful Than A Thousand

HTML5 And The Document Outlining Algorithm

Our Pointless Pursuit Of Semantic Value

Pursuing Semantic Value

The Semantic Grid System: Page Layout For Tomorrow

Technical Information

Formats: PDF, EPUB, Kindle (DRM-free)

Pages: 71

Language: English

Released: August 2012

Publisher: Smashing Media GmbH

ISBN: 978-3-943075-36-6

CSS Essentials

When developers push aside CSS to concentrate on JavaScript performance, they might be overlooking some great applications of CSS. This eBook, "CSS Essentials", explores some practical implementations of CSS, including usage of pseudo-elements in CSS, decoupling HTML from CSS, modern CSS layouts with equal height columns, taming advanced CSS selectors, and many others. These techniques and articles will help improve both the performance and maintainability of your websites across browsers.

TABLE OF CONTENTS

Backgrounds In CSS: Everything You Need To Know

The Mystery Of The CSS Float Property

The Z-Index CSS Property: A Comprehensive Look

CSS Sprites: Useful Techniques, Or Potential Nuisance?

Modern CSS Layouts: The Essential Characteristics

Modern CSS Layouts, Part 2: The Essential Techniques

Writing CSS For Others

Decoupling HTML From CSS

CSS Specificity And Inheritance

Equal Height Column Layouts With Borders And Negative Margins In CSS

!important CSS Declarations: How And When To Use Them

CSS Sprites Revisited

Learning To Use The :before And :after Pseudo-Elements In CSS

Taming Advanced CSS Selectors

Six CSS Layout Features To Look Forward To

Technical Information

Formats: PDF, EPUB, Kindle (DRM-free)

Pages: 281

Language: English

Released: May 2012

Publisher: Smashing Media GmbH

ISBN: 978-3-943075-37-3

Mastering CSS3

New possible uses of CSS appear every day, and you shouldn’t miss any of them. This eBook "Mastering CSS3" features recent CSS3 techniques, a detailed overview of advanced CSS3 pseudo-classes, CSS3 Flexbox, CSS animations and 3D transforms and modern techniques for constructing page layouts, among others. Can you really replace Photoshop with visual CSS3 techniques? Does CSS3 actually improve the speed of development and maintenance? What about common considerations for older browsers? You can be sure to gain insights from case-studies presented in this eBook.

TABLE OF CONTENTS

CSS3 vs. CSS: A Speed Benchmark

Why We Should Start Using CSS3 And HTML5 Today

Connecting The Dots With CSS3

An Introduction To CSS3 Keyframe Animations

The New Hotness: Using CSS3 Visual Effects

Adventures In The Third Dimension: CSS 3D Transforms

How To Use CSS3 Pseudo-Classes

CSS3 Flexible Box Layout Explained

The Guide To CSS Animation: Principles And Examples

Beercamp: An Experiment With CSS 3D

Using CSS3: Older Browsers And Common Considerations

Technical Information

Formats: PDF, EPUB, Kindle (DRM-free)

Pages: 251

Language: English

Released: May 2012

Publisher: Smashing Media GmbH

ISBN: 978-3-943075-27-4

JavaScript Essentials

The number of online solutions provided for JavaScript is growing every day. However, the workflow of Web developers and designers frequently culminates to confusion and disorientation due the information overflow. In order to organize this information and provide you with helpful guidelines to successfully optimize your next Web project, we offer you this Smashing eBook JavaScript Essentials. Filled with up-to-date lessons on coding reviews, JavaScript scopes and implementations, AJAX and various tips on JavaScript solutions, this eBook is essential for improving your JavaScript knowledge.

TABLE OF CONTENTS

Seven JavaScript Things I Wish I Knew Much Earlier In My Career

Lessons From A Review Of JavaScript Code

Find The Right JavaScript Solution With A 7-Step Test

Ten Oddities And Secrets About JavaScript

What You Need To Know About JavaScript Scope

The Seven Deadly Sins Of JavaScript Implementation

A Quick Look Into The Math Of Animations With JavaScript

Searchable Dynamic Content With AJAX Crawling

Technical Information

Formats: PDF, EPUB, Kindle (DRM-free)

Pages: 142

Language: English

Released: December 2011

Publisher: Smashing Media GmbH

ISBN: 978-3-943075-21-2

Mastering jQuery

jQuery is well-known for being a concise JavaScript library that helps simplify HTML document traversing, event handling, creating animations and Ajax interactions for rapid Web development. Choosing the right plugins, creating bookmarklets, setting patterns or manipulating images can be challenging even for experienced programmers. In order to help you avoid struggling with such decision issues, we've selected articles with the most exclusive, top-notch advice on jQuery in our latest release: the Smashing eBook "Mastering jQuery".

Subscribe to our email newsletter for useful tips and valuable resources, sent out every second Tuesday.

Email

Hungry for more content? Over 150 eBooks and videos are waiting to be discovered in our lovely Smashing Library. And guess what? You can watch Smashing Conference talks there, too.

Fixing RWD issues can be quite easy — once you understand exactly why they come up. The Mobile Web Handbook will help you understand technical issues on mobile and how to deal with them effectively.

SmashingConf isn't the eighth wonder of the world, but we are pretty close. Join us at the stunning world heritage Palau de la Música Catalana for two exciting conference days of SmashingConf Barcelona in October 20–21.