At that time the wonders of the responsive web design hong kong circulated on the internet but I had not yet incorporated it into my work. Although I made some adjustments so that the site could adapt to different screens, the result was not, it is not, as fine as I would like it to be. This is one of the main reasons for the new design, I started from a mobile first approach to get an optimal experience when browsing the site from a mobile or iPad.
In this article I would like to share a couple of CSS properties that have been very good for keeping the web graph on the smaller screens. When I checked the appearance of the new design on the mobile I got the first surprise with the buttons on the forms. They did not show the appearance I had defined in my CSS and how well they looked in the computer’s browser. The appearance property had the solution.
Another point of conflict between the mobile and the computer was the style of the events of the links. A colored box appeared when the user “touched” a link. It’s not that it was wrong but it was not what I wanted.
Here I had to use the tap-highlight-color property , with the manufacturer’s prefix -webkit-, and assign it the value of transparent. This matter was easy and direct.
It is true that if what you are creating is a website with a CMS you will have less control over the content. Maybe only about the initial material. That does not exempt you from taking care of the little or much text that you have at your disposal.
Anyone who has received texts to make a magazine or a book or a website has sometimes had to face texts lacking in criteria in the choice of quotation marks or with many ellipses or with quotations written in various ways (the list is long). That is why this book could perfectly dispense with “for designers” in its title. It is useful (and recommended) for everyone who produces texts.
Orthotypography for designers is divided into two blocks: Signs and Orthotypography. In the first part, the author presents the catalog of signs that traditionally can present more problems: quotation marks, question marks and exclamation points, dashes, stripes, etc. The second half -which is entitled “Orthotypography” – focuses on the use of typographic styles (when italicized, uppercase), how citations should be presented, notes, the correct way to work with figures and concerns that we learn to write abbreviations well once and for all.