How to: Flutter Release iOS App on Apple Store

If you have built a flutter app and are ready to release it on the Apple Store, then you are in the right place. In this tutorial, you will learn the process of how to release the flutter iOS app on the Apple store. There are some important points that you should be aware of before uploading the app to the Apple store. You may have heard that Apple is very restricting about user privacy and design UI. But, don’t worry, I am going to cover the common mistakes that a new developer do during the release of their first iOS app.

The official flutter document also listed a step-by-step process that you can follow. But, here I am making it simple for you. You can see our Multi-Vendor iOS App sample to know more about Multi-Vendor MarketPlace eCommerce.

Software Testing Expert Roundup: 2021 Edition

It’s been some time since we published our last expert roundup, so we wanted to ask around in our community how leaders in testing are feeling these days about work (as we enter the second year of the pandemic), new trends they’re seeing on the horizon and advice for upping one’s testing game in 2021!

Meet the software testing experts in this year’s roundup:

Another Breach, Another Case for Security by Design

Earlier this month, news broke that hackers breached Verkada, a major provider of surveillance cameras to a variety of facilities throughout the US, gaining access to 150,000 live feeds. Among those compromised were Tesla, jail cells, private homes, healthcare facilities, police stations, elementary schools, and more. The hacktivist group claims the breach was intended to spread anarchy and to demonstrate security holes, in which case, there were many. The hackers reported gaining entry through administrative account credentials listed in materials available to the general public online.

It’s hard to even call this a breach, as access was so easily manipulated. The irony that Verkada is a digital security company at its core is not lost here. According to Bloomberg News, the hackers had 36 hours of unrestricted access to the company’s cameras and were only identified after reporting themselves to the publication. In this case, trust is lost and the damage is done. But what can organizations do to prevent negligent security practices before something worse happens? Fortunately, there’s a lot of preventative measures that can be taken.

Top 10 Out-of-Box Software Packages of All Time in RT-Thread IoT OS

RT-Thread is an embedded open-source real-time operating system. It has a rich middle-tier component and a great hardware and software ecosystem that delivers great support for the Internet of Things (IoT). Until now, RT-Thread has powered 800 Million devices. This article takes you through the top 10 downloads of Software Packages in the RT-Thread IoT platform.

1. at_device (63706 Downloads)

The AT device software package is composed of the transplantation files and sample codes of the RT-Thread AT component for different AT devices.

3 Tips to Make Your SD-WAN Transition Easier

The optimization of data traffic, as well as applications that make use of said data, has been a cornerstone of the WAN since its inception. 

By optimizing the WAN, application traffic is supercharged by reducing the amount of data across the WAN. That’s through processes like deduplication, decreased latency, protocol acceleration, and caching. All play a part in maximizing bandwidth utilization.

Service Meshes: Why Istio? An Introduction

In our introduction to Istio Service Mesh, we will cover basic points as below:

  • What is a Service Mesh?
  • Why do we need Service Mesh?
  • Types of Service Mesh Available and Why Istio?
  • Istio — Architecture and Implementations.
  • Istio Components.
  • Istio Features.

What Is a Service Mesh?

In any microservice-based architecture, whenever there is a service call from one microservice to another. We are not able to infer or debug what is happening inside the networked service calls. 

How To Run JUnit Tests From The Command Line

JUnit is one of the most popular Java-based open-source frameworks used for testing every unit of the application, i.e., classes and methods. And for automating the testing of web applications, you can use it with the Selenium WebDriver. Though Selenium and JUnit can function independently, combining them can help develop tests in a structured format.

Though Java offers several IDEs using which you can write code and run tests, you would like to execute JUnit from the command line. Why?

RediSearch in Action

Redis has a versatile set of data structures ranging from simple Strings all the way to powerful abstractions such as Redis Streams. The native data types can take you a long way, but there are certain use cases that may require a workaround. One example is the requirement to use secondary indexes in Redis in order to go beyond the key-based search/lookup for richer query capabilities. Though you can use Sorted Sets, Lists, and so on to get the job done, you’ll need to factor in some trade-offs.

Enter RediSearch! Available as a Redis module, RediSearch provides flexible search capabilities, thanks to a first-class secondary indexing engine. It offers powerful features such as full-text Search, auto completion, geographical indexing, and many more.

Is Docker Dead? Discussing Docker and GitOps With Viktor Farcic

The removal of Dockershim in Kubernetes version 1.22 sounded off some alarms within the Kubernetes community. Does this mean that Docker in Kubernetes is dead? What are the implications of this removal?

In this episode of cocktails, we shed light on Dockershim’s deprecation and also delve into the GitOps hype: We talk about its relationship to Infrastructure as Code, some of the current GitOps trends, how GitOps is moving towards a more cloud agnostic future, and explore some of the major players within the Infrastructure as Code space.

Email Marketing Roadmap for WordPress Site Owners

Email Marketing Roadmap for WordPress Site OwnersEmail marketing is critical to the success of your business. It allows you to develop a relationship with your audience. The better the relationship with your subscribers, the more likely they are to turn into paying customers. You can also turn one-time customers into loyal customers and then brand advocates. Email marketing is not as […]

The post Email Marketing Roadmap for WordPress Site Owners appeared first on WPExplorer.

Where the World Wide Web Shines

Here’s a fabulous post by Vitaly Friedman that looks at how to make accessible front-end components and what problems there are today when it comes to building them.

There’s so much great info packed into this one post that I’m going to keep it open in a tab for quite some time. But I have two thoughts here. First, just skimming through the article is enough to make anyone realize that accessibility is a complex subject and it’s so very easy to get things wrong; colors, images, text, HTML, mouse pointer vs. touch, small screens vs. large screens, charts and data viz, form components, layout and semantic ordering. The list goes on and on. It’s clear to me now (and I am late to the party) that accessibility is a full-time job.

Second, Vitaly makes note of some of the excellent work that the Government Digital Service (GDS) is doing in the UK by releasing open-source components such as accessible-autocomplete. And I have to say, I think the work that GDS is doing is so very inspiring to me as a web designer and developer.

Here’s a story: a few years ago I had to book an appointment to get a driver’s license. I hopped on the website and, immediately, I recognized that it was using the GDS design system. That gave me a great sigh of relief, but then I found myself sailing through this form at lightning speed. By the end, I realized that this is what every website should feel like; I used the site, did what I needed to do as quickly as possible, and then left.

It was one of the most shocking experiences for me as a web designer because there was no cruft, no junk, and no messing around with the experience in any way. It was fast, didn’t break down, crash the browser, or confuse me at all. The form inputs were big and clickable and the correct keyboard was selected when I viewed it on my phone. All of this accessibility work that they’ve poured into making things just work is a joyous thing.

This reminds me of something that Jeremy Keith wrote about the other day when he used another government website to get vaccinated:

[…] it’s a sequence of short forms, clearly labelled. Semantic accessible HTML, some CSS, and nothing more. If your browser doesn’t support JavaScript (or you’ve disabled it for privacy reasons), that won’t make any difference to your experience. This is the design system in action and it’s an absolute pleasure to experience.

[…] Maybe I’ll never need to visit that URL again. In the case of the NHS, I hope I won’t need to visit again. I just need to get in, accomplish my task, and get out again. This is where the World Wide Web shines.

Direct Link to ArticlePermalink


The post Where the World Wide Web Shines appeared first on CSS-Tricks.

You can support CSS-Tricks by being an MVP Supporter.

FSE Outreach Round #4: Building a Restaurant-Themed Header With Gutenberg’s Site Editor

Anne McCarthy announced the fourth round of testing for the Full Site Editing (FSE) Outreach program last week. This testing phase calls for users to build a restaurant-themed header via the Gutenberg plugin’s site editor. Testing is open to anyone, and participants should leave feedback by April 8.

The testing process is broken down into 24 steps with both setup and testing instructions. Those participating will need to activate the latest version of the TT1 Blocks theme and the Gutenberg plugin.

The more people who leave feedback, the better it is for the project. The program provides that direct link between the user and the developer team that has often been missing in the past. If you have an hour or so of spare time, jump right in.

Building a Custom Header

I want to push the site editor beyond its limits, creating move advanced layouts. However, the site builder is so fundamentally limiting — and broken in some cases — that it is easy to become frustrated. And, depending on which version of Gutenberg you are using, such as the latest dev vs. stable version, you can get wildly different results.

This propensity to jump ahead of the lesson is something I have done my entire life. In school, I frustrated more than a few teachers. I would be working on stuff from the end of the chapter when they were still explaining the basics to the rest of the class a half-hour later. I have always wanted to get to the “good stuff.” Of course, I did so by blazing past the boring fundamentals. I also dropped out of software engineering twice in college because building calculators was neither exciting nor challenging.

Like always, I jumped ahead with Round #4 of the FSE Outreach Program. I came to the realization that attempting to do anything remotely advanced with the site editor was simply not going to happen.

I want Full Site Editing to be successful, but we are mere weeks away from the deadline that determines whether it will land in the next version of WordPress. Somehow this experience felt like a step back from where the plugin was a few weeks ago as I built a custom homepage as part of the second round of the FSE Outreach testing program. I do not know whether the problems stemmed directly from Gutenberg, the TT1 Blocks theme, or both. As someone who prides himself on near-infinite patience, Round #4 sought to crack me.

I wanted to recreate several elements from the UK-based Pho Cafe page header. I knew the site editor could not yet manage a one-to-one replication. I still thought I could pull in parts of it but utterly failed.

Screenshot of the Pho Cafe website page header.
Pho Cafe website page header.

I appreciate the need for controlled circumstances. Step-by-step testing puts everyone on the same page, makes it easier to gather data, and allows others to reproduce issues. I am just bad at it.

Following the Rules

I restarted from scratch. I followed the rules. And, for the most part, the testing round was successful. I built a restaurant website header from the instructions and put my own spin on it.

Custom restaurant header design for a beachside cafe.
Custom beachside café header design.

Of course, I hit a few snags. That is what the testing program is all about — identifying pain points.

The most problematic issue is that what I saw in the editor was not what I got on the front end. I have played around with it enough to know in my mind what it might look like on the front end to make adjustments without previewing the changes. However, that is not the user experience that WordPress is shooting for.

Editing a custom restaurant header in the WordPress Gutenberg site editor.
Editor view of the restaurant website header.

Admittedly, on the front end, I tidied up the padding for the Group block and bottom margin for the Columns block for the “Order Online” strip across the top of the header. I thought about making the button smaller too. However, I stuck with the TT1 Blocks theme default. Ultimately, padding, margin, and other types of sizing/spacing should be customizable by the end-user.

Wide and full block alignments completely disappeared after activating TT1 Blocks. I am unsure if this was a recent change in the Gutenberg plugin or the theme. Nevertheless, they were gone, which was one reason I had trouble recreating pieces of the original page header I wanted to build.

The TT1 Blocks theme also has a hardcoded font-size for the site title link. This means that users cannot change the size of the Site Title block. I wanted to bump this up a little to make it more prominent.

Like the first design I was shooting for, I wanted my Navigation items to look like individual buttons, each with a bit of whitespace in between. However, the Navigation block does not currently support adding backgrounds to each nav item. Even if it did, it also does not have a horizontal margin setting to add the spacing. And, I outright refuse to use a Spacer block between items.

I did want to spruce my restaurant page header up a bit with a custom background. To do that, I added the primary elements inside a Cover block. Currently, the only way to do that is to copy all of the blocks, delete the old ones, and paste them into a new Cover block. A welcome enhancement to the editor would be an option for “grouping” blocks into a Cover like what is possible with the Group block.

Overlay Fact Sheet

I would hope all our web designer/developer spidey senses trigger when the solution to an accessibility problem isn’t “fix the issue” but rather “add extra stuff to the page.” This Overlay Fact Sheet website explains that. An “Overlay” is one of those “add extra stuff to the page” things, ostensibly for improving accessibility. Except, even though marketing may suggest they are a silver bullet to accessibility, they are… not.

The site does a much better job laying that out than I can, so go check it out. As I write, it’s signed by 352 people, mostly people who are accessibility professionals.

Direct Link to ArticlePermalink


The post Overlay Fact Sheet appeared first on CSS-Tricks.

You can support CSS-Tricks by being an MVP Supporter.

First Look at Initial Designs for WordPress’ Block Pattern Directory

WordPress contributors began discussing the possibility of a block pattern directory in October 2020, an idea that garnered enthusiastic support. The directory would offer a place to browse user-submitted patterns, as well as one-click installation of patterns from the block inserter inside the editor.

Interface designer Shaun Andrews published the initial designs for the pattern directory yesterday. Patterns will be displayed in a masonry-style grid that can be sorted by category, which works well for pattern thumbnails of varying heights. Users can search the directory and sort by featured, newest, and most popular.

Masonry grid

The idea is that a user will be able to copy a single pattern to their clipboard while visiting the directory and paste it directly into the block editor. Users will also be able to “favorite” patterns from the directory and access them inside the editor.

Copy pattern flow

One of the most exciting aspects of the plan is that anyone will be able to create and submit a pattern without having a lot of technical knowledge. Andrews shared a quick landing page mockup to explain what patterns are and how to submit one. Prospective pattern authors would be able to create a pattern on WordPress.org using a hosted instance of the block editor with a few tweaks specific to describing and categorizing the pattern.

Users who submit patterns will have a new “My Patterns” screen listing all of their patterns, ones they have favorited, information about how many people have favorited their submitted patterns, and status updates for patterns still in review.

“This is a big opportunity for designers to contribute to the overall WordPress ecosystem without having to know how to code a plugin or a theme,” Andrews said. It opens up a new avenue of design contribution that would not have been possible with the same scale of distribution in the days of the previous editor.

There are still many unanswered questions, such as how “featured” patterns would be chosen, how drafts work, if the patterns can only include core blocks, how users will browse and manage favorite patterns in the editor, who approves the patterns, how pattern authors can edit existing patterns, and more. If you want to help out on the project, check out the Pattern Directory repository on GitHub. The work is broken down into smaller projects in the issues.

#309: Elasticsearch

Dee, Chris, and Alex talk all about the technology of Elasticsearch. That’s a link to the company itself right there, which is relevant as we use them directly to host our production Elasticsearch. We use it for (wait for it): search. But interestingly enough, that’s not all. Elasticsearch is just a data store that can be useful for all sorts of other things. But before we get to that, we explain the technology and some of the problems we’ve had along the way that we’re still on a journey to entirely smooth out.

Timestamps

  • 00:38 Elasticsearch! Elasticsearch!
  • 01:46 What is Elasticsearch?
  • 03:25 Are they schema’d like JSON?
  • 07:02 What’s the problem with a single database?
  • 12:16 Elk?
  • 16:16 What was the fire we had to put out?
  • 20:19 Search on staging!
  • 23:19 What about Logstash?

The post #309: Elasticsearch appeared first on CodePen Blog.