Whether you design an ecommerce store or a simple website, landing pages are essential part of web design. They are often the first point of interaction between a potential customer and a brand. And you know what they say about first impressions - you can only make them once! Therefore, in terms of landing page The post Landing Page UI - How to Ensure User Friendly Design appeared first on Studio by UXPin.

Egor Kloos describes a situation where a (purely visual) designer asks for some changes to a component. There is a misunderstanding where the (code monkey) developer implements the change exactly as requested--but really what was required was both a bug … The post The Gap (Design Engineering) appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

Creating an incredible brand experience for an end-user is about more than just designing the right home page or lining up a series of great product pages. Effective website design conveys crucial information about a company, through everything from font styles, to image choices. Nowhere is this representation of brand identity more important than on […] The post 7 Essential Design Tips for a Killer "About Us" Page first appeared on Webdesigner Depot.

That’s the name of Netlify’s YouTube Channel. Love that. I linked up Rich’s talk the other day, which was a part of this past JamstackConf, but now all the talks are up on there. Rich got to talk … The post Jamstack TV appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

Tomas Votruba has written up a new post to his site covering the sorting of private methods in classes and why he considers it important to the quality of your code. When I started PHP in 2004, all you had to do is to learn a few functions to become the most senior dev in your town. Nowadays, devs have to learn a framework, IDE and coding patterns to get at least to an average level. Instead of reading 346 pages of Clean Code, you need to produce code and learn as you read it at the same time. There will be never less information than it is today. That's why effective learning is a killer skill. Today we learn how to sort private methods in 2 mins. He starts off by talking about why private method ordering is important, giving an example of a simple class with several private methods. He suggests that, by ordering private methods within the class more related to the functionality that uses them, developers in the system can more easily relate the functionality. He also includes an example of his the PrivateMethodOrderByUseFixer coding standard service to automate this in your code.

It seems like Design System Language is the current buzz word in the design industry and everyone wants one. But how exactly can a product benefit from having a living,... The post Creating a Design System Language appeared first on Speckyboy Design Magazine.

Many folks have installed X servers and X410 on their Windows 10 machines and hacked together very nice X Server set ups with WSL over the years. However, that support is now official and coming to Windows very soon. It's already in Windows 10 Insiders Dev and is in builds 21364 or higher. (Run winver to see what version of Windows you have.) If you want to try it out, all you have to do is run "wsl --update" from and command line and you're set. If you have 21364 already but you don't have WSL installed, it's even easier to get started now. (Full details on GitHub as the whole thing is open source as well!)wsl --install -d Ubuntu The best part of all this is that you just install Linux GUI apps in your distro with apt install like you would already, and they'll show up automatically in the Windows Start Menu! Even better, if you have a nice GPU, you can run WSLg on a system with virtual GPU (vGPU) enabled for WSL so you can benefit from hardware accelerated OpenGL rendering. You can find preview driver supporting WSL from each of our partners below. AMD GPU driver for WSL Intel GPU driver for WSL NVIDIA GPU driver for WSL Here's the Dolphin Emulator running on my Surface Book 3 laptop on the NVidia vGPU at ~60 fps. You can even run Chrome, Edge, or Teams under Linux on Windows 10 with WSLg. This is more than just X Server support. The community is moving towards Wayland as a simpler X, but there's also Weston to consider as a great compositor to build on. Weston already had a RDP (Remote Desktop Protocol) backend and could use with with FreeRDP. But windows already has Windows Virtual Desktop that uses RDP RAIL (Remote Application Integrated Locally) as well as VAIL (Virtualized Application Integrated Locally) for optimizing transport over VM (local) boundaries vs network ones. There's an amazing blog post on WSLg Architecture here by Steve Pronovost. All this means more than just X apps, WSLg works with OpenGL apps and works amazingly on systems with a GPU that supports WDDMv3.0. The preview drivers linked to above will eventually ship in Windows Update automatically when all this is generally available. Finally, interesting stuff is cooking at Canonical (Ubuntu) with their custom WSL2 specific distro for Ubuntu on Windows! It's in preview for now: The Ubuntu on Windows Community Preview will only be available through this link to the Microsoft store. You will not be able to find the Community Preview just by searching in the Microsoft Store. And finally, here's some answers to some of your "ya but you can do THIS?" questions about running Linux GUI apps on Windows 10. Can you run The Gimp under WSLg? Yes. Do know that things in WSLg look best under round number DPI scaling. I'm at 200 here. It'll look back at 175% or something fractional unless you explicitly turn on WESTON_RDP_DISABLE_FRACTIONAL_HI_DPI_SCALING=true in your /mnt/c/ProgramData/Microsoft/WSL/.wslgconfig. But trust me, stay with round numbers. Can you run Wine (Wine Is Not an Emulator) to run Windows under WSLg under Linux under Windows? Absolutely. Here I'm running Internet Explorer (after installing Gecko) under Wine under WSL in Ubuntu on Windows. Why not? How fast is it? Here I'm running Windows 3.1 emulated within Javascript using PCJS under WSLg within Edge for Linux on Windows 10. It's very fast. Does PulseAudio work? Totally does. Out of the box. The genius of the architecture is that there's an already setup WSLg System Distro (this means it's more robust and you can't mess up the settings and accidentally break something) that has everything prepped and working. Conclusion If you don't like this or you think this is silly to you, then you likely don't have a problem that this solves for you. For me, this just makes my Windows machine an amazing Linux desktop on top of being a great Windows 10 desktop machine, without the overhead or hassle of a Linux VM. WSLg will let you run other IDEs such as gedit, JetBrains based editors, gvim, etc., to test, build, and debug your Linux applications in a high performance manner. You can also run VS Code on Windows like I do and use VS Code Remote to talk to WSL/Linux. Go read about WSLg and check it out for yourself! Also be sure to check out the work that Pengwin Linux and the folks at Whitewater Foundry are doing as their distro works with WSLg out of the box already! Sponsor: Build your apps where your customers are. Oracle for Startups delivers enterprise cloud with no lock-in so you can go after any customer -- confidently. Learn more.(C) 2021 Scott Hanselman. All rights reserved.     

Packaging design is the thing that creates the first impression of a product. If the customer finds the product in a creative or exciting package, then they may be more inclined to purchase the product. As there are numerous products that come on the market frequently, it becomes necessary to keep up with the competition […] The post 10 Rules for Packaging Design That Will Make Your Product Stand Out appeared first on Line25.

Looking for some story templates that not only fulfill your storytelling needs but do so in style. “Napali” bundle freebie has everything you could possibly need. It has 12 high-quality vibrant and captivating templates that will stand out from your Instagram page. Now you can certainly make a smart share deals or announcements to your followers. About “Napali” bundle Instagram story template “Napali” bundle contains 12 high-quality templates. Useful tool for influencers, bloggers, marketers, brands, and storytellers aims to help promote e-commerce products, share deals and announcements or attract the attention of your followers. These templates are fully customizable and … Continue reading →Visit us at InstantShift.com

Are you thinking of building a website with a site builder but find yourself confused by the dizzying array of options? Well, puzzle no more because we've put together this great infographic to cut to the heart of the question: Which is better for you, Squarespace or Wix? Each of these site-building giants is ideal […] The post Infographic: Squarespace Vs Wix first appeared on Webdesigner Depot.