14 Latest and Best 404 Error Page Designs for Webs/Mobile Apps ✨

A 404 error page, which often serves to alert web/app visitors that the page they are trying to reach does not exist, is often regarded as one of the most possible elements to lose users/visitors with boring and dull logging-in/out/loading/leading pages in a web/app. 🙄

However, that does not mean such error pages will be a nightmare in all cases. ❌

Actually, a creative, cool, interesting or informative 404 error page can not only lead customers to other parts of your websites/apps smoothly, but also reduce customer frustration and let them stay on the site/app much longer. 💎

Let’s keep reading this article and enjoy 14 latest and best 404 error page designs to get inspiration and learn how to make a beautiful, interesting and attractive 404 error not found page design. ⚡️

https://t.me/pgimg/111

[ Article ] : https://goo.gl/A5mJjx

〰〰〰〰〰〰
#Design #UI #UX
@ProgrammingTip

A Mini-Course on React Native Flexbox ✨

Flexbox solves design issues that are particularly challenging on mobile, and it does so strikingly well — without requiring hacky CSS or Javascript tricks. 🗂

But there’s a learning curve.
The property names all sound incredibly similar and do nothing to indicate what sets them apart. ↔️

On top of that, each property has a set of values that are mostly similar, yet slightly different, from each other. And to compound the confusion, not all properties of the Flexbox standard are included in React Native. 🌀

This can cause surprises when you try to follow regular CSS documentation, only to discover that React Native doesn’t implement a particular feature, such as reverse flex❗️

To help make it easier to internalize the rules of Flexbox, I’ve decided to write the guide that I would have liked to read — with the underlying concepts explained and simple examples along the way. 👾

Doodle along with me and get comfortable solving design scenarios with Flexbox. 💎


https://t.me/pgimg/125

[ Article ] : bit.do/rnat

〰〰〰〰〰〰
#ReactNative #Design
@ProgrammingTip

How to use SVG as a Placeholder, and Other Image Loading Techniques 🌈

I’m passionate about image performance optimization and making images load fast on the web.⚡️

One of the most interesting areas of exploration is placeholders : what to show when the image hasn’t loaded yet. 🤷🏻‍♂️

During the last days I have come across some loading techniques that use SVG, and I would like to describe them in this post. 🔥


In this post we will go through these topics :

• Overview of different types of placeholders 🗂

• SVG-based placeholders (edges, shapes and silhouettes) 👤

• Automating the process. ♻️


https://t.me/pgimg/147

[ Article ] : kutt.it/placeux

From : @Dexign

〰〰〰〰〰〰
#UX #Design
@ProgrammingTip

Common Webpage Design Mistakes ⚠️

Simple layout and design tips to help you create a stunning webpage. 🦋

This article shows 30 common design mistakes and their solution with images included. 🌈


https://t.me/pgimg/150

[ Article ] : kutt.it/mstk

〰〰〰〰〰〰
#UI #Design #CSS
@ProgrammingTip

Learn how to design large-scale systems 🔥
Prepare for the system design interview. ⚡️

Learning how to design scalable systems will help you become a better engineer. ✅

System design is a broad topic. There is a vast amount of resources scattered throughout the web on system design principles. 👌🏻

This repo is an organized collection of resources to help you learn how to build systems at scale. ✨


[ GitHub ] : kutt.it/sysdesign

〰️〰️〰️〰️〰️〰️
#SystemDesign #Design #Architecture
@ProgrammingTip

DDD, Hexagonal, Onion, Clean, CQRS, … How I Put It All Together 🚀

I start by recalling EBI and Ports & Adapters architectures. Both of them make an explicit separation of what code is internal to the application, what is external, and what is used for connecting internal and external code.

Furthermore, Ports & Adapters architecture explicitly identifies three fundamental blocks of code in a system:

What makes it possible to run a user interface, whatever type of user interface it might be.

- The system business logic, or application core, which is used by the user interface to actually make things happen.

- Infrastructure code, that connects our application core to tools like a database, a search engine or 3rd party APIs.


[ Article ] : kutt.it/Archs

〰️〰️〰️〰️〰️〰️
#Architecture #Design
@ProgrammingTip