Tag Archives: german

Web Development Reading List: Announcing Changes, A Design Kit, DNA Malware, And Why Meaning Is An Advantage

You might have noticed it already: in the past few weeks you might have missed Anselm’s Web Development Reading List issues here on SmashingMag. No worries, from now on, we’ll switch to collecting the most important news of each month in one handy, monthly summary for you. If you’d like to continue reading Anselm’s weekly reading list (and we encourage you to!), you can still do so via email, on wdrl.

Jump to original:  

Web Development Reading List: Announcing Changes, A Design Kit, DNA Malware, And Why Meaning Is An Advantage

How To Harness The Machines: Being Productive With Task Runners


Task runners are the heroes (or villains, depending on your point of view) that quietly toil behind most web and mobile applications. Task runners provide value through the automation of numerous development tasks such as concatenating files, spinning up development servers and compiling code.

How To Harness The Machines: Being Productive With Task Runners

In this article, we’ll cover Grunt, Gulp, Webpack and npm scripts. We’ll also provide some examples of each one to get you started. Near the end, I’ll throw out some easy wins and tips for integrating ideas from this post into your application.

The post How To Harness The Machines: Being Productive With Task Runners appeared first on Smashing Magazine.

See the original post:

How To Harness The Machines: Being Productive With Task Runners

Thumbnail

Shortcuts And Tips For Improving Your Productivity With Sublime Text


Sublime Text is, no doubt, one of the most powerful text editors out there. The number of satisfied users attests to that. If you explore it, you will eventually see how beautifully its powerful features are hidden behind a simple and elegant interface.

Shortcuts And Tips For Improving Your Productivity With Sublime Text

If you have been using Sublime Text for some time, now is the time to upgrade your arsenal with new ammunition. I’ll be taking you through some of my favorite tips and tricks. Knowing them might just unleash your hidden powers as a programmer to the world.

The post Shortcuts And Tips For Improving Your Productivity With Sublime Text appeared first on Smashing Magazine.

Visit site – 

Shortcuts And Tips For Improving Your Productivity With Sublime Text

Designing Modular UI Systems Via Style Guide-Driven Development


Using a style guide to drive development is a practice that is gaining a lot of traction in front-end development — and for good reason. Developers will start in the style guide by adding new code or updating existing code, thereby contributing to a modular UI system that is later integrated in the application. But in order to implement a modular UI system, we must approach design in a modular way.

Designing Modular UI Systems Via Style Guide-Driven Development

Modular design encourages us to think and design a UI and UX in patterns. For example, instead of designing a series of pages or views to enable a user to accomplish a task, we would start the design process by understanding how the UI system is structured and how its components can be used to create the user flow.

The post Designing Modular UI Systems Via Style Guide-Driven Development appeared first on Smashing Magazine.

Link:  

Designing Modular UI Systems Via Style Guide-Driven Development

A Framework For Brainstorming Products

Brainstorming is notorious for being unstructured and often unactionable. People get in a room with some Post-its and whiteboards and expect the great ideas to happen. The problem is, even if there are great ideas in the room, there is often no clear-cut way to decide on what ideas to take action on.
Building a new service for a Fortune 500 company using applied user story mapping. That’s me facing the camera.

Original article – 

A Framework For Brainstorming Products

Retrofitting Zooming UI To Legacy Websites: An Impossible Task?


It’s well known that, in the ’80s, Microsoft and Apple made the graphical user interface (GUI), the dominant interface on desktop computers. What’s less known is that the GUI, whose navigation is based on pages and links, is not the only possible interface. And we know that finding our way in a modern GUI, whether for a website or application, is not always easy.

Retrofitting ZUIs To Legacy Websites: An Impossible Task?

One problem is of design, meaning that an interface could simply be poorly designed. But a different problem may very well be the way our brains are wired; even well-designed interfaces can be difficult to navigate and use.

The post Retrofitting Zooming UI To Legacy Websites: An Impossible Task? appeared first on Smashing Magazine.

From:  

Retrofitting Zooming UI To Legacy Websites: An Impossible Task?

Looking Back: One Year Of Microsoft Edge (Videos)


In 2015, Microsoft launched its first new browser in 20 years: Microsoft Edge. After 8 months, it’s on a great trajectory but we’re just getting started. Join us to learn about the progress we’ve made, feedback we’ve heard, and a whirlwind tour of improvements coming soon.

microsoft-edge-browser-usage-share-preview

This video is from Microsoft Edge Web Summit, a free conference organized and staffed by the engineers building Microsoft Edge and Chakra. You can find a full day of technical talks covering the EdgeHTML rendering engine, the open-source Chakra JavaScript engine, and developer tools. You can hear what’s next for the web platform that powers Windows 10, straight from the engineers who build it, and you can get an inside look at powerful techniques and new tools to make your life as a developer just a little bit easier.

The post Looking Back: One Year Of Microsoft Edge (Videos) appeared first on Smashing Magazine.

Excerpt from – 

Looking Back: One Year Of Microsoft Edge (Videos)

The Safari Problem With SVG Sprites (Now Fixed)

Update (19.05.2016): The bug was just fixed by Antti Koivisto and has landed in the current update of iOS (9.3.2) and Safari for OS X 9.1.1 (11601.6.17). When a user visits a site using a SVG sprite in a browser with an empty cache, the sprite is cached and will not be loaded multiple times any longer. You’ll find more details here (in German), and Sven Wolfermann’s results before and after the iOS update.

Continue at source:  

The Safari Problem With SVG Sprites (Now Fixed)

Thumbnail

An Ultimate Guide To CSS Pseudo-Classes And Pseudo-Elements


Hola a todos! (Hello, everyone!) In my early days of web design, I had to learn things the hard way: trial and error. There was no Smashing Magazine, Can I Use, CodePen or any of the other amazing tools at our disposal today. Having someone show me the ropes of web design, especially on the CSS front, would have been incredibly helpful.

An Ultimate Guide To CSS Pseudo-Classes And Pseudo-Elements

Now that I am far more experienced, I want to share with you in a very friendly, casual, non-dogmatic way a CSS reference guide to pseudo-classes and pseudo-elements.

The post An Ultimate Guide To CSS Pseudo-Classes And Pseudo-Elements appeared first on Smashing Magazine.

More here: 

An Ultimate Guide To CSS Pseudo-Classes And Pseudo-Elements

Web Development Reading List #133: Workflow Tools And The Aesthetics Of Invisible Code

I write about it often, but it’s a topic that makes me love my job, it’s the reason why communities work and why great people are great. I’m talking about honesty and ethics in everything we do, in how we live.
Reading about corruption, tax avoidance tricks, wars, and also about poorly written code or bad user experiences has taught me a lot. Looking back at projects where I stood behind the idea and business model and at projects that I saw only as money-making work showed me that sticking to my ethical principles and being honest makes me feel better, which leads to better work.

More here: 

Web Development Reading List #133: Workflow Tools And The Aesthetics Of Invisible Code