ba

India is planning to achieve 50 GW of prodction from renewbale energy by 2028

India is planning to achieve 50 gigawatt (GW) of production from renewable energy by 2028, in order to get to its goal of 40 per cent of electricity generation from non-fossil fuels by 2030, Ministry of New and Renewable Energy secretary, Anand Kumar said at the India-Norway Business Summit 2019 in New Delhi. Of this …

The post India is planning to achieve 50 GW of prodction from renewbale energy by 2028 appeared first on LatestSolarNews.




ba

Back to the :roots

The cascade in CSS is a curse and blessing at the same time. It usually works quite well, but there are issues that let people get all worked up and ask the question Do We Even Need CSS Anymore. I can somewhat relate to that - but I also think it’s not the cascade alone and also about fighting specificity. Not running into issues with specificity is hard. Almost as hard as pronouncing that word.

In this post I’ll try to show a few ways how you can make the cascade be your friend and maybe reduce the need of overriding and thus encounter less fighting with specificity.

Tip 1:

For every CSS property that you write, try to move it up the tree as far as possible. In other words: Back to the :root.

For example, our site has a side bar and we want to add a short bio to it. The markup might look something like this:

<body>
	<main class=“Posts”>
	<aside class=“SideBar”>
		<nav class=“Nav”>
		<p class=“Bio”>

And the CSS:

.Bio {
	font-size: .8em;
	line-height: 1.5;
	color: #888;
}

That would work. But if we look at the Nav that is already in the SideBar, chances are good that some of the styles are the same. In our case it’s font-size and color. So let’s remove those properties from Nav and Bio and add it to the shared parent element, the SideBar.

.SideBar {
	font-size: .8em;
	color: #888;
}

And as it turns out, that line-height: 1.5; is already defined for our Posts. So since it seems that the whole page uses the same line-height, let’s remove it from the Bio and Post elements and move it all up to the root node.

:root {
	line-height: 1.5;
}

This probably sounds like common sense, but often it’s tempting to just style your new thing without even looking if some of the sibling elements define the same thing. This also happens when you copy&paste styles from another section or when pasting some snippets you found online. It might take a bit more time to refactor and seems scary, but it should keep our CSS in a healthier state.

Style the branches, not each leaf


Tip 2:

Style certain properties always as a combo.

A good example is the color and background-color combo. Unless you make only small tweaks, it’s probably a good idea to always change them together. When adding a background color to an element, it might not contain any text, but probably some child will. Therefore if we set foreground and background color together, we can always be sure we won’t run into any legibility and contrast issues. Also, next time we change a background color, we don’t have to hunt for all the text colors that need to be changed too, it’s right there in the same place.

Screenshot from Colorable


Tip 3:

Use “dynamic” values, such as currentColor and ems.

Sometimes it might make sense to use the text color for other properties. Like for border, box-shadow or for the fill of SVG icons. Instead of defining them directly you can use currentColor and it will be the same the color property. And since color inherits by default, you might can change it in only one place.

Similarly ems are mapped to font-size allowing you to scale everything by just changing the :root font size.

Here a few more details on currentColor and EMs.


Tip 4:

Override UA Styles to inherit from its parents.

Form controls like buttons, inputs get styled by the browser in a certain way. Overriding them with inherit makes them adapt to your own styles.

button,
input,
select,
textarea {
	color: inherit;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
}

The example above is taken from sanitize.css. normalize.css does the same, so if you use them, you’re already covered.

You can also try to restyle other inputs like a range slider, radio, checkbox etc. And as seen above, by using currentColor, make them automatically match the color property. And maybe move them from a light into a dark theme without changing anything.

Conclusion

That’s all nice stuff, but who is it for? Well, of course it can’t be forced upon every situation. I would say small and simple web sites benefit the most. But even when using a preprocessor, it might not hurt if it reduces the amount of CSS that gets output or when a few variables aren’t even needed.

Also it seems suited for the “single purpose class” approach like Tachyons. It might reduce complexity and the amount of classes that are needed.

Another interesting thing could be the upcoming custom properties a.k.a. CSS variables. Unlike variables in preprocessors, when overriding a custom property, it will only affect the current selector scope. So in a sense they will be “cascading variables”. But I still have to try that out and see how it works in practice.

ps. It is possible that this post is inspired by this tweet.




ba

Huguette Caland / edited by Anne Barlow, Sara Matson and Giles Jackson ; texts by Anne Barlow, Brigitte Caland and Negar Azimi

Rotch Library - N6537.C329 A4 2019




ba

Usṭūrahʹhā va namādʹhā-yi āyinī dar nigārahʹhā-yi Saqānifārʹhā-yi Māzandarān / taʼlīf va gurdʹāvarī-i Muṣṭafá Rustamī, Fāṭimah Bābājānʹtabār Nashlī

Rotch Library - N7280.R888 2018




ba

Bauhaus imaginista: a school in the world / edited by Marion von Osten and Grant Watson

Rotch Library - N332.G33 B42724 2019




ba

Leonardo da Vinci: nature and architecture / edited by Constance Moffatt, Sara Taglialagamba

Rotch Library - N6923.L33 M64 2019




ba

El nombre de un país / Mariana Telleria ; curadora, Florencia Battiti

Rotch Library - N6488.I8 V433 2019 A7




ba

Arnaud Vasseux: pièces non balayées.

Rotch Library - NB553.V37 A4 2018




ba

After illusion: Baʻad tūham / Zahrah al-Gamdi

Rotch Library - N6488.I8 V433 2019 S33




ba

Indios antropófagos: a butterfly garden in the (urban) jungle

Rotch Library - N6488.I8 V433 2019 P4




ba

Albanian pavilion 2019: maybe the cosmos is not so extraordinary: Driant Zaneli

Rotch Library - N6488.I8 V433 2019 A38




ba

The M.V.M. Cappellin glassworks and the young Carlo Scarpa: 1925-1931 / edited by Marino Barovier and Carla Sonego

Rotch Library - NK5205.S28 A4 2018




ba

The stronger we become: the South African pavilion / Dineo Seshee Bopape, Tracey Rose, Mawande Ka Zenzile ; curated by Nkule Mabaso, Nomusa Makhubu

Rotch Library - N6488.I8 V433 2019 S6




ba

Yves Netzhammer: Installationen 2008-2018 / Gesamtverantwortung, Katharina Epprecht ; Hrsg. von Jennifer Burkard ; Autoren, Claudia Bader [and four others]

Rotch Library - N7153.N47 A4 2018




ba

Modernists & mavericks: Bacon, Freud, Hockney & the London painters / Martin Gayford

Rotch Library - ND470.G39 2018




ba

Situating global art: topologies, temporalities, trajectories / Sarah Dornhof, Nanne Buurman, Birgit Hopfener, Barbara Lutz (eds.)

Rotch Library - N72.G55 S58 2018




ba

Hilma af Klint: paintings for the future / Tracey Bashkoff

Rotch Library - ND793.K63 A4 2018




ba

Nukhustīn rūyārūyīʹhā-yi hunar-i ʻaṣr-i Nāṣirī bā hunar-i gharb (mūsīqī, namāyish, naqqāshī) / Muṣṭafá Laʻlʹshāṭirī

Rotch Library - N7284.L358 2018




ba

Bauhaus goes west: modern art and design in Britain and America / Alan Powers

Rotch Library - N332.G33 B4575 2019




ba

Qarajeh to Quba: rugs and flatweaves from East Azarbaijan and the Transcaucasus / Raoul E. Tschebull ; photography by Don Tuttle

Rotch Library - NK2875.7.A9 T73 2019




ba

Art beyond borders: artistic exchange in communist Europe (1945-1989) / edited by Jérôme Bazin, Pascal Dubourg Glatigny, and Piotr Piotrowski

Online Resource




ba

Palestine in black and white / Mohammad Sabaaneh

Rotch Library - NC1720.I75 S23 2018




ba

Khatt: Egypt's calligraphic landscape / photography by Noha Zayed ; edited by Basma Hamdy

Rotch Library - NK3633.A2 Z36 2018




ba

Inside Tangier: houses & gardens / Nicolò Castellini Baldissera ; photography, Guido Taroni ; foreword, Hamish Bowles

Rotch Library - NK2087.75.A1 B35 2019




ba

Shirin Neshat: I will greet the sun again / organized by Ed Schad ; Shirin Neshat in conversation with Glenn Lowry ; with essays by Godfrey Cheshire, Layla S. Diba, Farzaneh Milani, and Ed Schad

Rotch Library - TR647.N4454 2019




ba

Bauhaus futures / edited by Laura Forlano, Molly Wright Steenson, and Mike Ananny

Rotch Library - NK1505.B38 2019




ba

Caught in a whirlwind: a cultural history of Ottoman Baghdad as reflected in its illustrated manuscripts / by Melis Taner

Rotch Library - ND3239.I72 B338 2020




ba

This baby doll will be a junkie / Ulrike Montmann ; Kunst und Forschung: Projektbericht uber Abhangigkeiten und Gewaltraume

Rotch Library - N6498.C66 T45 2018




ba

Beauty in the age of empire: Japan, Egypt, and the global history of aesthetic education / Raja Adal

Rotch Library - NX384.A1 A33 2019




ba

Folk masters: a portrait of America / photographs by Tom Pich ; text by Barry Bergey

Rotch Library - TR681.A7 P53 2018




ba

Beyond the pink tide: art and political undercurrents in the Americas / Macarena Gómez-Barris

Barker Library - NX650.P6 G66 2018




ba

Bad environmentalism: irony and irreverence in the ecological age / Nicole Seymour

Barker Library - NX650.E58 S49 2018




ba

Goodbye, my Havana: the life and times of a gringa in revolutionary Cuba / Anna Veltfort

Barker Library - NC975.5.V45 A2 2019




ba

Experimental Beijing: gender and globalization in Chinese contemporary art / Sasha Su-Ling Welland

Rotch Library - N7345.6.W46 2018




ba

Cartoon vision: UPA animation and postwar aesthetics / Daniel Bashara

Rotch Library - NC1766.U5 B38 2019




ba

New media futures: the rise of women in the digital arts / edited by Donna J. Cox, Ellen Sandor, and Janine Fron ; forewords by Lisa Wainwright, Anne Balsamo, and Judy Malloy

Rotch Library - N72.T4 N49 2018




ba

Stripped bare: the art of animal anatomy / David Bainbridge

Hayden Library - NC780.B35 2018




ba

Designs for different futures / Kathryn B. Hiesinger & Michelle Millar Fisher, Emmet Byrne, Maite Borjabad López-Pastor & Zoë Ryan ; with Andrew Blauvelt, Colin Fanning, and Orkan Telhan ; contributions by Juliana Rowen Barton [and 24 o

Rotch Library - NK1397.D483 2019




ba

From the Backstage of Publishing: Memories of Milton Murayama

Originally this post was a way to mark this month’s Asian/Pacific American Heritage Month by sharing personal memories from an editorial perspective of a pioneering Asian American literary icon, Milton Murayama. It has grown to include other remembrances from a marketing perspective. We are all proud to be the publisher of his bestselling novels. Masako […]




ba

The Routledge handbook of collective responsibility [electronic resource] / edited by Saba Bazargan-Forward and Deborah Tollefsen




ba

The Oxford handbook of inflection / edited by Matthew Baerman.




ba

Baroque Lorca : an archaist playwright for the new stage / Andrés Pérez-Simón

Pérez-Simón, Andrés author




ba

Then come back: the lost Neruda poems / Pablo Neruda ; translated by Forrest Gander

Hayden Library - PQ8097.N4 A2 2016




ba

Uniting Blacks in a raceless nation: blackness, Afro-Cuban culture, and Mestizaje in the prose and poetry of Nicolás Guillén / Miguel Arnedo-Gómez

Hayden Library - PQ7389.G84 Z536 2016




ba

Breach of trust: Abuso de confianza / Angel Escobar ; translated by Kristin Dykstra

Hayden Library - PQ7390.E786 A2 2016




ba

Campeón gabacho / Aura Xilonen

Hayden Library - PQ7298.434.I46 C36 2015




ba

Football and literature in South America / David Wood

Hayden Library - PQ7081.W66 2017




ba

Masquerade and social justice in contemporary Latin American fiction / Helene Carol Weldt-Basson

Hayden Library - PQ7082.N7 W43 2017




ba

Nietzsche on his balcony: a novel / Carlos Fuentes ; translated from the Mexican Spanish by Ethan Shaskan Bumas and Alejandro Branger

Hayden Library - PQ7217.F793 F4313 2016




ba

Kill the Ámpaya!: the best Latin American baseball fiction / edited and translated by Dick Cluster

Hayden Library - PQ7087.E5 K55 2016