This is why many skins calculate the best thumbnail size automatically, as Tiger does too. In today’s web design image sizes are not carved into stone anymore. You can imagine this layout as a sack of marshmallows. Flex layout is capable of adapting to the available space both ways: horizontally and vertically. Today, besides Firefox, all browsers are based on Chrome’s rendering motor: “WebKit” - yes, even MS Edge. Probably this transition has lead to Internet Explorer and Opera browser’s death. “ Flex” and “ Grid” layouts were implemented - first in Chrome and Firefox, later in all browsers. These layouts, however, required a lot of external code and were not as flexible as web designers would wish.įinally, browser makers caught up with designer wishes. Bootstrap, Zurb - they were all based on a “float” layout, implementing a column system, which was able to adapt to smaller screens by specifying different column widths to elements based on screen width. This meant the end of Chameleon skin, for example. Every time you wanted to change a small piece, you had to change the code in several (distant) places and the smallest error had lead to blowing up the whole layout. It was a nightmare to maintain, I can tell. Complex graphics had to be chopped into small pieces. You can imagine this like an Excel table. In the early days of web design, pages were created using the so-called “ table” layout. The most important change was eliminating the previous Zurb framework, and replacing it with vanilla HTML5/CSS3 flex layout. Finally, I bit the bullet and started to rewrite Tiger. This way it got gradually left behind in terms of design and also made it harder to maintain code shared across my skins (Animatics, Lucid, Photoblogger, Projector, Story, Tiger). Meanwhile, new web design techniques appeared in other skins often quite early, I was afraid of rushing to introduce them in our most frequently used skin, Tiger. Most of you have probably met Tiger skin.
0 Comments
Leave a Reply. |