Jingle Bells, Jingle Bells, Jingle all the way! This is the perfect song for the moment, with the festive season already on. Christmas is the

Running a successful business is not only about selling things by all means. Sometimes it goes beyond the deals and sales and makes you give greater significance to customer satisfaction. Establishing strong connections with your customers and providing the best services to have them back again is the ultimate way to grow your business. Customer-focused...

HTML line spacing -- the vertical space between two lines of text within a paragraph -- isn’t the most exciting thing in the UX design world, but it matters more than you think. This styling element involves Experience Strategy and Interaction Design -- two of the four UX design quadrants used to create an incredible The post HTML Line Spacing: The Fine Line Between Good and Bad UX Design appeared first on Studio by UXPin.

Most applications and products on the web today have a visual interface. We see everyone discuss user interface and user experience more prominently because of the overly abundant visual elements... The post How Visual Feedback Helps in Web Development Collaboration appeared first on Speckyboy Design Magazine.

What exactly is a displacement filter? In this article, Dirk Weber explains the SVG `feDisplacementMap` filter primitive with a good number of examples to demonstrate the concept of animated displacement maps.

In addition to creating presentations, did you know you can use PowerPoint to design other elements such as posters? Today, we’re walking you through exactly how to make a poster in PowerPoint. While not everyone thinks about making a poster design in PowerPoint, it's actually pretty easy--and is a viable option if you need something […]

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.     

I really like minimal Web APIs. I've liked the idea for years. With .NET 6, it's starting to happen! Damian Edwards has an interesting minimal API Playground on his GitHub and Maria Naggaga did a great talk on Minimal APIs in .NET 6 that's up on YouTube! Let's explore! I'm running the latest .NET 6 and you can run it on Windows, Mac, or Linux and I cloned it to a folder locally. There's two versions of a complete Todo API in this sample, one using Entity Framework Core and one using Dapper for data access. Both are lightweight ORMs (object relational mappers). Let's explore the Dapper example that uses SQLite. The opening of the code in this example doesn't require a Main() which removes a nice bit of historically unneeded syntactic sodium. The Main is implied.using System.ComponentModel.DataAnnotations;using Microsoft.Data.Sqlite;using Dapper;var builder = WebApplication.CreateBuilder(args);var connectionString = builder.Configuration.GetConnectionString("TodoDb") ?? "Data Source=todos.db";builder.Services.AddScoped(_ => new SqliteConnection(connectionString));builder.Services.AddEndpointsApiExplorer();builder.Services.AddSwaggerGen();var app = builder.Build(); At this point we've got a SQLite connection string ready to go scoped in the Services Dependency Injection Container (fancy words for "it's in the pile of stuff we'll be using later") and we've told the system we want a nice UI for our Open API (Swagger) web services description. It's WSDL for JSON, kids! Then a call to EnsureDb which, ahem, ensures there's a database!await EnsureDb(app.Services, app.Logger); What's it look like? Just a little make this table if it doesn't exist action:async Task EnsureDb(IServiceProvider services, ILogger logger){ logger.LogInformation("Ensuring database exists at connection string '{connectionString}'", connectionString); using var db = services.CreateScope().ServiceProvider.GetRequiredService<SqliteConnection>(); var sql = $@"CREATE TABLE IF NOT EXISTS Todos ( {nameof(Todo.Id)} INTEGER PRIMARY KEY AUTOINCREMENT, {nameof(Todo.Title)} TEXT NOT NULL, {nameof(Todo.IsComplete)} INTEGER DEFAULT 0 NOT NULL CHECK({nameof(Todo.IsComplete)} IN (0, 1)) );"; await db.ExecuteAsync(sql);} Next we'll "map" some paths for /error as well as paths for our API's UI so when I hit /swagger with a web browser it looks nice:if (!app.Environment.IsDevelopment()){ app.UseExceptionHandler("/error");}app.MapGet("/error", () => Results.Problem("An error occurred.", statusCode: 500)) .ExcludeFromDescription();app.MapSwagger();app.UseSwaggerUI(); Then sprinkle in a little Hello World just to give folks a taste:app.MapGet("/", () => "Hello World!") .WithName("Hello");app.MapGet("/hello", () => new { Hello = "World" }) .WithName("HelloObject"); You can see how /hello would return a JSON object of Hello: "World" What's that WithName bit at the end? That names the API and corresponds to 'operationId" in the generated swagger/openAPI json file. It's a shorthand for .WithMetadata(new EndpointNameMetadata("get_product")); which was surely no fun at all. Now let's get some Todos from this database, shall we? Here's all of them and just the complete ones:app.MapGet("/todos", async (SqliteConnection db) => await db.QueryAsync<Todo>("SELECT * FROM Todos")) .WithName("GetAllTodos");app.MapGet("/todos/complete", async (SqliteConnection db) => await db.QueryAsync<Todo>("SELECT * FROM Todos WHERE IsComplete = true")) .WithName("GetCompleteTodos"); Lovely. But what's this Todo object? We haven't seen that. It's just a object that's shaped right. Perhaps one day that could be a record rather than a class but neither Dapper or EFCore support that yet it seems. Still, it's minimal.public class Todo{ public int Id { get; set; } [Required] public string? Title { get; set; } public bool IsComplete { get; set; }} Let's get a little fancier with an API that gets a Todo but it might not find the result! It may produce an HTTP 200 OK or an HTTP 404 NotFound.app.MapGet("/todos/{id}", async (int id, SqliteConnection db) => await db.QuerySingleOrDefaultAsync<Todo>("SELECT * FROM Todos WHERE Id = @id", new { id }) is Todo todo ? Results.Ok(todo) : Results.NotFound()) .WithName("GetTodoById") .Produces<Todo>(StatusCodes.Status200OK) .Produces(StatusCodes.Status404NotFound); Don't be sad if you don't like SQL like this, it's just a choice amongst many. You can use whatever ORM you want, worry not. A thought: The .Produces are used by the OpenAPI/Swagger system. In my mind, it'd be nice to avoid saying it twice as the Results.Ok and Results.NotFound is sitting right there, but you'd need a Source Generator or aspect-oriented post compilation weaver to tack in on after the fact. This is the only part that I don't like. Go explore the code and check it out for yourself! Check out our Sponsor! YugabyteDB is a distributed SQL database designed for resilience and scale. It is 100% open source, PostgreSQL-compatible, enterprise-grade, and runs across all clouds. Sign up and get a free t-shirt! (C) 2021 Scott Hanselman. All rights reserved.     

Everyone has had the kind of clients that you wish you could punch – the scope creepers, the micromanagers, the non-payers. It’s very aggravating, but it is a long-established part... The post The Art of Dealing With a Panicky Design Client appeared first on Speckyboy Design Magazine.

Prestashop Marketplace Instagram Shop: Instagram is a popular social media platform with more than 1 billion active users. With such a huge customer base, Instagram is perfect for businesses that are willing to expand their presence and increase the visibility of products. Instagram is the largest image and video-sharing network. Visuals are extremely crucial in [...]