ess Kamal Haasan tells people, fans to not address him as ‘Ulaganayagan’ By www.thehindu.com Published On :: Mon, 11 Nov 2024 12:02:57 +0530 The star also requested his fans, members of the film fraternity, media, party cadres and ‘fellow Indians’ to refer to him ‘simply as Kamal Haasan or Kamal or KH’ Full Article Movies
ess Hindu Succession Act supports daughters but lets down widows and mothers, says Madras High Court By www.thehindu.com Published On :: Mon, 11 Nov 2024 21:59:48 +0530 The loss to one section of women has been overlooked in the euphoria over the gain to another section, says Justice N. Seshasayee Full Article Tamil Nadu
ess Chennai and neighbouring districts to witness heavy rains till November 15 By www.thehindu.com Published On :: Tue, 12 Nov 2024 15:08:56 +0530 On Nov. 12, RMC, Chennai, upgraded its weather warning to orange alert, indicating a possibility of rainfall of very heavy intensity for 24 hours ending 8.30 a.m. on Nov. 13 in Chennai, Tiruvallur, and Chengalpattu districts Full Article Chennai
ess Stress amplification and relaxation imaging around cracks in nanocomposite gels using ultrasound elastography By pubs.rsc.org Published On :: Soft Matter, 2024, Advance ArticleDOI: 10.1039/D4SM00909F, PaperH. Le Blay, T. Deffieux, L. Laiarinandrasana, M. Tanter, A. MarcellanStress visualization around cracks in NC gels was performed using ultrasonic elastography. Temporal and spatial mapping are performed non-invasively. Over time, the stress gradient is erased by large-scale reorganization of the polymer network.To cite this article before page numbers are assigned, use the DOI form of citation above.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
ess Network interactions simultaneously enhance stiffness and lubricity of triple-network hydrogels By pubs.rsc.org Published On :: Soft Matter, 2024, Advance ArticleDOI: 10.1039/D4SM00969J, PaperNabila Ali, Connor J. Demott, Olivia F. Dingus, Melissa A. Grunlan, Alison C. DunnTough hydrogels with a charge-variable third network were assessed for biomimicking lubricity in both water and FBS solution.To cite this article before page numbers are assigned, use the DOI form of citation above.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
ess Emulsifying mechanisms of phospholipids in high-pressure homogenization of perfluorocarbon nanoemulsions By pubs.rsc.org Published On :: Soft Matter, 2024, 20,8373-8384DOI: 10.1039/D4SM00828F, Paper Open Access   This article is licensed under a Creative Commons Attribution 3.0 Unported Licence.Larissa J. Lubitz, Harden Rieger, Gero LeneweitAn optimized PFC/W emulsion contains 1 mM lipid per 1% (v/v) dispersed phase for an emulsifying monolayer; higher ratios result in triple layers. Low viscosity ratios ηD/ηC ≤ 5 and low PFC volume fractions lead to smaller monodisperse droplets.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
ess Effective patchiness from critical points of a coarse-grained protein model with explicit shape and charge anisotropy By pubs.rsc.org Published On :: Soft Matter, 2024, 20,8455-8467DOI: 10.1039/D4SM00867G, Paper Open Access   This article is licensed under a Creative Commons Attribution 3.0 Unported Licence.Jens Weimar, Frank Hirschmann, Martin OettelCritical points of an anisotropic, coarse-grained protein model are used to detemine an “effective patchiness” by comparison to the Kern–Frenkel patchy model.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
ess Thickness-dependent response of aerosol-jet-printed ultrathin high-aspect-ratio electrochemical microactuators By pubs.rsc.org Published On :: Soft Matter, 2024, Accepted ManuscriptDOI: 10.1039/D4SM00886C, Paper Open Access   This article is licensed under a Creative Commons Attribution 3.0 Unported Licence.Ji Zhang, Jeremy J. Baumberg, Sohini Kar-NarayanTrilayer electrochemical actuators comprising an electrolyte layer sandwiched between two electrode layers have been shown to exhibit large deformations at low actuation voltages. Here we report aerosol-jet printing (AJP) of...The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
ess Scale-dependent interactions enable emergent microrheological stress response of actin–vimentin composites By pubs.rsc.org Published On :: Soft Matter, 2024, Advance ArticleDOI: 10.1039/D4SM00988F, PaperJulie Pinchiaroli, Renita Saldanha, Alison E. Patteson, Rae M. Robertson-Anderson, Bekele J. GurmessaThe unique mechanical behaviors of actin–vimentin composites in both linear and nonlinear regimes are shaped by the complex interactions among actin entanglements, vimentin crosslinking, and poroelastic properties.To cite this article before page numbers are assigned, use the DOI form of citation above.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
ess Aging iridium oxide catalyst inks: a formulation strategy to enhance ink processability for polymer electrolyte membrane water electrolyzers By pubs.rsc.org Published On :: Soft Matter, 2024, Advance ArticleDOI: 10.1039/D4SM00987H, Paper Open Access   This article is licensed under a Creative Commons Attribution 3.0 Unported Licence.Sunilkumar Khandavalli, Jae Hyung Park, Robin Rice, Diana Y. Zhang, Sarah A. Berlinger, Guido Bender, Deborah J. Myers, Michael Ulsh, Scott A. MaugerSteady-shear rheology showing evolution of the microstructure of iridium oxide catalyst inks of PEM water electrolyzers with aging time.To cite this article before page numbers are assigned, use the DOI form of citation above.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
ess Bending of polymer films: a method for obtaining a compressive modulus of thin films By pubs.rsc.org Published On :: Soft Matter, 2024, 20,8589-8600DOI: 10.1039/D4SM00084F, PaperAkihiro Ohara, Ko OkumuraWe constructed a theory and method for measuring the compressive modulus by combining tensile and bending tests. Elastic asymmetry was confirmed in an industrial PET film.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
ess Extended kinetic theory applied to pressure-controlled shear flows of frictionless spheres between rigid, bumpy planes By pubs.rsc.org Published On :: Soft Matter, 2024, 20,8702-8715DOI: 10.1039/D4SM00831F, Paper Open Access   This article is licensed under a Creative Commons Attribution 3.0 Unported Licence.Dalila Vescovi, Astrid S. de Wijn, Graham L. W. Cross, Diego BerziWe perform discrete simulations of steady, pressure-imposed, heterogeneous flows of frictionless spheres sheared between parallel bumpy planes, and use the results to test the predictions of the extended kinetic theory of granular gases.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
ess Thin free-standing liquid films manipulation: device design to turn on/off gravity in flow regimes for thickness map control and for material structuring By pubs.rsc.org Published On :: Soft Matter, 2024, Advance ArticleDOI: 10.1039/D4SM00951G, Paper Open Access   This article is licensed under a Creative Commons Attribution 3.0 Unported Licence.Paolo Iaccarino, Zhe Wang, Andrea Marfuggi, Simone Russo, Vincenzo Ferraro, Giuseppe Vitiello, Sara Coppola, Ernesto Di MaioWe design a device to control liquid film drainage, able to switch between viscous-capillary and viscous-gravity regimes to stabilize thickness and modify particle arrangement, offering potential for film studies and 2D structure fabrication.To cite this article before page numbers are assigned, use the DOI form of citation above.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
ess Dynamics of switching processes: general results and applications to intermittent active motion By pubs.rsc.org Published On :: Soft Matter, 2024, Accepted ManuscriptDOI: 10.1039/D4SM01054J, Paper Open Access   This article is licensed under a Creative Commons Attribution 3.0 Unported Licence.Ion Santra, Deepak Gupta, Kristian S OlsenSystems switching between different dynamical phases is an ubiquitous phenomenon. The general understanding of such a process is limited. To this end, we present a general expression that captures fluctuations...The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
ess Mechanical properties soft hydrogels: assessment by scanning ion-conductance microscopy and atomic force microscopy By pubs.rsc.org Published On :: Soft Matter, 2024, Accepted ManuscriptDOI: 10.1039/D4SM00966E, PaperTatiana Tikhonova, Yuri M. Efremov, Vasilii Kolmogorov, Aleksei Iakovlev, Nikolay Sysoev, Peter S. Timashev, Victor Fadeev, Alexander Tivtikyan, Sergey Salikhov, Petr Gorelkin, Yuri Korchev, Alexandr Erofeev, Evgeny ShirshinThe growing interest in biomimetic hydrogels is due to their successful applications in tissue engineering, 3D cell culturing and drug delivery. Major characteristics of hydrogels include swelling, porosity, degradation rate,...The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
ess Percolation transitions in a binary mixture of active Brownian particles with different softness By pubs.rsc.org Published On :: Soft Matter, 2024, Advance ArticleDOI: 10.1039/D4SM00981A, PaperMonika Sanoria, Raghunath Chelakkot, Amitabha NandiHomogeneous active Brownian particle (ABP) systems with purely repulsive interactions are considered to exhibit a simple phase behavior, but various physical attributes of active entities can lead to variation in the collective dynamics.To cite this article before page numbers are assigned, use the DOI form of citation above.The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
ess Effects of Hydration Water on Bioresponsiveness of Polymer Interfaces Revealed by Analysis of Linear and Cyclic Polymer–Grafted Substrates By pubs.rsc.org Published On :: Soft Matter, 2024, Accepted ManuscriptDOI: 10.1039/D4SM00977K, Paper Open Access   This article is licensed under a Creative Commons Attribution-NonCommercial 3.0 Unported Licence.Shin-nosuke Nishimura, Naoya Kurahashi, Shohei Shiomoto, Yoshihisa Harada, Masaru TanakaGiven that the hydration water of polymer matrices may differ from that of outermost polymer surfaces, processes at biomaterial–biofluid interfaces and role of hydration water therein cannot be adequately examined...The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
ess Magnetic colloidal single particles and dumbbells on a tilted washboard moir'e pattern in a precessing external field By pubs.rsc.org Published On :: Soft Matter, 2024, Accepted ManuscriptDOI: 10.1039/D4SM01183J, Paper Open Access   This article is licensed under a Creative Commons Attribution 3.0 Unported Licence.Farzaneh Farrokhzad, Nico C. X. Stuhlmüller, Piotr Kuswik, Maciej Urbaniak, Feliks Stobiecki, Sapida Akhundzada, Arno Ehresmann, Daniel de las Heras, Thomas M. FischerWe measure the dynamical behavior of colloidal singlets and dumbbells on an inclined magnetic moir'e pattern, subject to a precessing external homogeneous magnetic field. At low external field strength single...The content of this RSS Feed (c) The Royal Society of Chemistry Full Article
ess Future Accessibility Guidelines—for People Who Can’t Wait to Read Them By 24ways.org Published On :: Tue, 03 Dec 2019 12:00:00 +0000 Alan Dalton uses this, the International Day of Persons with Disabilities, to look back at where we’ve come from, to evaluate where we are, and to look forward to what’s coming next in the future of accessibility guidelines. Happy United Nations International Day of Persons with Disabilities! The United Nations have chosen “Promoting the participation of persons with disabilities and their leadership: taking action on the 2030 Development Agenda” for this year’s observance. Let’s see how the World Wide Web Consortium (W3C)’s Web Accessibility Initiative (WAI) guidelines of accessibility past, present, and yet-to-come can help us to follow that goal, and make sure that the websites—and everything else!—that we create can include as many potential users as possible. Guidelines of Accessibility Past The W3C published the Web Content Accessibility Guidelines (WCAG) 1.0 on 5th May 1999, when most of us were playing Snake on our Nokia 3210s’ 1.5” monochrome screens…a very long time ago in technology terms. From the start, those guidelines proved enlightening for designers and developers who wanted to avoid excluding users from their websites. For example, we learned how to provide alternatives to audio and images, how to structure information, and how to help users to find the information they needed. However, those guidelines were specific to the web technologies of the time, resulting in limitations such as requiring developers to “use W3C technologies when they are available […]”. Also, those guidelines became outdated; I doubt that you, gentle reader, consult their technical documentation about “directly accessible applets” or “Writing for browsers that do not support FRAME” in your day-to-day work. Guidelines of Accessibility Present The W3C published the Web Content Accessibility Guidelines (WCAG) 2.0 on 11th December 2008, when most of us were admiring the iPhone 3G’s innovative “iPhone OS 2.0” software…a long time ago in technology terms. Unlike WCAG 1, these guidelines also applied to non-W3C technologies, such as PDF and Flash. These guidelines used legalese and future-proofed language, with terms such as “time-based media” and “programmatically determined”, and testable success criteria. This made these guidelines more difficult for designers and developers to grasp, but also enabled the guidelines to make their way into international standards (see EN 301 549 — Accessibility requirements suitable for public procurement of ICT products and services in Europe and ISO/IEC 40500:2012 Information technology — W3C Web Content Accessibility Guidelines (WCAG) 2.0) and even international law (see EU Directive 2016/2102 … on the accessibility of the websites and mobile applications of public sector bodies). More importantly, these guidelines enabled designers and developers to create inclusive websites, at scale. For example, in the past 18 months: Intercom made their web Messenger accessible, achieving Level-AA conformance; Vimeo made accessibility updates to their video player to achieve Level-AA conformance; Stripe designed a new accessible colour system to conform with success criterion 1.4.3 (“Contrast (Minimum)”). The updated Web Content Accessibility Guidelines (WCAG) 2.1 arrived on 5th June last year—almost a 10-year wait for a “.1” update!—and added 17 new success criteria to help bring the guidelines up to date. Those new criteria focused on people using mobile devices and touchscreens, people with low vision, and people with cognitive and learning disabilities. (If you need to get up to speed with these guidelines, take 36 minutes to read “Web Content Accessibility Guidelines—for People Who Haven’t Read Them” and Web Content Accessibility Guidelines 2.1—for People Who Haven’t Read the Update.) Guidelines of Accessibility Yet to Come So, what’s next? Well, the W3C hope to release another minor update (WCAG 2.2) in November 2020. However, they also have a Task Force working on produce major new guidelines with wider scope (more people, more technologies) and fewer limitations (easier to understand, easier to use) in November 2022. These next guidelines will have a different name, because they will cover more than “Web” and “Content”. Andrew Kirkpatrick (Adobe’s Head of Accessibility) named the Task Force “Silver” (because the initials of “Accessibility Guidelines” form the symbol of the silver element). The Silver Task Force want the next major accessibility guidelines to: take account of more disabilities; apply to more technologies than just the web, including virtual reality, augmented reality, voice assistants, and more; consider all the technologies that people use, including authoring tools, browsers, media players, assistive technologies (including screen readers and screen magnifiers), application software, and operating systems. That’s quite a challenge, and so the more people who can help, the better. The Silver Task Force wanted an alternative to W3C’s Working Groups, which are made up of employees of organisations who are members of the W3C, and invited experts. So, they created a Silver Community Group to allow everyone to contribute towards this crucial work. If you want to join right now, for free, just create a W3C account. Like all good designers, the Silver Task Force and Silver Community Group began by researching. They examined the problems that people have had when using, conforming to, and maintaining the existing accessibility guidelines, and then summarised that research. From there, the Silver Community Group drafted ambitious design principles and requirements. You can read about what the Silver Community Group are currently working on, and decide whether you would like to get involved now, or at a later stage. Emphasise expertise over empathy Remember that today’s theme is “Promoting the participation of persons with disabilities and their leadership: taking action on the 2030 Development Agenda”. (The United Nations’ 2030 Development Agenda is outside the scope of this article, but if you’re looking to be inspired, read Alessia Aquaro’s article on Public Digital’s blog about how digital government can contribute to the UN’s Sustainable Development Goals.) In line with this theme, if you don’t have a disability and you want to contribute to the Silver Community Group, resist the temptation to try to empathise with people with disabilities. Instead, take 21 minutes during this festive season to enjoy the brilliant Liz Jackson explaining how empathy reifies disability stigmas, and follow her advice. Choose the right route I think we can expect the next Accessibility Guidelines to make their way into international standards and international law, just like their predecessors. We can also expect successful companies to apply them at scale. If you contribute to developing those guidelines, you can help to make sure that as many people as possible will be able to access digital information and services, in an era when that access will be crucial to every aspect of people’s lives. As Cennydd Bowles explained in “Building Better Worlds”, “There is no such thing as the future. There are instead a near-infinity of potential futures. The road as-yet-untravelled stretches before us in abundant directions. We get to choose the route. There is no fate but what we make.” About the author Alan Dalton worked for Ireland’s National Disability Authority for 9½ years, mostly as Accessibility Development Advisor. That involved working closely with public sector bodies to make websites, services, and information more accessible to all users, including users with disabilities. Before that, he was a consultant and trainer for Software Paths Ltd. in Dublin. In his spare time, he maintains StrongPasswordGenerator.com to help people stay safe online, tweets, and takes photos. More articles by Alan Full Article Code accessibility
ess Art Direction and the New WordPress Editor By 24ways.org Published On :: Fri, 13 Dec 2019 12:00:00 +0000 Mel Choyce explores how the new WordPress editor (also know as Gutenberg) can be used to create more carefully art directed posts. Like gifts carefully arranged beneath the Christmas tree, it’s the contents that matters but the presentation that sells. The New York Times release of Snowfall in 2012 took the web industry by storm. Media-rich and captivating, its design evoked wonder, fear, and desperation in the face of an avalanche. Snowfall was one of the first great art directed digital experiences in this era of the modern web (Space Jam, obviously, being one of the great experiences of the era prior). “Art direction combines art and design to evoke a cultural and emotional reaction. …Art direction is about evoking the right emotion, it’s about creating that connection to what you’re seeing and experiencing.” Art Direction and Design by Dan Mall Art direction isn’t a new concept. Pick up any magazine or print publication — designers have long been creating evocative media experiences. Then the web came and messed that up. Fonts and even colors were limited at first, especially if you wanted to create something using semantic HTML rather than Flash. Early HTML and CSS didn’t offer great ways to create dynamic layouts like you’d see in a magazine. Floats, am I right? A lot’s changed in the past decade. We have reliable ways to serve fonts, opening up vast typographic possibilities. CSS features like Flexbox and Grid allow for complex layouts. Plus, our hardware is getting better and better. We live in exciting times. Behind the curve But not everyone’s kept up. For most of its history, the WordPress editor was a text-first writing experience, shining with simple blogs but falling flat in the face of a complex website. Want some columns on your page? Well, there’s a plugin for that, it lets you write some pseudo-code WordPress called shortcodes, and yeah you just need to wrap your columns in this code in your editor… Or, uh, maybe you could hand-code a template for your theme that offers three columns of widget areas and put everything in there? Or maybe… You get the point. The new WordPress editor (codenamed “Gutenberg”) introduces the concept of blocks, like building blocks or bricks or LEGO. Rather than needing to hand-code anything, you have an interface for editing all sorts of content, even the aforementioned former nightmare of columns. Blocks can come with placeholders, so you can fill-in-the-blanks rather than having to build from scratch. The new WordPress block editor allows me to focus on the best way of presenting my content instead of focusing on how I’m going to technically enter the content. The block editor allows my designer brain to think more creatively. I can go about creating an appropriate emotional reaction for a site’s content, rather than focusing on implementation. Block it to me The building blocks of the new editor (text, media) are the same, but the new ways to combine and build upon those blocks makes for a better art direction experience. Your browser doesn’t support HTML5 video. Here is a link to the video instead. New to the WordPress editor is the Media and Text block, which combines — you guessed it — media and text into a new way to approach layouts. Your browser doesn’t support HTML5 video. Here is a link to the video instead. This is the foundation of the new WordPress editor. Take atomic pieces, and combine them to make whole sections and layouts. Best yet, no fumbling with floats if you want to put some text next to an image! Do you want to build a website? Let’s imagine I’m building a website for a non-profit that rescues black cats. They offer adoption services, run a fostering program, and take in abandoned, feral, or other cats in need. The primary goal of the site is to connect people to the rescue organization. Raising awareness and soliciting donations are secondary, but still important factors. Because so much of a person’s experience with WordPress is contingent on their particular setup — themes, plugins, and admin customizations — I’ve decided to keep this site pretty light. The Twenty Twenty Theme WordPress releases a new default theme pretty much every year. This year’s theme, Twenty Twenty, was built with Gutenberg in mind. It supports optional features like color schemes and wider block alignments. The design is clean and modern, and offers some additional customization options. I think it’s a good choice for this website. Columns While there’s no internal grid system in WordPress (yet!), the Columns block comes close to allowing complex layouts within a post or page. With it, you can start to break out of one column and think more like a print designer. The most straightforward layout we could do is a familiar pattern on the web — three feature columns consisting of a heading, some text, and a button. To accomplish this, I loaded up the editor and started planning. First, I added a group block to contain my columns, and provide a background color. (The columns block does not currently support background colors, but it might in the future.) I want my columns to stand out from the white background of the page, so I opt for a light grey. Within the group, I placed my Column block, which features a convenient placeholder to help me pick which layout I want: I opt for the three column option. From here, it’s easy to build out my section — headings, paragraphs, and buttons are all existing blocks I can plop right into my columns: It looks really good on the front-end of my site, too: This is all fairly straightforward, but by changing up a couple columns widths and some sizing, I can get something that looks more dynamic and draws attention to the adoption process, which is the most important feature: I could even add an image, change up my background color to match, and nest “Foster” and “Save” into another set of columns beneath “Adopt”: All of this from the same set of blocks, yet each variation strikes a different impact. …And, you know, feels a little less like this: which one of the two possible websites are you currently designing? pic.twitter.com/ZD0uRGTqqm— Jon Gold (@jongold) February 2, 2016 But if I wanted to start looking like that, uh, second example — I can! Media and Text The aforementioned Media and Text block is a great building block for some eye-catching, informational parts of my homepage. Galleries To break up all that text content and get my site looking less like it’s for a startup, how about adding even more cute cats in between? You can never have too many cat photos on the internet. CoBlocks is a fantastic plugin that adds new blocks to WordPress, among them the icon block I used above, as well as a couple of different gallery layouts. I think carousels are terrible when they’re used for showcasing features or content, but I think they’re a good gallery format, and having something horizontal means my cats aren’t taking up too much space (unlike my own black cat, who likes to hog all my leg room in bed). My favorite thing about this block is that, even though it’s fully-featured, it’s still 100x less of a chaotic mess than any other slider plugin I’ve experienced in WordPress. CoBlocks comes with Carousel, Collage, Masonry, Offest, and Stacked gallery blocks. The default Gallery block in WordPress is also pretty good — much better than it used to be. Buttons Alright, where am I? I have my intro columns featuring the primary information about site, some informational text, lots of cute cat photos, more informational text… I think my homepage is shaping up. I just need one final element: a donation section. Can’t take care of those kitties without some cash. The only way to integrate payments into WordPress is to either link to a third party platform, or use a plugin. I’ve used ActBlue quite a bit when making candidate websites, so I’m going to pretend that this site uses a third party service that, like ActBlue, lets me link to specific donation increments off-site. WordPress has a Buttons block underway that lets you add a row of buttons, without needing to rely on another block like Columns, but in the meantime, CoBlocks has an equivalent block I can use for now. Great. It’s got a bold color, and I can link to a couple different donation increments. But it could really use… something, you know, that draws the eye even more? Shape Divider CoBlocks has another great block, Shape Divider, which lets you add a decorative border that sits nicely above or below any container element, like the group block I’m using here. It comes with a variety of shape styles, like hills, rounded, and pointed. I settle on waves, which includes some overlapping transparencies along the top. It’s different from the rest of my page, but in a good way — it’s a subtle way for that section to stand out. With that final block, my homepage is almost done. I just want to touch on two more blocks that can be used to improve the design: the Separator block, and the Spacer block. Separator Separator inserts an <hr /> into the page, with some minimal styles to make it look nice. Themes can then add new styles, or restyle the default to get some fancy alternatives, like this: The Separator block is a great way to break up sections in a page. Spacer The Spacer block is an abomination, but I love it. It’s just an empty space. Think spacer gif, but spacer div. It’s terrible, but oh, oh so useful. I can increase space between elements without having to write any custom CSS. It empowers folks that are visual, but not technical. Combine it with Columns and you can almost pretend that you’re using a grid! (It is, at the very least, hidden from screen readers.) Okay but what does it look like? With those in place, let’s check out my homepage. Almost perfect. It’s bold, streamlined, and features plenty of cute cats. The only issue that caught my eye is the gap of white between the page content and the footer, which I can fix with some CSS added into WordPress’s Customizer tool: .home .footer-nav-widgets-wrapper { margin-top: 0; } Not too bad, considering this is the first bit of CSS I’ve had to write for my homepage layout. Much better. How about the old editor? Out of curiosity, I tried to recreate my homepage using the Classic Editor plugin, which restores the old WordPress editing interface. Since I used some of my favorite plugins on my block editor site, I decided it was only fair to leverage plugins on my classic site. I installed Shortcodes Ultimate, a plugin offering over 60 shortcodes to improve the WordPress editor. It has a good shortcode picking interface, great documentation, and in my opinion, is one of the best shortcode plugins the WordPress community has to offer. Your browser doesn’t support HTML5 video. Here is a link to the video instead. This wasn’t fun. No shortcode interface will make the experience worth it to me, when I could use Gutenberg. One misplaced bracket, and I’ve borked my site. It takes a whole lot of time. And, I almost always need to write a bunch of custom styles to get it to work with my theme. Yes, this is a LiveJournal icon I’ve had saved for like, 16 years. With our homepage complete, let’s move on to some interior pages. There are a couple other blocks, and combinations of blocks, that can help me build out the rest of my site. Cover Block One of the earliest complex blocks offered in the new WordPress editor was the “Cover” block, which can be used for banners and hero images: Originally, it only allowed you to add an image or video, headings, and paragraphs, but the requirements have recently been loosened so you can add whatever blocks you like. This can lead to some unique layout possibilities. Take, for example, a “Teams” section on our About page. We could use columns to make a simple layout, like this: But if we have better images, we could explore using Cover to create more visual impact: Let’s say we didn’t have any staff images, or they’re all poor quality and weirdly cropped, which is… not an usual occurrence! We can forego images altogether and instead, use the new gradient picker in Cover and use that to create visual impact: Explore third-party blocks Like CoBlocks’s gallery blocks, many third-party WordPress plugins can enhance your site and allow you to create a better experience for your visitors. Accordions Let’s say this rescue organization has some FAQs. Rather than creating a wall-of-text, we could use an accordion block to organize the content for easier browsing: Accordion Block from CoBlocks Grids If columns aren’t adequate for achieving the layout you’re looking to build, you could try the Grids plugin by Evolve, which comes with a “build your own grid” feature: I can use this block to make a more visually interesting landing page for the “Get Involved” section, which only exists to link out to its child pages: Typography You can also use plugins like CoBlocks and Kioken Blocks to customize your site’s typography, opening up the possibilities for a truly from-scratch site design. And I have to admit, as someone who makes web software, the idea of giving full typographic control to users terrifies me… but as a designer, I absolutely love this feature! ???? With these tools, it won’t take long to finish my website. Tons of new possibilities Mix and match to create beautiful, art-directed experiences using blocks. You can look for plugins that support and build on the new editor, or specifically download individual blocks in the new WordPress block directory (just beta launched!). Unsure of how to combine blocks to make an impact? A couple of plugins like Atomic Blocks, Kioken Blocks, and Ultimate Addons for Gutenberg include pre-curated layouts you can quickly add to your own sites. These layouts are already art directed, so you can choose the one that creates the biggest impact on your own audience. Explore, and share your results! About the author Mel Choyce is a wicked awesome product designer based in Boston, Massachusetts. Not only is Mel a WordPress Core Committer and former Release Lead, she is a regular core contributor and speaks frequently at WordCamps on design, typography, and user experience. When Mel isn’t designing products at Automattic, she enjoys cold brew coffee, craft beer, and rocking out in her band. Say hi to her on Twitter at @melchoyce, and visit her site at choycedesign.com. More articles by Mel Full Article Design design
ess Four Ways Design Systems Can Promote Accessibility – and What They Can’t Do By 24ways.org Published On :: Mon, 23 Dec 2019 12:00:00 +0000 Amy Hupe prepares a four bird roast of tasty treats so we can learn how the needs of many different types of users can be served through careful implementation of components within a design system. Design systems help us to make our products consistent, and to make sure we’re creating them in the most efficient way possible. They also help us to ensure our products are designed and built to a high quality; that they’re not only consistent in appearance, and efficiently-built, but that they are good. And good design means accessible design. 1 in 5 people in the UK have a long term illness, impairment or disability – and many more have a temporary disability. Designing accessible services is incredibly important from an ethical, reputational and commercial standpoint. For EU government websites and apps, accessibility is also a legal requirement. With that in mind, I’ll explain the four main ways I think we can use design systems to promote accessible design within an organisation, and what design systems can’t do. 1. Bake it in Design systems typically provide guidance and examples to aid the design process, showing what best practice looks like. Many design systems also encompass code that teams can use to take these elements into production. This gives us an opportunity to build good design into the foundations of our products, not just in terms of how they look, but also how they work. For everyone. Let me give an example. The GOV.UK Design System contains a component called the Summary list. It’s used in a few different contexts on GOV.UK, to summarise information. It’s often used at the end of a long or complex form, to let users check their answers before they send them, like this: Users can review the information and, if they’ve entered something incorrectly, they can go back and edit their answer by clicking the “Change” link on the right-hand side. This works well if you can see the change link, because you can see which information it corresponds to. In the top row, for example, I can see that the link is giving me the option to change the name I’ve entered because I can see the name label, and the name I put in is next to it. However, if you’re using a screen reader, this link – and all the others – will just say “change”, and it becomes harder to tell what you’re selecting. So to help with this, the GOV.UK Design System team added some visually-hidden text to the code in the example, to make the link more descriptive. Sighted users won’t see this text, but when a screen reader reads out the link, it’ll say “change name”. This makes the component more accessible, and helps it to satisfy a Web Content Accessibility Guidelines (WCAG 2.1) success criterion for links which says we must “provide link text that identifies the purpose of the link without needing additional context”. By building our components with inclusion in mind, we can make it easier to make products accessible, before anyone’s even had to think about it. And that’s a great starting point. But that doesn’t mean we don’t have to think about it – we definitely do. And a design system can help with that too. 2. Explain it Having worked as the GOV.UK Design System’s content designer for the best part of 3 years, I’m somewhat biased about this, but I think that the most valuable aspect of a design system is its documentation. (Here’s a shameless plug for my patterns Day talk on design system documentation earlier this year, if you want to know more about that.) When it comes to accessibility, written documentation lets us guide good practice in a way that code and examples alone can’t. By carefully documenting implementation rules for each component, we have an opportunity to distribute accessible design principles throughout a design system. This means design system users encounter them not just once, but repeatedly and frequently, in various contexts, which helps to build awareness over time. For instance, WCAG 2.1 warns against using colour as “the only visual means of conveying information, calling an action, prompting a response or distinguishing a visual element”. This is a general principle to follow, but design system documentation lets us explain how this relates to specific components. Take the GOV.UK Design System’s warning buttons. These are used for actions with serious, often destructive consequences that can’t easily be undone – like permanently deleting an account. The example doesn’t tell you this, but the guidance explains that you shouldn’t rely on the red colour of warning buttons to communicate that the button performs a serious action, since not all users will be able to see the colour or understand what it signifies. Instead, it says, “make sure the context and button text makes clear what will happen if the user selects it”. In this way, the colour is used as an enhancement for people who can interpret it, but it’s not necessary in order to understand it. Making the code in our examples and component packages as accessible as possible by default is really important, but written documentation like this lets us be much more explicit about how to design accessible services. 3. Lead by example In our design systems’ documentation, we’re telling people what good design looks like, so it’s really important that we practice what we preach. Design systems are usually for members of staff, rather than members of the public. But if we want to build an inclusive workplace, we need to hold them to the same standards and ensure they’re accessible to everyone who might need to use them – today and in the future. One of the ways we did this in my team, was by making sure the GOV.UK Design System supports users who need to customise the colours they use to browse the web. There are a range of different user needs for changing colours on the web. People who are sensitive to light, for instance, might find a white background too bright. And some users with dyslexia find certain colours easier to read than others. My colleague, Nick Colley, wrote about the work we did to ensure GOV.UK Design System’s components will work when users change colours on GOV.UK. To ensure we weren’t introducing barriers to our colleagues, we also made it possible to customise colours in the GOV.UK Design System website itself. Building this flexibility into our design system helps to support our colleagues who need it, but it also shows others that we’re committed to inclusion and removing barriers. 4. Teach it The examples I’ve drawn on here have mostly focused on design system documentation and tooling, but design systems are much bigger than that. In the fortuitously-timed “There is No Design System”, Jina reminds us that tooling is just one of the ways we systematise design: …it’s a lot of people-focused work: Reviewing. Advising. Organizing. Coordinating. Triaging. Educating. Supporting.” To make a design system successful, we can’t just build a set of components and hope they work. We have to actively help people find it, use it and contribute to it. That means we have to go out and talk about it. We have to support people in learning to use it and help new teams adopt it. These engagement activities and collaborative processes that sit around it can help to promote awareness of the why, not just the what. At GDS, we ran workshops on accessibility in the design system, getting people to browse various web pages using visual impairment simulation glasses to understand how visually impaired users might experience our content. By working closely with our systems’ users and contributors like this, we have an opportunity to bring them along on the journey of making something accessible. We can help them to test out their code and content and understand how they’ll work on different platforms, and how they might need to be adjusted to make sure they’re accessible. We can teach them what accessibility means in practice. These kinds of activities are invaluable in helping to promote accessible design thinking. And these kinds of lessons – when taught well – are disseminated as colleagues share knowledge with their teams, departments and the wider industry. What design systems can’t do Our industry’s excitement about design systems shows no signs of abating, and I’m excited about the opportunities it affords us to make accessible design the default, not an edge case. But I want to finish on a word about their limitations. While a design system can help to promote awareness of the need to be accessible, and how to design products and services that are, a design system can’t make an organisation fundamentally care about accessibility. Even with the help of a thoughtfully created design system, it’s still possible to make really inaccessible products if you’re not actively working to remove barriers. I feel lucky to have worked somewhere that prioritises accessibility. Thanks to the work of some really brilliant people, it’s just part of the fabric at GDS. (For more on that work and those brilliant people, I can’t think of a better place to start than my colleague Ollie Byford’s talk on inclusive forms.) I’m far from being an accessibility expert, but I can write about this because I’ve worked in an organisation where it’s always a central consideration. This shouldn’t be something to feel lucky about. It should be the default, but sadly we’re not there yet. Not even close. Earlier this year, Domino’s pizza was successfully sued by a blind customer after he was unable to order food on their website or mobile app, despite using screen-reading software. And in a recent study carried out by disability equality charity, Scope, 50% of respondents said that they had given up on buying a product because the website, app or in-store machine had accessibility issues. Legally, reputationally and most importantly, morally, we all have a duty to do better. To make sure our products and services are accessible to everyone. We can use design systems to help us on that journey, but they’re just one part of our toolkit. In the end, it’s about committing to the cause – doing the work to make things accessible. Because accessible design is good design. About the author Amy is a content specialist and design systems advocate who’s spent the last 3 years working as a Senior Content Designer at the Government Digital Service. In that time, she’s led the content strategy for the GOV.UK Design System, including a straightforward and inclusive approach to documentation. In January, Amy will continue her work in this space, in her new role as Product Manager for Babylon Health’s design system, DNA. More articles by Amy Full Article Process style-guides
ess After a 20 year-long wait, Anita Dongre launches her vegan accessory line comprising handbags and belts By www.thehindu.com Published On :: Mon, 30 Jan 2023 21:04:20 +0530 The new line of belts and bags are made from a plant-based, plastic-free material called Mirum Full Article Life & Style
ess Designer Ranna Gill brings the essence of Lake Como to the runway at the Lakme Fashion Week X FDCI By www.thehindu.com Published On :: Fri, 10 Mar 2023 17:01:57 +0530 Twenty-five years of Ranna Gill, and she still lets the flowers do the talking in her garments. Ahead of her show at Lakme Fashion Week X FDCI, the designer gives us a sneak peek into her collection Full Article Life & Style
ess The Galleries at 32nd in Gurgaon is the newest shopping address in town By www.thehindu.com Published On :: Fri, 24 Mar 2023 17:25:29 +0530 Sip a coffee as you browse designer brands at the recently-opened The Galleries at 32nd in Gurgaon Full Article Fashion
ess Has the Congress already given up? By www.thehindubusinessline.com Published On :: Mon, 03 Feb 2014 16:42:22 +0530 Full Article Stanly Johny
ess It is a stretch for fitness By www.thehindu.com Published On :: Sat, 12 Mar 2016 16:26:13 +0530 Nikhil Varma attends a Yoga session and finds he quite enjoys it. Full Article Metroplus
ess Spinning a tale of fitness By www.thehindu.com Published On :: Fri, 25 Mar 2016 16:18:18 +0530 PedalBeat, a new indoor cycling studio, was recently opened in the city Full Article Fitness
ess Why your family matters for your fitness By www.thehindu.com Published On :: Sat, 09 Apr 2016 17:46:42 +0530 RAJ GANPATH explains why it’s important to explain your lifestyle changes to those closest to you Full Article Fitness
ess Jumpstart: Drumming up a fitness boost By www.thehindu.com Published On :: Sat, 16 Apr 2016 17:46:40 +0530 Who would have thought that drumming would be a fun fitness workout? ALLAN MOSES RODRICKS drops the beat on the rhythmic regimen Full Article Metroplus
ess Gear up for that fitness routine By www.thehindu.com Published On :: Sat, 30 Apr 2016 16:42:02 +0530 Sheela Nambiar stresses on the importance of exercise to change the course of your life. Full Article Fitness
ess The fitness icon By www.thehindu.com Published On :: Wed, 25 May 2016 22:15:52 +0530 From the value of proteins to his love for Parsi food, John Abraham reveals what keeps him in action Full Article Metroplus
ess The long walk to fitness By www.thehindu.com Published On :: Wed, 01 Jun 2016 22:25:36 +0530 A recent panel discussion on wellness emphasised on the need for women to take care of themselves Full Article Metroplus
ess Yoga with a dose of mindfulness By www.thehindu.com Published On :: Mon, 20 Jun 2016 16:00:51 +0530 Bend into a pretzel, if you can, but do so with a better understanding of yoga Full Article Metroplus
ess Steps to fitness By www.thehindu.com Published On :: Fri, 08 Jul 2016 16:50:59 +0530 A talk on the goodness of almonds followed by a workout session to drive home the message on good health Full Article Metroplus
ess Fitness with friends By www.thehindu.com Published On :: Tue, 26 Jul 2016 17:57:59 +0530 The pursuit of good health has been made easier with the arrival of apps that count calories and connect with other fitness enthusiasts Full Article Metroplus
ess A smart guide to fitness By www.thehindu.com Published On :: Sat, 30 Jul 2016 15:03:13 +0530 If you get it right, getting fit is that much easier Full Article Metroplus
ess Fitness hacks at home By www.thehindu.com Published On :: Sat, 06 Aug 2016 17:12:19 +0530 Here are a few tips to intelligently incorporate your workout schedules in to your daily routine Full Article Metroplus
ess Of fitness and Dark Chocolate By www.thehindu.com Published On :: Sat, 06 Aug 2016 17:49:36 +0530 Actress Mahima Chaudhry on her possible comeback and need to walk Full Article Fitness
ess The key to wellness By www.thehindu.com Published On :: Wed, 10 Aug 2016 18:05:03 +0530 Full Article Fitness
ess The reel deal: Unconventional Tamil Instagram influencers on their rapid success By www.thehindu.com Published On :: Thu, 13 Oct 2022 16:36:22 +0530 Meet the Tamil influencers who rely on staying grounded, as they cook, eat and work out, drawing massive follower counts along the way Full Article MetroPlus
ess Editorial. Little or no lessons learnt from natural disasters By www.thehindubusinessline.com Published On :: Fri, 02 Aug 2024 21:19:44 +0530 Population as well as economic activities in vulnerable areas should be kept to a minimum. Yet, governments have promoted the opposite, including tourism Full Article Editorial
ess Editorial. Lessons for govt from LTCG episode By www.thehindubusinessline.com Published On :: Wed, 07 Aug 2024 21:21:05 +0530 At the very least, feedback and views can be sought from stakeholders and analysts during pre-Budget consultations when such major changes are being considered Full Article Editorial
ess Editorial. End compensation cess By www.thehindubusinessline.com Published On :: Thu, 12 Sep 2024 21:08:22 +0530 States can benefit from GST rate rationalisation Full Article Editorial
ess Five-Star Business Finance posts ₹268 cr profit in Q2, AUM grows 32% By www.thehindubusinessline.com Published On :: Tue, 29 Oct 2024 18:35:17 +0530 For the quarter ended September 30, 2024, the company’s net profit surged by 34 per cent to ₹268 crore, up from ₹199 crore Full Article Money & Banking
ess Compliant with gold loan norms, will further strengthen audit processes: CSB Bank MD By www.thehindubusinessline.com Published On :: Tue, 29 Oct 2024 19:01:36 +0530 Bank expects its advances and deposits to rise at least 30-50 per cent faster than the banking system Full Article Money & Banking
ess PNB bets big on Phygital strategy to drive 20-30% business growth By www.thehindubusinessline.com Published On :: Tue, 29 Oct 2024 19:50:24 +0530 With a 10,000-branch network, MD & CEO Goel eyes significant growth opportunities to expand business and scale new heights. Full Article Money & Banking
ess Shriram Life’s individual new business premium soars 57% in H1 FY25 By www.thehindubusinessline.com Published On :: Fri, 08 Nov 2024 17:47:41 +0530 Shriram Life sold 2.83 lakh individual policies, a 96 per cent increase from the previous year Full Article Money & Banking
ess Bitcoin nears $80k, little progress on crypto regulation in India By www.thehindubusinessline.com Published On :: Mon, 11 Nov 2024 10:11:12 +0530 A report by Chainalysis says India leads the world on global adoption index for crypto this year Full Article Crypto Currency
ess Eye Witness No. 74 / directed by: Jack Long, William Davidson ; produced by: Jack Olsen, Nicholas Balla ; production agency: National Film Board of Canada (Ottawa) By darius.uleth.ca Published On :: Montreal : National Film Board of Canada, 2024 Full Article
ess Reflections on Practice : Access to Health Care / directed by: Nettie Wild ; production agencies: National Film Board of Canada (Montreal), British Columbia Centre for Disease Control. Street Nurse Program (Vancouver) By darius.uleth.ca Published On :: Montreal : National Film Board of Canada, 2019 Full Article