Few weeks ago, I stumbled upon this cool pop-out effect by Mikael Ainalem. It showcases the clip-path: path() in CSS, which just got proper support in most modern browsers. I wanted to dig into it myself to get a better feel for how it works. But in the process, I found some issues with clip-path:…
Details
When you need to showcase an app design, there’s no better way to do it than with an iPhone mockup. Not only can you use an iPhone mockup to showcase how the app icon looks on a screen but also to share the interface design of your app and various screens. This helps potential investors…
Details
Are you looking for a unique way to present your designs to your clients? Then these isometric mockup templates can give your designs a 3D-like view and stand out from the crowd. Mockups created with an isometric perspective allow you to showcase your website designs, apps, logos, business cards, and more while giving them a…
Details
There are some AR(augmented reality) web apps that work by scanning a QR code, then it has you press on a link to see a 3D animation overlayed on the QR code. An example can be found at the following link:The problem is that you have to click on a link once the phone camera sees the QR code. To make this as seamless as possible, and to make sharing AR experiences more natural, you should be able to see the AR 3D animation through the actual camera without having to click a link for a website to do it.The security concerns to this have been brought up, but to solve that there could be a popup asking if the user wants to load the animation, if the user presses ‘yes’, they would have the image overlayed in the native camera app on their mobile device without having to navigate to the website.I plan on starting this project once I get a job at a company that creates mobile devices. From there, how would I go about coordinating the web development side of things with the mobile device? It seems like I would have to add something to the code behind websites that allows mobile devices to tell if the website just wants to show an animation, or to actually navigate to the link.
Details
https://factorypattern.co.uk/blog/ecommerce/ecommerce-web-design-how-to-stand-out/
Brush, script, and calligraphy fonts can add a touch of elegance to your design. They’re stylish, flowing, and full of character! We’ve picked some of the best examples of these typefaces to add to your collection. Whether you’re looking for a precise and decorative script font or a bold brush typeface that needs to grab…
Details
Site performance is potentially the most important metric. The better the performance, the better chance that users stay on a page, read content, make purchases, or just about whatever they need to do. A 2017 study by Akamai says as much when it found that even a 100ms delay in page load can decrease conversions…
Details
Working as a freelance designer is amazingly rewarding, but also hard. After more than 10 years of working in a solo space, I’ve learned a lot of things. (Some of them the hard way.) This post is designed to help you avoid some of the mistakes that many of us have made on your path…
Details
WooCommerce and WordPress are, together, a powerful and winning combination for online commerce. Together they run 37% of eCommerce business online. Leveraging these two is the perfect combination for selling physical products, digital goods, and services online. But having the most awesome WooCommerce storefront and the best products is just a tiny part of what…
Details
Two decades ago, as we embarked on our voyage from the comfortable, predictable shores of print design to the fluid and ever-changing open seas of the World Wide Web, John Allsopp encouraged the acceptance of “the ebb and flow of things”. Ten years later, Ethan Marcotte coined the term “responsive web design”, kickstarting a seismic…
Details