WYSIWYG Web Builder. 5 Tips for better web design #1 (English CC)

5 Tips to improve your Web Designs# 1 !! The employ of tags and why you should use them !! The best mode to be positioned in any search engine .. is by explaining the content of our website .. therefore the use of calls from H1 to H6 is very important .. H1 for entitles or vital content H2 for subtitles .. and so on .. in this way any search engine will know how your website duties and the way to a better outlook is in process !! We are going to see all this .. in real timeWe launched a pursuit in Google … Gluten-free cooking recipes .. Among so many alternatives we click on one and on the website we can already see that the entitlement refers to the search that we had entered .. Now we are going to see the system .. and in the system we can actually see that the H1 tag has been correctly applied to this title! for this reason Google arranged it properly … we likewise see that here it has a very relevant subtitle !! and in your code .. we can indeed see that the H2 tag as a subtitle was applied correctly as well. Now in WYSIWYG Web Builder we have two alternatives to add the this calls .. from the primary menu we find H1 to H6 .. We is generated by our own tags or revise the existing ones in such a way we can apply variants … such as color … the length .. fonts .. We can apply many modifications to these labels. Causes preview and analyze the code..we will see that the H1 tag is also correctly applied to this designation. Option number 2.. The most used is simply employing “H1 Heading” in which in the same way as above .. we can modify … vary the calls .. alteration the colouring .. modification the sizing .. adjustment and much more .. Develop your website ever “ve been thinking about” mobile maneuvers !! To date, it is incredible to continue construe websites that are not fully adapted to portable machines .. Thus losing positioning .. thus losing pilgrims and increasingly tending to disappear in the medium and short term. There are two ways to design websites From “Responsive web design” .. based on desktop mode and then reduce the size of the screen until it becomes mobile. The other road is switch .. it is “mobile first design” From portable maneuvers .. from telephones .. going up to desktop mode .. Personally, I promote “Responsive Web Design” since it allows me to play with all 3800:03: 33,510 –> 00:03: 41,000 the variants and then gradually abridge the screen .. In the WYSIWYG Web Builder panel .. we can perform this task in different ways .. we can add the “breakpoints” where it says here .. “Breakpoints” or “Manage break levels ” A breach spot is the size of resolution maximum screen for our design .. we can add them manually .. too below.. we can find the same option !! You will see that the size of the screen is delimited … delineated to the device area … By clicking on it we can change from one to another … Now that we have delimited the workspace according to the resolution of our maneuver … let’s include seams .. The strata are the ones that will contain .. the content of our website .. for this .. we go to the Layout menu section and we can find the two most important characteristics to create adapted patterns .. “were having” the “Layout Grid” and We likewise have “Flex Container” .. “Flex Grid” … in this way .. the contents .. our website will be adapted to any mobile machine .. even without having started the breakingpoints !! Forget about simple seams . . exploits instead “Layout Grid or Flex Box” Although it is true that the use of “layers” streamlines our drive a lot when we are positioning each element exactly where we want … but when creating the same content adapted to mobile inventions it becomes a very long work, because it does not automatically adjust to the screen resolution.Here we can see the use of a simple layer and also here with “Layout Grid” … now we will see that its content can be located exactly where each one wants … but when changing its resolution it will not respect it as if it does the “Layout Grid” and so does the “Flex Box”.To cope with this issue what we have to do with the strata .. is create “break points” .. We are going to create here a 375 px transgres top and when we create it we can see that the “Layout Grid” is automatically adjusted .. But not the other content .. which we have to bring it inside the layer and then adjust it manually .. having to do this in each one .. with each of the elements .. That’s why I prefer to use the “Layout Grid or Flex Box” rather than Layers. Don’t use too many fonts! When we develop a website one of the fundamental aspects is the loading velocity .. idols must be optimized .. materials and not mistreat of fonts .. Normally to laden fonts from “Google Font” several external solicits are made to Googles servers and this has a great impact on performance !! A seek is not fixed for each typeface .. but each combination of typeface .. Thickness .. bold .. width .. italics .. is a completely different request !! Sometimes these servers do not load fast enough .. affecting the so called “WPO” “Web Performance Optimization” We are talking about optimizing loading meters! As a develop … “youre going to be” penalise in SEO and this delay in presenting your website to your visitors will compile them not stay on it … they will leave and maybe not return .. So … never abuse the fonts … utilization two or three as peak Not exclusively will your website laden faster but it will provide … a greater and better experience to the user. Add very little or no animation or impacts !! Although it seems obvious … the faster your page loadings … The faster the web functionalities can be used. Allowing these functionalities to appear as quickly as possible will result in … happier and surely recurring visitors. Customers are much more likely to interact with your web page if they can move quickly. Most pages have “conversion” as their most important goals .. a slow of as little as 100 milliseconds in page speeding could translate into a decrease of more than 7% in the transition proportion of a website. If your users cannot use its functions fast enough, they will simply go to another website. In addition … search engine gazes the loading move of the pages as risk factors to position it. People .. useds .. Have no fortitude and livings or effects play a key role. Aesthetically .. they add value to the website but they tend to make it slower and sometimes even difficult to navigate. Background videos .. causes the user to consume more mobile data without intending to .. the “parallax effect” can have a negative impact on the visual part of the website due to delayed scrolling. Surely, websites glance better with animations and gists .. but what actually problems is how the user interacts .. how the subscribers steers the website and what know-how he has. Disregarding animations or aftermaths will make a better keep for the subscribers because he finds what who comes to look for and does not feel lost by so much animation on the screen. As is usually the event .. in these entanglement design topics … ever think about used first … in their interaction and then decide what is most important for each of us and for each website

As found on YouTube

Leave a Reply

Your email address will not be published.