I will create clean and responsive website design for $10

I will create clean and responsive website design

#Thanks for visiting here, do you need a website for your personal or business purpose? are you expecting the website should be

professional, good-looking and mobile, tablet-friendly? Then you are in

the right place!Check my Portfolio:

http://bit.ly/2IbfdwE
My Service for this gig:
Full Responsive Design,

Mobile Friendly Supports,

Using html 5, J query, JavaScript etc,

Google Font,

Bootstrap 4,

CSS3 effects/Animation,

Simple and Attractive Design,

Using Font awesome icon , with social link refer,

Fixed menu, With transparent Design.

My Facilities:

  • Perfectly-Responsive , which would be compatible with all devices
  • Fast Delivery
  • Quick Response
  • Money back Guarantee
  • FULL assistance until you’re satisfied

I have 3+ years experience.
I have experienced team of professionals.
Contact Me
If you have any special requirements or have questions, drop me a message.

.

I will create clean and responsive website design for $10

I will create clean and responsive website design

#Thanks for visiting here, do you need a website for your personal or business purpose? are you expecting the website should be

professional, good-looking and mobile, tablet-friendly? Then you are in

the right place!Check my Portfolio:

http://bit.ly/2IbfdwE
My Service for this gig:
Full Responsive Design,

Mobile Friendly Supports,

Using html 5, J query, JavaScript etc,

Google Font,

Bootstrap 4,

CSS3 effects/Animation,

Simple and Attractive Design,

Using Font awesome icon , with social link refer,

Fixed menu, With transparent Design.

My Facilities:

  • Perfectly-Responsive , which would be compatible with all devices
  • Fast Delivery
  • Quick Response
  • Money back Guarantee
  • FULL assistance until you’re satisfied

I have 3+ years experience.
I have experienced team of professionals.
Contact Me
If you have any special requirements or have questions, drop me a message.

.

Web application: What is a good tutorial for the UI / UX design of the web application?

I'm creating a web application, but I'm not a designer, so I rely on a lightweight CSS framework to provide the basic style and structure of different UI elements. However, I usually struggle with how to structure the web application to provide a good UX.

I searched Google for "web application design" (and "user interface design"), but most of the results talk about the design of a "website" and not a "web application". For example, the main focus seems to be design principles, for example, Color / contrast, visual hierarchy, spacing, etc. What I need are things like the general design of the application, the center and radio pattern, the navigation, the sidebars / menus, the relationship between the conceptual / data model and the pages / screens, the role-based functionality, record the details in front of lists / tables, massive actions, page / design sections, cards, modal dialogs, actions on page, form design for simple manipulation on page in front of complex data entry (multi-step assistants), etc.

Where can I find that tutorial or guide? I am willing to pay even an online course if one is available.

c # – Pagination model of data output and search results with values ​​for UI

This is my first experience in designing legacy classes. I would like to receive comments on the interaction between the classes presented. It is unlikely that this code seems complicated. But if you need a description, please specify in the comments.

There are several classes that describe the model.

  • ToolStripUI Сontains properties to configure the user interface.
  • SearchArgs Inherited from EventArgs. Required to pass data to the search method.
  • PagedModelBase It is necessary to implement the data output on the page.
  • SearchModel Extension for PagedModelBase in the search part.
  • TableModel Extension for PagedModelBase in normal mode Forces of the Find() Y Delete() Methods to be implemented

They are used to create two models: Contract Y Worker. They inherit TableModel. And each one has an inner class. SearchModel that inherits SearchModel.

A change in PagedModelBase properties causes a change in ToolStripUI. A) Yes, ToolStripUI It always contains relevant data for the user interface.

The following code shows how Contract model Methods are used

Private VoB OnButtonToolStripClick (sender object, TSButton btn)
{
switch (form.currentTable)
{
TableName.CONTRACT case:
if (model.GetContractModel.GetSearch.IsSearch)
{
SearchTableContract (btn);
}
plus
{
TableContract (btn);
}
break;

TableName.WORKER case:
... // Equally
}
}

TableContract empty private (TSButton btn)
{
List list;
ToolStripUI ui;

switch (btn)
{
TSButton.SEARCH case:
list = model.GetContractModel.Find (form.GetSearchItem ());
break;
TSButton.RESET case:
list = model.GetContractModel.ReloadPage ();
break;
TSButton.FIRST case:
list = model.GetContractModel.FirstPage ();
break;
TSButton.LAST case:
list = model.GetContractModel.LastPage ();
break;
TSButton.NEXT case:
list = model.GetContractModel.NextPage ();
break;
TSButton.PREVIOUS case:
list = model.GetContractModel.PreviousPage ();
break;
default:
list = null;
break;
}

if (btn == TSButton.SEARCH)
{
ui = model.GetContractModel.GetSearch;
}
plus
{
ui = model.GetContractModel;
}

contractUC.FillPage (list);
form.SetToolStipUI (ui);
}

And the complete code of all the classes described. Perhaps more convenient to see through GitHub.

Public ContractModel GetContractModel {get; private set; }
public WorkerModel GetWorkerModel {get; private set; }
Public MainModel ()
{
GetContractModel = new ContractModel ();
GetWorkerModel = new WorkerModel ();
}


Public class ContractModel: TableModel
{
Internal SearchModel GetSearch {get; set; }

Public ContractModel ()
{
Size = Properties.Settings.Default.TableContractSize;
GetSearch = new SearchModel ();
}

internal annular bool Delete (int id)
{
Chronometer stopwatch = new Stopwatch ();
stopwatch.Start ();

bool result = true;

try
{
using (ModelContext model = new ModelContext ())
{
Contracts c = model.Contracts.Single (x => x.Id == id);
model.Remove (c);
model.SaveChanges ();
}
Tell--;
}
catch (ex exception)
{
result = false;
ShowMessage.Error (string.Format (
"Во время удаления договора из базы данных произошла ошибка. ID договора: {0}  n  n {1} {2}",
id, ex.Message, ex.InnerException.Message), "Исключение - MainModel.DeleteContract");
}

stopwatch.Stop ();
logger.Debug ("DeleteContract (): {0}", stopwatch.Elapsed);
return result
}
Internal cancellation list LoadPage ()
{
Chronometer stopwatch = new Stopwatch ();
stopwatch.Start ();

//GetSearch.IsSearch = false;
List source = null;
try
{
using (ModelContext model = new ModelContext ())
{

Count = model.Contracts.Count ();

Enumerable rows = model. Contracts
.OrderByDescending (r => r.Id)
.Skip (Page * Size)
.Take (Size)
.Select (c => new ContractTableRow
{
IdContract = c.Id,
Num = c.Num,
DateConclusion = c.DateConclusion.ToLongDateString (),
DateStartWork = c.DateStartWork.ToLongDateString (),
DateEndWork = c.DateEndWork.ToLongDateString (),
Salary = salary,

Worker = new Item {Id = c.Worker, Value = c.WorkerNavigation.FullName},
KindWork = c.ListKindWorks.Select (y => new ItemLong {Id = y.IdKindWork, Title = y.IdKindWorkNavigation.Title, Short = y.IdKindWorkNavigation.Short))
Subject = c.ListSubjects.Select (y => new ItemLong {Id = y.IdSubject, Title = y.IdSubjectNavigation.Title, Short = y.IdSubjectNavigation.Short})
});

source = rows.ToList ();
}

}
catch (ex exception)
{
source = null;
ShowMessage.Error (string.Format (
"Войти на Facebook Войти на Google ; & # 39; & # 39; & # 39; & # 39; & # 39; n & # 39; n & # 39; n & # 39; n & # 39; & # 39; & # 39 ; & # 39; & # 39; & # 39; & # 39; n & # 39; n & # 39; n & # 39; s & # 39; & # 39; & # 39; & # 39; & # 39; & # 39;
Page, MinPage, ex.Message, ex.InnerException.Message), "Исключение - MainModel.LoadPage");
}

stopwatch.Stop ();
logger.Debug ("Load page: {0}", stopwatch.Elapsed);

source of return;
}
Internal cancellation list Search (SearchArgs e)
{
returns GetSearch.FirstPage (e);
}
Internal cancellation list Reload page ()
{
GetSearch.IsSearch = false;
return base.ReloadPage ();
}

internal class SearchModel: SearchModel
    {
Public SearchModel ()
{
Size = Properties.Settings.Default.TableSearchSize;
ListTypeSearch = new list
            {
new ItemSearch {Value = "Num", Display = "Номер"},
new ItemSearch {Value = "DateConclusion", Display = "Заключен"},
new ItemSearch {Value = "Worker", Display = "Работник"},
new ItemSearch {Value = "KindWork", Display = "Вид работы"},
new ItemSearch {Value = "Subject", Display = "Объект"},
new ItemSearch {Value = "DateStartWork", Display = "Старт"},
new ItemSearch {Value = "DateEndWork", Display = "Окончание"},
new ItemSearch {Value = "Salary", Display = "Зарплата"}
};
}

Internal cancellation list LoadPage ()
{
Chronometer stopwatch = new Stopwatch ();
stopwatch.Start ();

string pattern = string.Format ("% {0}%", keyword);
List list = null;

try
{
using (var model = new ModelContext ())
{
IQueryable query = model.Contracts;

if (GetItemSearch.Value == "Num")
{
query = query.Where (c => EF.Functions.Like (c.Num, pattern));
}
else if (GetItemSearch.Value == "Salary")
{
query = query.Where (c => EF.Functions.Like (c.Salary.ToString (), pattern));
}
else if (GetItemSearch.Value == "DateConclusion")
{
query = query.Where (c => EF.Functions.Like (c.DateConclusion.ToLongDateString (), pattern));
}
else if (GetItemSearch.Value == "DateStartWork")
{
query = query.Where (c => EF.Functions.Like (c.DateStartWork.ToLongDateString (), pattern));
}
else if (GetItemSearch.Value == "DateEndWork")
{
query = query.Where (c => EF.Functions.Like (c.DateEndWork.ToLongDateString (), pattern));
}
else if (GetItemSearch.Value == "Worker")
{
query = query.Where (c => EF.Functions.Like (c.WorkerNavigation.FullName, pattern));
}
else if (GetItemSearch.Value == "KindWork")
{
query = model.ListKindWorks.Where (c => EF.Functions.Like (c.IdKindWorkNavigation.Short, pattern)). Select (c => c.IdContractNavigation);
}

else if (GetItemSearch.Value == "Subject")
{
query = model.ListSubjects.Where (c => EF.Functions.Like (c.IdSubjectNavigation.Short, pattern)). Select (c => c.IdContractNavigation);
}

Count = query.Count ();

list = query
.OrderBy (q => q.Id)
.Skip (Page * Size)
.Take (Size)
.Select (c => new ContractTableRow
{
IdContract = c.Id,
Num = c.Num,
DateConclusion = c.DateConclusion.ToLongDateString (),
DateStartWork = c.DateStartWork.ToLongDateString (),
DateEndWork = c.DateEndWork.ToLongDateString (),
Salary = salary,

Worker = new Item {Id = c.Worker, Value = c.WorkerNavigation.FullName},
KindWork = c.ListKindWorks.Select (y => new ItemLong {Id = y.IdKindWork, Title = y.IdKindWorkNavigation.Title, Short = y.IdKindWorkNavigation.Short))
Subject = c.ListSubjects.Select (y => new ItemLong {Id = y.IdSubject, Title = y.IdSubjectNavigation.Title, Short = y.IdSubjectNavigation.Short})
}).To list();
}
}
catch (ex exception)
{
ShowMessage.Error (string.Format ("Во время поиска произошла ошибка.  N  n {0} {1}",
ex.Message, ex.InnerException.Message));
}



stopwatch.Stop ();
logger.Debug ("Поиск договора: {0}", stopwatch.Elapsed);

return list
}
}

}

public class WorkerModel: TableModel
{
Internal SearchModel GetSearch {get; set; }

public worker model ()
{
Size = Properties.Settings.Default.TableWorkerSize;
GetSearch = new SearchModel ();
}

internal annular bool Delete (int id)
{
Chronometer stopwatch = new Stopwatch ();
stopwatch.Start ();

bool result = true;

try
{
using (ModelContext model = new ModelContext ())
{
Workers w = model.Workers.Single (x => x.Id == id);
model.Remove (w);
model.SaveChanges ();
}
Tell--;
}
catch (ex exception)
{
result = false;
ShowMessage.Error (string.Format (
"Во время удаления данных работника из базы данных произошла ошибка. ID работника: {0}  n  n {1} {2}".
id, ex.Message, ex.InnerException.Message), "Исключение - MainModel.DeleteContract");
}

stopwatch.Stop ();
logger.Debug ("DeleteWorker (): {0}", stopwatch.Elapsed);
return result
}
Internal cancellation list LoadPage ()
{
Chronometer stopwatch = new Stopwatch ();
stopwatch.Start ();

//GetSearch.IsSearch = false;
List source = null;
try
{
using (ModelContext model = new ModelContext ())
{

Count = model.Workers.Count ();

Enumerable rows = model.workers
.OrderByDescending (r => r.Id)
.Skip (Page * Size)
.Take (Size)
.Select (w => new WorkerTableRow
{
IdWorker = w.Id,
FullName = w.FullName,
PassportNumber = w.PassportNumber,
PassportSeries = w.PassportSeries,
Address = w.Address,
BankAccount = w.BankAccount,
DateIssued = w.DateIssued.ToLongDateString (),

Issued = new ItemLong {Id = w.IssuedNavigation.Id, Short = w.IssuedNavigation.ShortTitle, Title = w.IssuedNavigation.Title},
BankItem = new ItemLong {Id = w.BankNavigation.Id, Short = w.BankNavigation.ShortTitle, Title = w.BankNavigation.Title},
});

source = rows.ToList ();
}
}
catch (ex exception)
{
source = null;
ShowMessage.Error (string.Format (
"Войти на Facebook Войти на Google
Page, MinPage, ex.Message, ex.InnerException.Message), "Исключение - MainModel.LoadPage");
}

stopwatch.Stop ();
logger.Debug ("Load page: {0}", stopwatch.Elapsed);

source of return;
}
Internal cancellation list Search (SearchArgs e)
{
returns GetSearch.FirstPage (e);
}
Internal cancellation list Reload page ()
{
GetSearch.IsSearch = false;
return base.ReloadPage ();
}

internal class SearchModel: SearchModel
    {
Public SearchModel ()
{
Size = Properties.Settings.Default.TableSearchSize;
ListTypeSearch = new list
            {
New ItemSearch {Value = "Id", Display = "ID"},
New ItemSearch {Value = "FullName", Display = "ФИО"},
new ItemSearch {Value = "PassportSeries", Display = "Серия паспорта"},
new ItemSearch {Value = "PassportNumber", Display = "Личный номер"},
new ItemSearch {Value = "DateIssued", Display = "Дата выдачи"},
new ItemSearch {Value = "Address", Display = "Адрес"},
new ItemSearch {Value = "BankAccount", Display = "Счет"}
};
}

Internal cancellation list LoadPage ()
{
Chronometer stopwatch = new Stopwatch ();
stopwatch.Start ();

string pattern = string.Format ("% {0}%", keyword);
List list = null;

try
{
using (ModelContext model = new ModelContext ())
{
IQueryable query = model.workers;

if (GetItemSearch.Value == "Id")
query = query.Where (w => EF.Functions.Like (w.Id.ToString (), pattern));

else if (GetItemSearch.Value == "FullName")
query = query.Where (w => EF.Functions.Like (w.FullName, pattern));

else if (GetItemSearch.Value == "PassportSeries")
query = query.Where (w => EF.Functions.Like (w.PassportSeries, pattern));

else if (GetItemSearch.Value == "PassportNumber")
query = query.Where (w => EF.Functions.Like (w.PassportNumber, pattern));

else if (GetItemSearch.Value == "Address")
query = query.Where (w => EF.Functions.Like (w.Address, pattern));

else if (GetItemSearch.Value == "BankAccount")
query = query.Where (w => EF.Functions.Like (w.BankAccount, pattern));

else if (GetItemSearch.Value == "DateIssued")
query = query.Where (w => EF.Functions.Like (w.DateIssued.ToLongDateString (), pattern));

Count = query.Count ();

list = query
.OrderBy (q => q.Id)
.Skip (Page * Size)
.Take (Size)
.Select (w => new WorkerTableRow
{
IdWorker = w.Id,
FullName = w.FullName,
PassportNumber = w.PassportNumber,
PassportSeries = w.PassportSeries,
Address = w.Address,
BankAccount = w.BankAccount,
DateIssued = w.DateIssued.ToLongDateString (),

Issued = new ItemLong {Id = w.IssuedNavigation.Id, Short = w.IssuedNavigation.ShortTitle, Title = w.IssuedNavigation.Title},
BankItem = new ItemLong {Id = w.BankNavigation.Id, Short = w.BankNavigation.ShortTitle, Title = w.BankNavigation.Title},
}).To list();
}
}
catch (ex exception)
{
ShowMessage.Error (string.Format ("Во время поиска произошла ошибка.  N  n {0} {1}",
ex.Message, ex.InnerException.Message));
}

stopwatch.Stop ();
logger.Debug ("Поиск работника: {0}", stopwatch.Elapsed);

return list
}
}
}


public abstract class TableModel : PagedModelBase
{
Internal vacuum Added ()
{
Account ++;
}
Internal summary bool Delete (int id);
Internal summary of the list Search (SearchArgs e);
}

public abstract class SearchModel : PagedModelBase
{
private bool isSearch;
internal bool IsSearch
{
get {return isSearch; }
set
{
isSearch = value;
Button[2] = IsSearch;
}
}

Internal list ListTypeSearch {get; set; }
Internal ItemSearch GetItemSearch {get; set; }
internal string GetSeachResultText
{
obtain
{
string text
yes (Account == 0)
{
text = string.Empty;
}
plus
{
text = string.Format ("Найдено: {0}", Count);
}
return text
}
}

Internal list FirstPage (SearchArgs e)
{
IsSearch = true;
GetItemSearch = e.Item;
Keyword = e.Keyword;
List list = FirstPage ();
PageNumText = GetPageNumText;
ResultSearchText = GetSeachResultText;
return list
}
}

public abstract class PagedModelBase : ToolStripUI
{
internal logger logger = NLog.LogManager.GetCurrentClassLogger ();

internal event EventHandler InnerChangePageEvent;


private int account;
private int page = -1;
private int maxPage = 1;


internal int MaxPage
{
get {return maxPage; }
set
{
maxPage = value;

yes (Page> = MaxPage)
{
Page = MaxPage - 1;
InnerChangePageEvent? .Invoke (this, EventArgs.Empty);
}
more if (Page == MaxPage - 1)
{
Button[1] = false;
}
plus
{
Button[1] = true;
}
}
}
internal int MinPage {get; }
internal internal account
{
get {return account; }
set
{
account = value;
yes (Account> 0)
{
MaxPage = GetMaxPage ();
}
PageNumText = GetPageNumText;
}
}
internal size int {get; set; }
internal internal page
{
get {return page; }
set
{
yes (value <= MinPage)
{
page = MinPage;
Button[0] = false;
}
plus
{
page = value;
Button[0] = true;
}
}
}
int private GetMaxPage ()
{
return Convert.ToInt32 (Math.Ceiling ((double) Count / Size));
}
internal string GetPageNumText
{
get {return string.Format ("{0} из {1}", Page + 1, MaxPage); }
}


Internal virtual list Reload page ()
{
return LoadPage ();
}
Internal list First page()
{
returns CustomPage (MinPage);
}
Internal list Last page()
{
returns CustomPage (MaxPage - 1);
}
Internal list Next page()
{
return CustomPage (Page + 1);
}
Internal list Previous page()
{
return CustomPage (Page - 1);
}
Internal list CustomPage (int customPage)
{
List list;

Page = customPage;
list = LoadPage ();

return list
}


Internal summary of the list LoadPage ();
}

public class ToolStripUI
{
public bool[] Button {get; set; } = new bool[3];
public string PageNumText {get; set; }
public string Keyword {get; set; } = string.Empty;
public string ResultSearchText {get; set; } = string.Empty;
}

public class SearchArgs: EventArgs
{
Public item of article search;
public string Keyword;

Public SearchArgs (ItemSearch item, string keyword)
{
Item = item;
Keyword = keyword;
}
}

javascript – Problem in the design of elements with Ui material using Next JS

I'm having trouble using the Material UI with Next JS. The problem is this: when I am running the project with & n 39; npm run dev & # 39 ;, the application runs perfectly, however, whenever I run npm run build and then execute npm start (for production mode) apparently, some css or something else (I do not know what it is), do not show, on the screen, the same as npm run dev. Below is the image that shows the problem.

Insert the description of the image here.

I discovered something important, which is solved, for example, when I change CSS in the browser itself, in production mode.
Everything goes wrong, that is, all the codes, when I do the npm execute build and then execute npm start, due to the code marked in the img 1. Note that in img 4, the name of the class is identical to the style of makeStyles. I do not know what's happening, but the time npm execute build, the name of the class becomes different, and it creates a class called jss1, incrementing it. Help me please Thank you
Insert the description of the image here.
I'm using Next JS: https: //nextjs.org/

Material of the user interface: https://material-ui.com/

Package.json:

{
"name": "nextjs",
"version": "4.0.0",
"private": true,
"dependencies": {
"@ material-ui / core": "^ 4.2.1",
"@ material-ui / icons": "^ 4.2.1",
"@ material-ui / styles": "^ 4.2.1",
"clsx": "most recent",
"cross-env": "^ 5.2.0",
"next": "last",
"npm-check-updates": "^ 3.1.20",
"prop-types": "most recent",
"react": "most recent",
"reaccion-dom": "most recent",
"react-select": "^ 3.0.4",
"Style components": "^ 4.3.2"
}
"scripts": {
"dev": "next",
"build": "next build",
"start": "cross-env NODE_ENV = production && next start"
}
}

Create user interface design for your mobile application for $ 90

Create user interface design for your mobile application

Hello!

If you are looking for a designer to create your amazing professional mobile application, let us serve you. We are mtseoagency, an experienced UI / UX designer and Illustration with more than 8 years of experiences. We specialize in the design of websites, mobile applications, icons and illustrations.

Services you will get from this concert:

  • Deliver a perfect pixel customize the user interface
  • Source Files: Sketch
  • PNG / JPEG
  • Free source
  • Simple icon to customize
  • Fast delivery
  • 100% satisfaction guarantee
  • Fast answer

What do I need from you?

  • Your brand / company name (logo)
  • Brief description of your business (target audience)
  • The problem you are trying to solve with your mobile application.
  • Color scheme preference (if any)
  • Examples of mobile UI that you like (inspiration)
  • Applications of the competition
  • Description of the activity of your application and the content of the application.

We are not developers, so we only design how your application will look like you imagine.We can create a special concert for your interactive application designing prototype with In vision.

Please, contact us before placing an order. Once we have discussed your application, we will provide you with our best offer.

.

Functionality of the UI buttons

How do I do with this functionality? When a user touches and still holds a UI button, a GameObject will be activated, when the UI button is released, the GameObject will be deactivated.

re: Square – Receive payments with a custom UI

Regarding "Take payments with a personalized UI" on this page: https://developer.squareup.com/docs/online-payment-options

Indicates: "Use the square payment form and the Transaction API to add a PCI-compatible payment form to your own payment page." Customize the square payment form with CSS and HTML, and add a digital wallet support with Apple Pay, Masterpass and Google Payment buttons.

The square payment form encodes the payment card information into a secure token that you send to your own server-side resource for payment processing … ", etc.

What is meant by "your own server-side resource for payment processing" and "add a digital wallet support"?
SEMrush

I hope more clarifications

8 – How do I migrate content to an aggregate field with UI to an existing custom content entity?

In a custom module (assoc), I have a Personal Content Entity (Person) with these fields:

$ fields['lastname'] = BaseFieldDefinition :: create (& # 39; string & # 39;)
$ fields['firstname'] = BaseFieldDefinition :: create (& # 39; string & # 39;)
$ fields['email'] = BaseFieldDefinition :: create (& # 39; email & # 39;)
$ fields['cellphone'] = BaseFieldDefinition :: create (& # 39; phone & # 39;)

I migrated the Person content of a Drupal 6 site using Migrate Source CSV, Migrate Plus, Migrate Tools and this migration file:

id: migration_persons
migration_tags: null
migration_group: null
Tag: & # 39; Migrating people from CSV & # 39;
source:
plugin: csv
Path: /Users/efalzon/Sites/JdP8M7b/config/migration_Persons.csv
delimiter: & # 39 ;; & # 39;
enclosure: & # 39; "& # 39;
header_row_count: 1
keys:
- I.D
process:
I do
Surname Last Name
first name
cellular: cellular
email: mail
iscontact: iscontact
isactive: isactive
member_id: member_id
user_id: user_id
owner_id:
plugin: default_value
value_valued: 1
destination:
plugin: & # 39; entity: person & # 39;
dependency_migration:
required: {}
Optional: {}

I added a field to this entity using the user interface:
enter the description of the image here
The corresponding configuration files are field.storage.person.field_sel_initial_credit.yml Y field.field.person.person.field_sel_initial_credit.yml
I tried to migrate some content to this field using

id: migration_sel_initial_credit
migration_tags: null
migration_group: null
Tag: & # 39; Sel initial CSV credit migration & # 39;
source:
plugin: csv
route: /Users/efalzon/Sites/JdP8M7b/config/migration_Sel_initial_credit.csv
delimiter: & # 39 ;; & # 39;
enclosure: & # 39; "& # 39;
header_row_count: 1
keys:
- uid
process:
Package: "person"
entity_id: uid
revision_id: uid
field_sel_initial_credit_value: value
destination:
plugin: & # 39; entity: field_storage_config & # 39;
dependency_migration:
required: {}
Optional: {}

and I got this error when executing the migration:

[error]        Try to create a field storage without a field name. (/Users/efalzon/Sites/JdP8M7b/web/core/modules/field/src/Entity/FieldStorageConfig.php:252)

What am I missing?

UX design guidelines for audio / sound feedback and UI interaction

The accessibility guidelines of W3s WCAG:
http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-dis-audio.html
basically it indicates that SOME users are using screen readers (so you want avoid automatic start any audio in contrast) and, of course, others are deaf (therefore, everything that is supposed to communicate through audio must be communicated in another way).

Some of the "sufficient techniques" listed include:

  • G60: Playing a sound that turns off automatically in three seconds
  • G170: Provide a control near the beginning of the web page that deactivates the sounds that are played automatically
  • G171: Reproduction of sounds only at the request of the user
  • FLASH34: Disabling sounds that play automatically when assistive technology is detected (Flash)

Your example for images is that, instead of a green arrow at the bottom of a page to indicate "continue," have both the alt text and the graphic text say "press this arrow to continue" (and perhaps add a black outline, so that people who are blind to color can see the contrast more easily.

For the audio, I think instead of ONLY trusting a sound to indicate "success" or "fail", think of it as "glazed", just a reinforcement of the basic text indication.

NNGroup has not done much with audio recently, but it has been looking for Audio-Interfaces (like Siri, Alexa, HeyGoogle and more), and it divides the audio signals into some types:

  1. Non-verbal sounds, or earrings. (auditory icons), which are distinctive noises generated by the system, usually associated with specific actions or states. For example, Siri emits a 2-tone beep after detecting its activation phrase, to indicate that it is now "listening" for a command.

  2. Explicit verbal significators, when the system verbalizes a suggestion or request so that the user knows what commands are available. For example, if you tell the Google homepage "Set a timer," respond with "Ok, for how long?"

  3. Implicit verbal signals, when the system suggests that an action is possible, without fully articulating the suggestion.

The article goes into more detail, indicating how the visual icons can be confusing, the same happens with the Earcons and the implicit signals. I do not know if this audio-only interface information is what you're looking for, but I thought it might help.

Update of July 2019:
Google has added sound to its material base.