In this article, Cosima Mielke will provide you with tools and resources to simplify editing, converting, optimizing, and delivering SVGs. She’ll take a look at what you can do to make your SVG code lean and performant, dive deeper into dealing with browser bugs, and provide tips for designing an icon system. This piece boils the key takeaways from the mentioned resources down to easily digestible bits that you can squeeze into a coffee break for some in-between SVG enlightenment.
Read more…
What’s going on in the industry? What new techniques have emerged recently? What insights, tools, tips and tricks is the web design community talking about? Anselm Hannemann is collecting everything that popped up over the last week in his web development reading list so that you don’t miss out on anything. The result is a carefully curated list of articles and resources that are worth taking a closer look at.
Read more…
Two years ago, the W3C published the final recommendation of the HTML5 spec, which came with a new set of HTML elements and APIs, especially for video. Most of the new elements have been known about and used for a while in HTML5 video player code because they are implemented in all modern browsers. The specification is stable. Still, the W3C has a lot of work to do left. For Stefan Lederer, the most important standard the W3C is working on is the “Media Source Extensions” (MSEs) standard, which currently has the status of “Candidate Recommendation.” This JavaScript API allows us to generate media streams for the
In recent years, new prototyping tools have emerged, many for mobile design. The landscape is constantly changing, with some tools losing favor with UX designers (or UXers) and others taking their place. While this article will not serve as a complete paint-by-numbers manual for selecting a prototyping tool, Svetlin Denkov will discuss important factors that influence the selection process. Near the end of the article, the “Resources” section will point you in the direction of more specific comparisons to give you additional context for decision-making.
Read more…
Internships are an excellent way to get real-world experience in the hands-on field of design. But they can also be a waste of time if you choose the wrong one. In this article, Mason Gentry will share tips that will help you land a great internship as you begin your illustrious career in design, as well as insights from some of the world’s best design firms so you can think about the application process from both sides.
Read more…
Emotions aren’t a problem to be solved. People are complicated. People change. People are often a little conflicted. Algorithms can have a hard time with that. Emotion-sensing data promises to balance machine logic with a more human touch, but it won’t be successful without human designers. It may be difficult to imagine all the ways that artificial intelligence with emotion-sensing or emotionally intelligent technology, will shape experience. Let’s start by looking at the most familiar type of emotionally intelligent technology: a conversational app.
Read more…
Containerization will start a revolution in open source similar to what Git did, by making it much simpler to take any code and start compiling it right away. In this first part, Daniel Demmel gives a bit of background to help you understand the concepts behind Docker through some metaphors. But if you just want to get started with the tutorial, skip to the “Time to Play!” section. By the end, you should have a basic understanding of Docker and have it working on your computer!
Read more…
In this part of the tutorial Nash Vail will start by replacing the photographer’s name with the actual wallpaper image along with proper credits. During this process you’ll learn how to link a library in Xcode, as well as more on general styling and positioning of UI elements. You will learn how to save pictures to the Camera Roll and also how to run your app on a physical device. To apply all your newly learned React Native skills there is a challenge waiting for you at the end. Just like the first part, this article has five sections. Completing each section takes us a step closer to finishing our app.
Read more…
The Patriot newspaper in New Delhi was India’s first newspaper to make the technology transition from letterpress printing based on molten lead to computer-based phototypesetting. C Y Gopinath had no experience in managing such transitions, since the field itself was new, but he was expected to master the new technology and phototypesetting, develop training methods to upgrade the letterpress compositors to phototypesetting and, finally, redesign the newspaper to take advantage of the new technologies. In this article, C Y Gopinath examines how design has changed as materials have evolved, and underlines how the need for deliberate design is greater than it has ever been.
Read more…
Imagine a web component distributed as a single .js file and containing everything. We would still have our basic style sheets, but the dynamic CSS would be a part of JavaScript. Now this is possible, and one way to achieve it is with CSSX. Similar to JSX, CSSX offers encapsulation. Being able to see all parts of a single component is a big step forward. The separation of concerns defined development for years, but the web is changing. Understanding what is going on is easier when everything is in one place.
Read more…
