Inspiring Examples of Brand-Related Splash Screens in Web Design

You never get a second chance to make a first impression. In the real world, some workarounds may fix the situation and help you make a better general impression, but in the digital world, your prospects are poor. In most cases, if your website fails to produce a good impression at the outset, people will…

How an Increase Web Accessibility Can Improve Apps

We use apps for every conceivable need. In our highly connected, increasingly digital world, mobile and desktop applications are a part of life that we would now be hard-pressed to do without. Unfortunately, however, many app developers forget how important it is to design applications for everyone, implementing the accessibility features that can make all…

CSS Container Queries: Use-Cases And Migration Strategies

When we write media queries for a UI element, we always describe how that element is styled depending on the screen dimensions. This approach works well when the responsiveness of the target element media query should only depend on viewport size. Let’s take a look at the following responsive page layout example. However, responsive Web…

The Cat’s Meow: 8 CSS and JavaScript Code Snippets Celebrating Our Feline Friends

The internet without cats would be like an ocean without fish (which cats happen to love). The psychology behind this feline obsession must be fascinating. Perhaps it’s that silly, self-assured behavior that makes humans record every move our pets make. Whether it’s memes, videos or amusing anecdotes, cats seem to be a subject that brings…

How to work with the Flutter? Any good guides?

Hi, guys,I started web design classes several months ago, and now I need to create a mobile app using the Flutter SDK. I don’t know much about coding on platforms like this one, but the deadline is until 20th of May, so I need to hurry up.I know that Flutter supports mobile platforms like Android and iOS and is rarely used for desktop. This means that the app must support a wide range of device sizes, pixel densities, and orientations. You have to consider that some prefer portrait orientation while others mostly use landscape. Sometimes it’s a problem to make an app as flexible as required.Honestly, I have some troubles with the coding on multi-platforms like Flutter. Making an app suitable for every phone resolution is really hard for me, but I’m trying to learn. Some people recommend using ResponsiveWidget because it can give the necessary support for adaptive design. But I’m facing a problem when I try to build a layout via WelcomePage using this code:body: ResponsiveWidget( landscapeLargeScreen: WelcomePage( pageIndex: 0, scrollDirection: Axis.vertical, children: listOfPages, ), portraitLargeScreen: WelcomePage( pageIndex: 0, scrollDirection: Axis.horizontal, children: listOfPages, ), ),I get a screen that has different layouts for portrait and landscape orientation. But when the device changes orientation, I just can’t rebuild the layout. It’s strange because I did everything that was written in the guides. I think it’s going to be easier working with already built templates like on https://www.tldevtech.com/flutter-app-templates/ because I don’t have much time to mess with this project. Still, I’m curious what can be the problem with the layouts in this case.Maybe you know good courses on Flutter available online for free? I’d appreciate any tips. Thanks in advance.