Category: UX / UI

Filter
What You Need To Know About Gutenberg: The New WordPress Editor – Part 2

What You Need To Know About Gutenberg: The New WordPress Editor – Part 2

In Part 1 on Gutenberg, we covered what a WYSIWYG editor is and that a new one is coming to WordPress at some point in 2018. Recently, I took a course to learn more about this new editor and how to develop for it. I strongly recommend looking at Zac Gordon’s Gutenberg Development Course. Zac...

How to Tell a Story with your Website

How to Tell a Story with your Website

Your website is a sales and marketing asset for your business – at least, it should be. It should be clear, helpful, memorable, and speak directly to your audience. It should tell your story, starting with the homepage. It should make a new visitor actually feel like you get them. And it should explain who...

What You Need To Know About Gutenberg: The New WordPress Editor – Part 1

What You Need To Know About Gutenberg: The New WordPress Editor – Part 1

An exciting development in WordPress is coming in version 5.0 slated to launch later in 2018. A brand new editor, named Gutenberg, is going to change the way we build and interact with WordPress sites. WYSIWYG We have commonly referred to the content editor within WordPress as a WYSIWYG editor (What You See Is What...

Mobile Site Speed Matters

Mobile Site Speed Matters

Read this out loud: One Mississippi Two Mississippi Three Mississippi Four Mississippi Five Mississippi Now, imagine you just clicked a link – begin reading: One Mississippi Two Mississippi Three Mississippi Four Mississippi Five Mississippi …and now the web page loads. I imagine most of you would have either: left before the page loads. thought “what’s...

The Biggest Lesson We’ve Learned in Web Development Efficiency

The Biggest Lesson We’ve Learned in Web Development Efficiency

We’ve created hundreds of WordPress sites for our clients. Repetition and reflection are the keys to improving any process, and our web process is no different. We’re always striving to become more efficient in this process. At a high level, this is our process: Learn as much about the client as we can Write copy...

3 Web Trends to Watch in 2018

3 Web Trends to Watch in 2018

New year, new trends. Here at Syrup, we’re constantly staying up to date with the latest web trends, keeping up with the industry so we can leverage the freshest of fresh ideas for our clients. 2018 is sure to bring us plenty of big changes, but there are 3 trends that we think could have a...

Everything on This Blog is Wrong

Everything on This Blog is Wrong

Blogs…it is way too easy to jot down some thoughts and put it out there…for the world…forever! Earlier this week, I was tempted just to kill every post on this site and start over. Some of the thoughts are immature, some outdated, some irrelevant, and some are nothing less than embarrassing. In the end, I...

Practice Makes (Almost) Perfect

Practice Makes (Almost) Perfect

“For the things we have to learn before we can do them, we learn by doing them.” ― Aristotle, The Nicomachean Ethics Let’s say I wake up tomorrow and decide I want to run a marathon. That’s not totally an absurd thought, especially considering we’re in this “new year, new you” season, but it would...

Speaking to Your Audience

Speaking to Your Audience

We’ve all been there before. You’re watching a presentation thinking, “How is this even relevant to me? Please be over soon!” It’s oftentimes a painful process, but we all can relate to that feeling of boredom and despair during a midmorning meeting. That feeling is exactly what we must keep in mind when creating any...

Retina Sprites

Retina Sprites

A sprite is simply an image that has many images in it like this. (I’ve put it on a black background so it shows up better.) Obviously we can’t call an image like this normally, we have to use background images on a div with a set size like this: <div id="mysprite-example"></div> #mysprite-example { width: 60px;...