Styled-Components: Enforcing Best Practices In Component-Based Systems

    Building user interfaces on the web is hard, because the web and, thus, CSS were inherently made for documents. Some smart developers invented methodologies and conventions such as BEM, ITCSS, SMACSS and many more, which make building user interfaces easier and more maintainable by working with components. After this shift in mindset towards building component-based user interfaces, we are now in what we like to call the “component age.” The rise of JavaScript frameworks such as React, Ember and recently Angular 2, the effort of the W3C to standardize a web-native component system, pattern libraries and style guides being considered the “right way” to build web applications, and many other things have illuminated this revolution.The post Styled-Components: Enforcing Best Practices In Component-Based Systems appeared first on Smashing Magazine.
Source: Design

Visit http://upmaker.org/iptv/ to find out more regarding iptv Car Service CT, Airport Car Service & Connecticut Car Service is provided by CT Airlink throughout CT to NYC, Manhattan, JFK, LaGuardia, Newark, Westchester County, Boston Logan (BOS) & Hartford Bradley Airport. CT Airlink use Sedans and SUVs for Car Service in CT to Bradley Airport from Oxford, New Haven, Wallingford, Meriden, Middletown, Rocky Hill, Hartford, Farmington, New Britain, Southington, Waterbury, Middlebury, Southbury, Woodbury, Naugatuck, Newtown, Trumbull, Bethel, Danbury, Brookfield, Torrington and Litchfield. Benefit from fantastic savings on rear camera , just by taking a look at http://www.peakauto.com A website like http://www.emmanueltransport.com.au will provide you with the highest quality in the industry.

Web Development Reading List #165: Starting The New Year With Browser News, Container Architecture, And React “Aha” Moments

    Happy new year! I hope you had a good start and can feel positive about what 2017 might bring. As mentioned in the last edition of the past year, I don’t like New Year’s resolutions too much, but I’d like to point you to something that Marc Thiele wishes for this year: “So my wish then also is, that you reflect and ask yourself, if you want to post the text or maybe even just have another, a second look on the text you are about to post. Maybe you decide, that you don’t post it. Maybe this helps, that less negative posts and emotions are spread.”The post Web Development Reading List #165: Starting The New Year With Browser News, Container Architecture, And React “Aha” Moments appeared first on Smashing Magazine.
Source: Design

Freebie: Clothing Icons (9 Styles, AI, EPS, SVG, PNG)

    Winter means getting out your scarf and a cozy hat to brave the cold — if you’re located in the Northern hemisphere that is. For all those occasions when your projects may need to get dressed up a little, we are happy to present to you the free Clothing Icon Set created by the design team at Creativebin today. The set includes 40 icons with everything ranging from shirts, pants and dresses to a blazer, hat and even a scarf. Available in nine styles and four formats (AI, EPS, SVG and PNG). Please note that this icon set is licensed under a Creative Commons Attribution 3.0 Unported. You may modify the size, color or shape of the icons. No attribution is required, however, reselling of bundles or individual pictograms is not cool. Please provide credits to the creators and link to the article in which this freebie was…
Source: Design

Designing A Responsive Music Player In Sketch (Part 2)

    Welcome to the second part of this tutorial, in which we will finish designing the music player that we started in part one. This includes creating the icons at the bottom, as well as making the music player responsive, so that all elements adapt to the width of the artboard and, thus, can be used for different device widths. Our premise in creating all of the icons is to use basic shapes as often as possible, instead of custom vector elements. Shapes are much easier to set up and modify, and we will still be able to combine them into more complex forms using Boolean operations. The post Designing A Responsive Music Player In Sketch (Part 2) appeared first on Smashing Magazine.
Source: Design

How Functional Animation Helps Improve User Experience

    Since humans are visually driven creatures, the impact of imagery only increases with the help of animation. Our eyes innately pay attention to moving objects, and animation is like eye candy — catchy and bright elements that call attention to and help differentiate an app from its competitors. As of late, more and more designers are incorporating animation as a functional element that enhances the user experience. Animation is no longer just for delight; it is one of the most important tools for successful interaction.The post How Functional Animation Helps Improve User Experience appeared first on Smashing Magazine.
Source: Design

An Introduction To Building And Sending HTML Email For Web Developers

    HTML email: Two words that, when combined, brings tears to a developer’s eyes. If you’re a web developer, it’s inevitable that coding an email will be a task that gets dropped in your lap at some time in your career, whether you like it or not. Coding HTML email is old school. Think back to 1999, when we called ourselves “webmasters” and used Frontpage, WYSIWYG editors and tables to mark up our websites. Not much has changed in email design. In fact, it has gotten worse. With the introduction of mobile devices and more and more email clients, we have even more caveats to deal with when building HTML email.The post An Introduction To Building And Sending HTML Email For Web Developers appeared first on Smashing Magazine.
Source: Design

Breaking Out Of The Box: Design Inspiration (January 2017)

    Many people find it difficult to get their minds back into work after a holiday season filled with love, food, and friends. May 2017 bring you a healthy and inspiring adventure. As for that kick-start inspiration, I hope this article will help get you back in the creative mindset. The above illustration has a style that I’m sure everyone will admire. The combination of colors used is simply marvelous — so simple, yet so complex.The post Breaking Out Of The Box: Design Inspiration (January 2017) appeared first on Smashing Magazine.
Source: Design

Bringing Your App’s Data To Every User’s Wrist With Android Wear

    The most popular mobile operating system is known to be Android. One of the main reasons for its popularity is its ability to run on a huge number of devices, not only on phones and tablets. We find Android on TVs, watches, cars, even fridges and mirrors. Android Wear is the version of the operating system specifically designed to extend the Android platform to wearables, with particular attention to smartwatches. These devices allow the user to consume information in a completely different way than traditional handheld devices: Data is presented at the right time depending on the user’s context, and interaction is less invasive and time-consuming than in a phone app.The post Bringing Your App’s Data To Every User’s Wrist With Android Wear appeared first on Smashing Magazine.
Source: Design

Becoming A Better Facilitator

    Facilitation in the broadest sense means helping or enabling people to achieve a positive outcome. It’s an important and often under-appreciated skill for designers and other UX professionals to gain. It’s especially important as more teams embrace lean UX practices, which shift emphasis away from big deliverables toward facilitating outcomes such as continuous discovery and shared understanding. Any kind of working session or meeting in which design decisions are being shaped needs a facilitator. The authors of Sprint, the popular book about running five-day design sprints, compare the facilitator’s role to Brad Pitt’s character in Ocean’s Eleven: The facilitator “keeps the heist running.” But you don’t need to run a week-long workshop to benefit from facilitation skills.The post Becoming A Better Facilitator appeared first on Smashing Magazine.
Source: Design

Designing A Responsive Music Player In Sketch (Part 1)

    Sketch is known for its tricky, advanced facets, but it’s not rocket science. We’ve got you covered with The Sketch Handbook which is filled with practical examples and tutorials that will help you get the most out of this mighty tool. In today’s article, Christian Krammer gives us a little taste of all the impressive designs Sketch is capable of bringing to life. — Ed. Music plays a big role in my life. For the most part, I listen to music when I’m commuting, but also when I’m exercising or doing some housework. It makes the time fly, and I couldn’t imagine living without it. However, one thing that has always bothered me is that the controls of music apps can be quite small and hard to catch. This can be a major issue, especially in the car, where every distraction matters. Another issue, in particular with the…
Source: Design