Something making its presence known on the web these days is the use of common geometric patterns which we all learned in grade school. Polygons, diamonds, rectangles, triangles, and the occasional rhombus are all an integral part of modern web design. So how does this 10th grade math subject end up affecting the way website… Continue reading Creative Examples of Geometric Web Design Styles
Tag: purpose
Taking Control of the tvOS Focus Engine
Introduction On iOS, users normally interact with your apps via the device’s touch screen. On tvOS, however, user interaction is handled by moving the current focus between views on the screen. Luckily, the tvOS implementations of the UIKit APIs handle the changing of focus between views automatically. While this built-in system works very well, for specific… Continue reading Taking Control of the tvOS Focus Engine
6 Principles for Timeless Web Design
How do you stay relevant when your audience always changes? Just like fashion, film, and food, web design and UI are subject to an ever-changing set of standards and expectations. While you might sometimes want to cater to the crowd, having the know-how to create something that does the job and does it well is always… Continue reading 6 Principles for Timeless Web Design
WP REST API: Internals and Customization
In the previous part of the series, we learned about creating, updating, and deleting content remotely through the WP REST API. It allows us to create platform-independent applications that work seamlessly with a WordPress powered back-end, providing a rich experience to the user. In the current part of the series, we will take a look at… Continue reading WP REST API: Internals and Customization
What Are WordPress Themes?
We recently wrapped up a series that covered How to Get Started With WordPress. Though it’s not a pre-requisite for reading the following article, I recommend reading through the four posts, especially if you’re someone who is just now getting started with WordPress. The people who visit Envato Tuts+ come from a variety of backgrounds, both… Continue reading What Are WordPress Themes?
8 Photography Portfolio Themes for WordPress
In this roundup we’ll take a look at some important things to consider when building an online photography portfolio with WordPress. We’ll go over eight tips and ideas, simultaneously looking at some top selling themes from Envato Market to help demonstrate each point. Say cheese! 1. Introduce Yourself Emotional design is hugely important on the… Continue reading 8 Photography Portfolio Themes for WordPress
Interview with Artist Devin Mars
Devin Mars is a digital artist from USA. born in Curitiba, Brazil. He can’t really pinpoint an exact moment on the time he wanted to become an artist because it’s an idea that evolved with him. Let us know about him more in this interview. So, read on and enjoy! When did you decide to become an artist? I… Continue reading Interview with Artist Devin Mars
15 Useful Modern Front-End Web Components
Here is list of useful modern front-end web components that can be integrated into your web applications. These components provide a quick and easy way for web developers to create custom user interface without having to start from scratch. Collection of tasty CSS-animated hamburger icons. Also included is the source as a Sass library. It’s… Continue reading 15 Useful Modern Front-End Web Components
Less Is More – Minimalist And Simple Web Design
Image source: Vadim Grin[2] Exposed to lots of senseless content on the internet, we grow more sensitive to mess and distractions. We come across useless texts, we receive a pile of magazine spam, ads or business commercials, and we have serious difficulties in determining what is really worth our attention. Responsiveness Image source: Erikas Mališauskas[3]… Continue reading Less Is More – Minimalist And Simple Web Design
How to Conduct an Interface Inventory With InVision
By definition: an inventory is a gathering of items tracked in a list. This term isn’t anything new, but the idea of using this concept towards interfaces is. Brad Frost, who coined the term “Atomic Design”, states that creating agnostic patterns helps to build far more versatile components that can be used widely across a… Continue reading How to Conduct an Interface Inventory With InVision
How To Choose The Best Font For Mobile User Interfaces
Image source: Gal Shir[2] It is a tricky task-we are not discussing content that will be opened once/twice, but such that will be browsed while users sit in waiting rooms, travel in the subway, rest in their beds, etc. Regular usage opens the door for other challenges too-mobile screens’ responsiveness depends on lighting, and it… Continue reading How To Choose The Best Font For Mobile User Interfaces
7 Tips for Delighting Users With Great UX
A great user experience starts with the designer. You have to imagine and create something that people will want to touch and engage with, time and time again. Sounds easy, right? The key to delighting users is to think like one. Don’t try to reinvent the wheel with every new design project; use tools and… Continue reading 7 Tips for Delighting Users With Great UX
The Importance Of Usability When Designing A Site
Web usability is an approach to make web sites easy to use for an end-user, without the requirement that any specialized training be undertaken. The user should be able to intuitively relate the actions she needs to perform on the web page with other interactions she sees similar contexts, e.g., press a button to perform… Continue reading The Importance Of Usability When Designing A Site
How To Design User Interface Animations
Image source: Zach Krasner[2] Motion is not so simple – it might sound easy to add some ‘movement’ to your sketches, but how successfully could you replicate feelings and reactions? The truth is that designing interface animations could take a while before you upgrade from the basic animated patterns to highly technical interactions which could… Continue reading How To Design User Interface Animations
Icons In Web Design
Image source: thestorefront.com[2] Well-executed and beautiful icons look like tiny and cute images, but they are much more than that. They are extremely advantageous to every website because they attach visual cues to the essential elements of a website (headings, sections, buttons, etc) and they make the site/app look professional and sophisticated. Generally speaking, icons… Continue reading Icons In Web Design
How To Design An App Walkthrough
Image source: Dan Machado[2] There are so many walkthroughs-misuse situations, that it is questionable whether designers really understand their purpose. There are many complex apps which don’t have walkthroughs, the same as simple ones which don’t need them, but they still incorporated them in their design. This makes the decision on whether to use walkthroughs… Continue reading How To Design An App Walkthrough
Web Designers: Roll up Your Sleeves and Sketch!
Let’s talk about why you, as a web designer, should be using pens and pencils more often. I’m going to give you some tips, tool suggestions, and plenty of reasons to roll your sleeves up and sketch! Step Away From the Computer The design process tends to isolate designers from the rest of the team, meaning… Continue reading Web Designers: Roll up Your Sleeves and Sketch!
How To Create Impressive Websites
Image source: reuters.tv[2] As we already mentioned, ‘wow’ is the word we want our users to say when they open our website. It shows that they are amazed by what we’ve done and that our work was successful. You could appreciate them liking the site or addressing it as nice, but it is much better… Continue reading How To Create Impressive Websites
9 Free A/B Split Testing WordPress Plugins
Split testing or A/B testing is the method of comparing two versions of a web page or call to action in order to see which version performs better. It is the integral part of any web designing as designer creates more than one version of a same web page and then he checks which one… Continue reading 9 Free A/B Split Testing WordPress Plugins
Strategies For Creating Better User Interfaces
Believe it or otherwise not, perfect interfaces are created on an item of paper. It’s much later on that the exact same is used in Photoshop or Sketch App. The primary advantage of paper sketches may be the possibility to produce errors. Unlike limited design pc software, paper is ready to accept everybody’s imagination and… Continue reading Strategies For Creating Better User Interfaces
Hacking and Securing Web Applications
In this book, you will be learning the basic techniques about how to test and penetrate a Web Application. For the purpose of this book we will be using a vulnerable application called DVWA (Damn Vulnerable Application) on an Ubuntu operating system and try to use different methods of hacking or penetrating the system. [sociallocker]Hacking… Continue reading Hacking and Securing Web Applications
How to Create Diagonal Lines with CSS
A few days ago, I received my invite to Google Music. While browsing the app, I noticed a tiny, but neat trick they use to create tabs and diagonal borders with plain-old CSS. I’ll show you how to do the same in your projects today! Prefer a Video Tutorial? Step 1: The Markup We begin… Continue reading How to Create Diagonal Lines with CSS