Designing The Perfect Accordion




 


 

Design patterns. An almost mythical phrase that often inspires either awe or resentment. As designers, we tend to think of design patterns as generic off-the-shelf solutions that can be applied to various contexts almost mechanically, often without proper consideration. Navigation? Off-canvas! Deals of the day? Carousel! You get the idea.

Designing The Perfect Accordion (With A Checklist)

Sometimes we use these patterns without even thinking about them, and there is a good reason for it: Coming up with a brand new solution every time we encounter an interface problem is time-consuming and risky, because we just don’t know how much time will be needed to implement a new solution and whether it will gracefully succeed or miserably fail in usability tests.

The post Designing The Perfect Accordion appeared first on Smashing Magazine.


Source: Smashing Magazine

Free Icon Set: Happy 4th Of July 🇺🇸 (20 Icons, PNG, EPS, AI, SVG)




 


 

Every once in a while, we publish freebies related to different occasions and themes. Today, we’d like to share an icon set dedicated to a well-known upcoming American holiday.

Free Flat Icon Set: 🇺🇸 Happy 4th Of July (20 Icons, PNG, EPS, AI, SVG)

Some of you may already be working on the usual flyers or brochures, so we thought we’d help you out with a set of colorful icons to spice up your designs a bit differently this year. Thank us later!

The post Free Icon Set: Happy 4th Of July 🇺🇸 (20 Icons, PNG, EPS, AI, SVG) appeared first on Smashing Magazine.


Source: Smashing Magazine

Connecting With Users: Incorporating Humor In Web Design




 


 

Joan is applying for a small loan on all-online-loanzzz.com. She’s becoming frustrated with the number of financial-disclosure forms she has to fill out. She’s thinking about visiting her local bank to ask for a loan instead.

Connecting With Users: Incorporating Humor In Web Design

While waiting for a page to load, the application presents a cartoon image of a person wearing a business suit sitting in a jail cell. The image caption says, “Hey, everyone hates disclosures. We know you do, too. We’re doing our best to keep everyone out of jail. Please bear with us for a few more clicks. You won’t regret it, and our loan officers will stay out of jail.” Joan smirks at the image. She might not appreciate the number of forms she has to complete, but she understands the serious nature of applying for a loan.

The post Connecting With Users: Incorporating Humor In Web Design appeared first on Smashing Magazine.


Source: Smashing Magazine

Designing Mobile Experiences For Millennial Shoppers




 


 

The average American spends at least five hours per day on their smartphone. So, why is it so hard to make mobile ads work? Marketers toil over clicks and conversions on highly targeted ads, but users, tired of intrusive banners, keep installing ad blockers.

Designing Mobile Marketing Experiences For Millennial Shoppers

With $100 billion in annual mobile ad spend at stake, someone has to figure out a way to fix this disconnect.

The post Designing Mobile Experiences For Millennial Shoppers appeared first on Smashing Magazine.


Source: Smashing Magazine

Web Development Reading List #186: Tor 7, Designing Depth, And Mac Ransomare




 


 

Design is one of the most controversial things in our industry. There are barely any redesigns that aren’t discussed heavily in the community. Changing a well-working design is even harder as people tend to dislike anything new, but if we give them a bit of time, they might start to see things from a different perspective.

Web Development Reading List 186

Instead of following what everyone else is doing, we shouldn’t hesitate to leave the beaten tracks when designing — by creating a contrast-rich, deep design without using drop shadows, for example. Whatever you do, be sure to explore new options whenever you can.

The post Web Development Reading List #186: Tor 7, Designing Depth, And Mac Ransomare appeared first on Smashing Magazine.


Source: Smashing Magazine

Building Production-Ready CSS Grid Layouts Today




 


 

Industries often experience evolution less as slow and steady progress than as revolutionary shifts in modality that change best practices and methodologies seemingly overnight. This is most definitely true for front-end web development.

Building Production-Ready CSS Grid Layouts Today

Our industry thrives on constant, aggressive development, and new technologies emerge on a regular basis that change the way we do things in fundamental ways.

The post Building Production-Ready CSS Grid Layouts Today appeared first on Smashing Magazine.


Source: Smashing Magazine

Hybrid Apps And React Native: A Time To Transition?




 


 

Accomplished musicians often talk about how, at certain moments in their careers, they had to unlearn old habits in order to progress. This process often causes them to regress in performance while they adjust to an ultimately better method.

Hybrid Apps And React Native: A Time To Transition?

Once the new approach is integrated, they are able to reach new heights that would not have been possible with their previous techniques.

The post Hybrid Apps And React Native: A Time To Transition? appeared first on Smashing Magazine.


Source: Smashing Magazine

Convincing Clients: How To Get Sign Off When It Matters




 


 

We have all been there. That dreaded moment when after weeks of work we have to present our progress to key stakeholders, and they mercilessly tear it apart. It feels inevitable, but usually, we can avoid these situations.

Wouldn’t life be so much easier if we didn’t need to get other people to buy-in to our work? Unfortunately, it doesn’t work that way, especially in digital. What we do involves so many different disciplines working together. We have to get the support of colleagues, stakeholders and management. But, achieving that can be painful, to say the least.

The post Convincing Clients: How To Get Sign Off When It Matters appeared first on Smashing Magazine.


Source: Smashing Magazine

A Complete Guide To Switching From HTTP To HTTPS




 


 

HTTPS is a must for every website nowadays: Users are looking for the padlock when providing their details; Chrome and Firefox explicitly mark websites that provide forms on pages without HTTPS as being non-secure; it is an SEO ranking factor; and it has a serious impact on privacy in general.

A Complete Guide To Switching From HTTP To HTTPS

Additionally, there is now more than one option to get an HTTPS certificate for free, so switching to HTTPS is only a matter of will.

The post A Complete Guide To Switching From HTTP To HTTPS appeared first on Smashing Magazine.


Source: Smashing Magazine

Web Development Reading List #185: Safari 11, New Edge Build, Chrome 59, And CSS Optimization Insights




 


 

This week was full of great browser vendor news: Safari 11 was announced with long-awaited features such as WebRTC and tracking protection, and a new Edge build with new CSS features is now available, too.

Web Development Reading List 185

But the past few days also had some valuable articles up their sleeves: about implementing HTTP/2 push, using datetime-local, and slimming down your CSS, for example. I collected everything in this reading list for you, so you don’t miss out on anything. Enjoy!

The post Web Development Reading List #185: Safari 11, New Edge Build, Chrome 59, And CSS Optimization Insights appeared first on Smashing Magazine.


Source: Smashing Magazine