Styling Web Components Using A Shared Style Sheet

/in , /by





 



 

Web components are an amazing new feature of the web, allowing developers to define their own custom HTML elements. When combined with a style guide, web components can create a component API, which allows developers to stop copying and pasting code snippets and instead just use a DOM element.

Styling Web Components Using A Shared Style Sheet

By using the shadow DOM, we can encapsulate the web component and not have to worry about specificity wars with any other style sheet on the page. However, web components and style guides currently seem to be at odds with each other.

The post Styling Web Components Using A Shared Style Sheet appeared first on Smashing Magazine.

Source: Smashing Magazine, Styling Web Components Using A Shared Style Sheet

How My API-Driven Website Helps Me Travel The World

/in , , , , , /by





 



 

Recently, I decided to rebuild my personal website, because it was six years old and looked — politely speaking — a little bit “outdated.” The goal was to include some information about myself, a blog area, a list of my recent side projects, and upcoming events.

How My API-Driven Website Helps Me Travel The World

As I do client work from time to time, there was one thing I didn’t want to deal with — databases! Previously, I built WordPress sites for everyone who wanted me to. The programming part was usually fun for me, but the releases, moving of databases to different environments, and actual publishing, were always annoying.

The post How My API-Driven Website Helps Me Travel The World appeared first on Smashing Magazine.

Source: Smashing Magazine, How My API-Driven Website Helps Me Travel The World

How To Build A SpriteKit Game In Swift 3 (Part 3)

/in , , , , /by





 



 

Have you ever wondered what it takes to create a SpriteKit game? Do buttons seem like a bigger task than they should be? Ever wonder how to persist settings in a game? Game-making has never been easier on iOS since the introduction of SpriteKit. In part three of this three-part series, we will finish up our RainCat game and complete our introduction to SpriteKit.

How To Build A SpriteKit Game In Swift 3 (Part 3)

If you missed out on the previous lesson, you can catch up by getting the code on GitHub. Remember that this tutorial requires Xcode 8 and Swift 3.

The post How To Build A SpriteKit Game In Swift 3 (Part 3) appeared first on Smashing Magazine.

Source: Smashing Magazine, How To Build A SpriteKit Game In Swift 3 (Part 3)