In 1999, I made a decision to begin dri.es (formally buytaert.internet) as a spot to weblog, write, and deepen my considering. Whereas I ran different web sites earlier than dri.es, my weblog is certainly one of my longest working initiatives. Engaged on my website helps me calm down, so it is common for me to spend just a few hours every now and then making tweaks. This might embrace updating my photograph galleries, engaged on extra POSSE options, fixing damaged hyperlinks, or upgrading to Drupal Development newest model of . Drupal Developer previous month, a set of smaller updates have resulted in a brand new visible design for my website. In case you are studying this submit by an RSS aggregator or by my mailing record, think about trying out Drupal Development new design on dri.es. Earlier than (left) and after (proper). Drupal Developer new dri.es might not win design awards, however will hopefully make it simpler to devour Drupal Development content material. My design objectives had been Drupal Development following Drupal 10 Upkeep and Help Service Enhance Drupal Development readability of Drupal Development content material Enhance Drupal Development discoverability of Drupal Development content material Optimize Drupal Development efficiency of my website Give me extra inventive freedom Enhance readability of Drupal Development content material To enhance Drupal Development readability of Drupal Development content material, I carried out numerous usability greatest practices for spacing textual content and pictures. I additionally adjusted Drupal Development width of Drupal Development most important content material space. For optimum readability, you need to have between 45 and 75 characters on every line. No extra, no much less. Drupal Developer previous design had about 95 characters on every line, whereas Drupal Development new design is nearer to 70. Each Drupal Development line width and Drupal Development spacing adjustments ought to enhance Drupal Development readability. Enhance Drupal Development discoverability of content material I additionally needed to enhance Drupal Development discoverability of my content material. I cowl a whole lot of totally different matters on my weblog — from to Open Supply, startups, enterprise, investing, journey, pictures and Drupal Development Open Internet. To assist guests perceive what my website is about, I created a brand new navigation. When Drupal Development Archive-link is clicked, guests will likely be introduced Drupal Development key matters I write about. It is a small change, however it ought to assist new guests work out what my website is about. Optimize Drupal Development efficiency of my website Much less noticeable, is that Drupal Development underlying HTML and CSS code is now fully totally different. I am nonetheless utilizing , after all, however I made a decision to rewrite my theme from scratch. Drupal Developer earlier design had nearly 52K of theme-specific CSS, whereas Drupal Development new design has 16K of theme-specific CSS. That’s greater than 3 times smaller. Drupal Developer new design additionally leads to fewer HTTP requests as I changed all stand-alone icons with inline SVGs. Serving this web page now takes 16 HTTP requests in comparison with 33 HTTP requests with Drupal Development earlier design. All this leads to sooner efficiency. That is particularly vital for individuals visiting my website from a cell machine, and much more vital for individuals visiting my website from cell units in areas in Drupal Development world with gradual web. A lighter theme with fewer HTTP requests makes my website extra accessible. It’s one thing I plan to work extra on in Drupal Development future. Web site bloat is a rising downside and impacts Drupal Development consumer expertise. I needed to guide by instance, and made my website less complicated and sooner to load. Drupal Developer new design additionally makes use of Flexbox and CSS Grid Structure — each are extra trendy CSS requirements. It’s totally supported in all most important browsers Drupal 10 Upkeep and Help Service Chrome, Firefox, Safari and Edge. It’s, nonetheless, not totally supported on Web Explorer, which accounts for lower than 3% of all my guests. Web Explorer customers ought to nonetheless have the ability to learn all content material although. Give me extra inventive freedom Final however not least, Drupal Development new design supplies me with a greater basis to construct upon in subsequent updates. I needed extra flexibility for methods to lay out photos in my weblog posts, spotlight vital snippets, and add a desk of content material on lengthy posts. You possibly can see all three in motion on this submit, assuming you are this weblog submit on a bigger display. Drupal 10 Improvement and Help