Hot answers tagged

4

To measure the success of two or more website versions you can use A/B Testing coupled with an analytics service to compare a wide range of metrics such as time spent on page, click-through-rate (CTR), buttons/links interacted with most and much more. Once you compare those metrics with a large enough data set you should be able to see what's working well, ...


4

Without seeing the page itself or any more code what I'm assume is that the text-align is being overridden by a more specific selector (either an #id or more specific class) You can read more about CSS specificity here: CSS-Tricks — Specifics on CSS Specificity To see exactly what CSS is affecting the element in question you can use the developer tools ...


3

Organizing information into small bite sized pieces is nothing new, it's a prudential tactic that arises from our inherent desire to segment information for readability. As far as an industry term, the closest would be "info boxes". Further specifying that these particular info boxes would be center justified and using circular masks to crop the associated ...


3

There is no way to scale up an image without losing quality. In that case, you should scale your image down. So instead of saving it as 300x300, save it as 600x600. Search for good optimization / compression methods, maybe use PNG instead (because sometimes a PNG-8 compressed can be smaller than a JPEG). You probably need to use a different tool to ...


3

It's very important, considering that more than half of users prefer to use portrait mode vs landscape mode across all apps except video players, according to a study done by the University of Stuttgart. You can see that in the case of the web browser, users use portrait 78% of the time! Now for anecdotal evidence, I'd be annoyed by any website or app ...


2

So I am not sure what it is exactly you are looking for so I am just going to take the opportunity to give you feedback on the design. I think the labels are too far away from the input boxes, this can me it confusing for users to keep track of what they are filling in. The social media buttons are far more prominent than the submit button. Not online in ...


2

Use a vertical timeline instead of a horizontal timeline. In this way you have a "table view" which we're all much more familiar with for fast reading/scanning for information, and the space for text is significantly greater. And we're all now familiar with this scrolling from using our phones the last 5+ years.


2

I don't think there is a specific word to describe the layout but I have seen people say Icon Box when they are defining this layout. You will primarily see Icon Box said when looking at Wordpress Shortcodes.


1

A picture of a movie theater? source Maybe add some animation and on window load move the curtains from a left-right 200px in view to something like 100px. Giving it the feel like the movie is starting? OR Another option is to have the user choose it's favorite movie from a predefined list when browsing the page and upon selection, fetch a sequence from ...


1

There is no hard rule or "best number" for the number of columns used in a design for small screens like the 320px screen you mention. Generally 1-2 columns are used for this width as it keeps things readable and clickable, but it depends fully on the design and content of each section as for what number of columns to use. It can even vary from section to ...


1

I've figured out the issue: I'd applied some CSS to an outer container that seemed to be affecting the text - after removing this the text has started aligning properly. Thanks for your answers everyone. I hope this is an OK way for me to close the question.


1

I believe you are not identifying the class or paragraph you are using correctly. If you are using a class, put a dot in front of the name. .p9 { font-family: Roboto-light; text-align: center; color: #171717; font-size: 16px; font-weight: 300; line-height: 18px; } Aside from this I would strongly recommend changing editor.


1

A pie chart whose sectors extend variably from its center is generally called a polar area chart. There are probably many more but I know chart.js can create these with no problem. http://www.chartjs.org https://github.com/chartjs/Chart.js


1

In general scenario, every browser render you image in sRGB color space; you can check this out to be sure: Gérer les couleurs avec Photoshop The trick for showing the right color (let's say, you have a specific red that you want to see the same in browser) is to assign you image a color profile and save the image with embeded color profile. So: you have an ...


1

More to compliment Luciano's answer than counter it: Another thing to take into account is connection speed and bandwidth - you don't want to be firing a massive image over the web if you can get away with it. One option is to have two versions of the image, one acting as a thumbnail and the other as the full sized image. Though JPEGs have compression, it'...


1

Marking the status of a list-item is definetly best with using simplest possible solutions, colors are the best in my opinion for that. As for the alternatives you can always go for some icons related to the current state of the particular item. There are many ready-to-use icons such as Flaticon or Freepik and many more if you use your search-engine ...



Only top voted, non community-wiki answers of a minimum length are eligible