How To Protect Your Users With The Privacy By Design Framework

July 27, 2017
  • Facebook
  • Twitter
  • Delicious
  • LinkedIn
  • StumbleUpon
  • Add to favorites
  • Email
  • RSS



 


 

In these politically uncertain times, developers can help to defend their users’ personal privacy by adopting the Privacy by Design (PbD) framework. These common-sense steps will become a requirement under the EU’s imminent data protection overhaul, but the benefits of the framework go far beyond legal compliance.

If you are collecting personal data, you have to abide by the rules

Let’s give credit where credit is due. The global political upheaval of the past 12 months has done more to get developers thinking about privacy, surveillance and defensive user protection than ever before. The risks and threats to ourselves, and to our users, are no longer theoretical; they are real, they are everyday, and they are frightening.

The post How To Protect Your Users With The Privacy By Design Framework appeared first on Smashing Magazine.

Read the full article →

Best Books For Learning Web Development: The Ultimate Collection

July 26, 2017
  • Facebook
  • Twitter
  • Delicious
  • LinkedIn
  • StumbleUpon
  • Add to favorites
  • Email
  • RSS

Learning to code websites is a tough but rewarding goal. There’s a lot to learn and it takes quite a few months of practice to really get the hang of things. But with the right learning resources…

Click through to read the rest of the story on the Vandelay Design Blog.

Read the full article →

The Missing Advice I Needed When Starting My Career

July 25, 2017
  • Facebook
  • Twitter
  • Delicious
  • LinkedIn
  • StumbleUpon
  • Add to favorites
  • Email
  • RSS



 


 

Do you ever wish you had a time machine? I certainly do, but not for the usual reasons. I want a time machine so I can go back and have a frank conversation with my younger self. I’ll let you in on a bit of a secret: My younger self was an idiot!

Look for inspiration beyond the web. Look to art, architecture and print design.

I have been working on the web for over 22 years now, and I feel like I wasted so many of those years. If only I could go back and share a few hard truths with myself at the start of my career. Unfortunately, I cannot, but I can share that advice with you.

The post The Missing Advice I Needed When Starting My Career appeared first on Smashing Magazine.

Read the full article →

Enhancing CSS Layout: From Floats To Flexbox To Grid

July 24, 2017
  • Facebook
  • Twitter
  • Delicious
  • LinkedIn
  • StumbleUpon
  • Add to favorites
  • Email
  • RSS



 


 

Earlier this year, support for CSS grid layout landed in most major desktop browsers. Naturally, the specification is one of the hot topics at meet-ups and conferences. After having some conversations about grid and progressive enhancement, I believe that there’s a good amount of uncertainty about using it. I heard some quite interesting questions and statements, which I want to address in this post.

Progressively enhanced CSS Layout, with Flexbox and CSS Grid.

“When can I start using CSS grid layout?” “Too bad that it’ll take some more years before we can use grid in production.” “Do I need Modernizr in order to make websites with CSS grid layout?” “If I wanted to use grid today, I’d have to build two to three versions of my website.” The CSS grid layout module is one of the most exciting developments since responsive design. We should try to get the best out of it as soon as possible, if it makes sense for us and our projects.

The post Enhancing CSS Layout: From Floats To Flexbox To Grid appeared first on Smashing Magazine.

Read the full article →

Web Development Reading List #190: Images in Web Notifications and Angular Code Splitting

July 21, 2017
  • Facebook
  • Twitter
  • Delicious
  • LinkedIn
  • StumbleUpon
  • Add to favorites
  • Email
  • RSS



 


 

New APIs offer great possibilities to build better web services. And some people push these new technologies to their limits. For example, we can use JavaScript to generate images that we then can use in Web Notifications. We can use the Storage API to find out if and how much data we can save on a user’s device and can adjust the behavior of our applications accordingly.

Designing the product for sustainability

And then we can push our designs further. Constant improvement and development of the navigation is what makes a service like Gitlab easier to use. And by giving advice to users, such as promoting more sustainable options, we can show empathy to our users while improving the world. It all starts with us pushing our projects further.

The post Web Development Reading List #190: Images in Web Notifications and Angular Code Splitting appeared first on Smashing Magazine.

Read the full article →

Best Online Courses To Teach Yourself Icon Design

July 20, 2017
  • Facebook
  • Twitter
  • Delicious
  • LinkedIn
  • StumbleUpon
  • Add to favorites
  • Email
  • RSS

It’s easier than ever to teach yourself web design using the litany of resources online. Premium courses offer the highest quality and the most in-depth lessons so if you can swing it they’re worth…

Click through to read the rest of the story on the Vandelay Design Blog.

Read the full article →

Designing The Perfect Slider

July 19, 2017
  • Facebook
  • Twitter
  • Delicious
  • LinkedIn
  • StumbleUpon
  • Add to favorites
  • Email
  • RSS



 


 

When we think about a slider, we usually imagine an image gallery slider, or the infamous carousel, or perhaps off-canvas navigation, with the overlay sliding in from the side. However, this article is not about those kinds of sliders. Instead, we’ll look into the fine details of designing better slider controls for selecting a value or a range of values. Think of price range sliders, 360-degree-view sliders, timeline sliders, health insurance quote calculators, or build-your-own-mobile-plan features.

A playful animation of a slider, changing the appearance of a house.

In all of these use cases, a slider is helpful because it allows users to explore a wide range of options quickly. For precise input, a slider can never beat a regular input field, but we can use a slider to nudge our customers to explore available options and, hence, aid them in making an informed decision.

After a close look at perfect accordions and date and time pickers, let’s turn our attention to sliders, with do’s and don’ts and things to keep in mind when designing one. But first, we need to figure out when a slider makes sense in the first place. (Please note: that article is quite large, and contains many animations and videos.)

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

Read the full article →

Taming Advanced Color Palettes In Photoshop, Sketch And Affinity Designer

July 17, 2017
  • Facebook
  • Twitter
  • Delicious
  • LinkedIn
  • StumbleUpon
  • Add to favorites
  • Email
  • RSS

 

 

Creating large, harmonious and uniform color palettes can be a challenge. Good intentions and confident plans can be abandoned when things get a little u…

Read the full article →

A Novice’s Guide to Understanding the Benefits of SEO for Businesses

July 14, 2017
  • Facebook
  • Twitter
  • Delicious
  • LinkedIn
  • StumbleUpon
  • Add to favorites
  • Email
  • RSS

I have a small website for my garage business; will SEO be helpful for me? Will SEO help my e-commerce startup? I have just outsourced SEO for my website, will I get more leads? These are some of the questions that cross the minds of newbies going for SEO. To understand how you can benefit […]

Original post: A Novice’s Guide to Understanding the Benefits of SEO for Businesses

Read the full article →

Web Development Reading List #189: Sync Via Push API, RTL CSS, And The Disaster Factory

July 14, 2017
  • Facebook
  • Twitter
  • Delicious
  • LinkedIn
  • StumbleUpon
  • Add to favorites
  • Email
  • RSS

 

 

Do you feel stressed from time to time? I do. Recently, I experimented with meditation and yoga, just to see if and how they work. There’s a lot of advic…

Read the full article →