3 COMMENTs
Design & UX
Aja Frost, Jan 24

Dark UX: Dirty Tricks and Tactics to Avoid in 2017

Often our goals and those of our user are in alignment – but not always. Sometimes you have a devil on one shoulder and an angel on the other.
Design & UX
Angela Molina, Jan 18

Are You Improving Your UX with Analytics?

Learn to make informed UX decisions based on qualitative data through UX analytics.
1 COMMENT
Design & UX
Aja Frost, Jan 16

4 Ways to Turn Your Site Into Your Best Salesperson

Talented salespeople are a wonderful asset to business but they don't come cheap. Aja has 4 ways to permanently increase your website conversion rates.
1 COMMENT
Design & UX
Luke Hay, Jan 12

How To Really Get To Know Your Users with Analytics

Designers can look at Analytics as tools for marketers and SEO people. Luke shows us how design is about understanding, and understanding is about data.
10 COMMENTs
Design & UX
Tim Brown, Jan 10

5 Ways to Delight with UX Details Combining GIFs and CSS

The GIF format has been around for so long that sometimes it's easy to overlook its usefulness. Tim wants you to reconsider the power of GIFs and CSS.
HTML & CSS
Louis Lazaris, Jan 10

An HTML5 FAQ

2 COMMENTs
HTML & CSS
Louis Lazaris, Jan 06

Introducing the HTML5 Herald Sample Site

The following is an extract from our book, HTML5 & CSS3 for the Real World, 2nd Edition, written by Alexis Goldstein, Louis Lazaris, and Estelle Weyl.
3 COMMENTs
Design & UX
Andrew Tiburca, Jan 05

4 Killer Typography Tips from the World's Biggest Brands

Successful global brands can become so ubiquitous that we don't almost don't notice them. Andrei shows they have some valuable typography tips to teach us.
1 COMMENT
HTML & CSS
Louis Lazaris, Jan 04

Improve Your Website's Accessibility With WAI-ARIA

1 COMMENT
Design & UX
Alex Walker, Jan 02

Web Design 2016: Attack of the Chromes!

Every year your workflow changes. For me, 2016 was the year when the Chrome App arrived as a serious web/UI design option.
Design & UX
Louis Lazaris, Dec 21

HTML5 & CSS3 for the Real World

Design & UX
Daniel Schwarz, Dec 20

Adobe XD or Sketch: Which Will Result in the Best UX?

Adobe have finally offered a genuine competitor to Sketch. The big question is: Adobe XD or Sketch? Is the new kid on the block a real contender?
HTML & CSS
Louis Lazaris, Dec 19

Introducing CSS3

4 COMMENTs
HTML & CSS
Louis Lazaris, Dec 15

Introducing HTML5

1 COMMENT
Design & UX
Alex Walker, Dec 07

UI Motion : Can You Tell a Story with Movement?

We all think carefully about choosing a color, but – as Heider and Simmel show – the way an object moves can have a profound impact on how we feel about it.
20 COMMENTs
Design & UX
Daniel Schwarz, Dec 07

What is Adaptive Design? (And is it Different from Responsive Design?)

We all have an understanding of responsive design, but how does it relate to 'Adaptive design'? Turns out the answer depends on who you ask.
3 COMMENTs
Mobile
Tatsiana Levdikova, Dec 02

Using Color Schemes in Mobile UI Design

According to Kissmetrics, a product’s visual appearance is the number one factor influencing consumers’ purchasing decisions. Nowadays, it is common practice among marketing managers to hire color consultants to get assistance in determining a color (or colors) that would attract their customers. They understand that colors are an important marketing tool. Mobile app developers have many useful things to learn from them. The color wheel based on the three primary colors (red, yellow, and blue) has been used by artists for centuries. The first color diagram was developed by Newton 350 years ago. The color wheel used nowadays includes primary, secondary (green, orange, and purple) and tertiary colors (yellow-orange, red-orange, red-purple, blue-purple, blue-green, and yellow-green).
Design & UX
Daniel Schwarz, Nov 29

Animations: Using Easings to Craft Smarter Interactions

Modern user interfaces move. But as Fun Boy Three and Bananarama once said, "T'aint what you do, it's the way that you do it!". Let's talk about easings.
4 COMMENTs
Design & UX
Alex Walker, Nov 23

How to Hack Brains with Cinemagraphs

Cinemagraphs are like the snow globes of the web – simple yet strangely mesmerizing. Here's how to use them in your web design.
8 COMMENTs
Mobile
Elio Qoshi, Nov 22

Firefox OS post-mortem - Interview with Andre Garzia

I am happy to be joined today by Andre Garzia, a Mozilla Tech Speaker, Firefox OS book author and contributor at Mozilla for the past few years. At SitePoint we tend to cover cutting edge topics and keep developers in the loop about the latest happenings around the web. This time however, we will have a look back and talk about Firefox OS, which as you might have heard, was discontinued earlier this year. We will have a look at the things Firefox OS stood for, what impact it had on the web and what lessons we can learn from it. Elio: It’s great having you here Andre! Also thanks for taking the time to cover a few things about Firefox OS, which might be a rather difficult topic, as we have all been so passionate about it. Andre: It’s my pleasure. After all this time we can have a look at Firefox OS in a less biased way, I believe. Elio: I suppose. It would be great if you could tell me more about yourself at Mozilla and how did you get involved with Firefox OS in the first place? Andre: I was participating in a hackathon, on a brazilian campus party. They had these huge hackathons there lasting for many days. People basically camp there with activities 24/7. I went to that event alone, I didn’t have a crew to hang out with and a couple of days before that event, I went to a Firefox OS app day, where they explained the system and the API-s.
8 COMMENTs
Design & UX
Michaela Freeman, Nov 21

Web Layout 101: Making the Most of the Top Right Corner

The top right of screen is a difficult area of the screen to design for. Michaela shows you how to select the best images for your layout.
2 COMMENTs
Design & UX
Ivaylo Gerchev, Nov 15

The Best Way to Create Fantastic 'Invisible Pen' Effects in SVG

Watching an SVG image drawn onto screen is powerful effect. Ivaylo shows you how to create the 'Invisible Pen' Effect in SVG using Vivus.js
1 COMMENT
Web
Adam Rasheed, Nov 13

Mobile User Interface Design with Sketch

We recapped our Live Lesson with Adam Rasheed, teacher of our User Interface Design with Sketch course on SitePoint Premium.
Design & UX
Adam Rasheed, Nov 07

Is Figma a Serious Option for Sketch Designers?

There's a lot of social buzz around 'Figma' , a new Browser-based UI Design tool. But is it a serious alternative? We look at Figma for Sketch Designers