conte

How to embed content from the web to your Google Site

As of December 2017, the new Google Sites lets you embed HTML and JavaScript, as well as other websites. That is a big change from a year ago when the new Google Sites mostly let you share items from Drive, YouTube, and a few other Google sources.

The changes make the new Google Sites an even more useful website and intranet site creation tool.

complete article




conte

The Three Types of Content You Need for Successful Event Company SEO

A lot of business owners think SEO--search engine optimization, or the art of promoting your content on search engines without paying for it--and keywords are something you can sprinkle onto a website like magical fairy dust after it is built. Unfortunately, that is just not the case. To rank on Google, search engine optimization needs to be more than an afterthought—SEO needs to be built right into your website’s structure.

complete article




conte

A Month-by-Month Look at the Most Engaging Brand Content on Social Media in 2018

Brands were more creative than ever in their social media posts this year and connected with audiences by raising awareness of social issues, according to social media analytics company Unmetric.

complete article




conte

Why Social Media Publishing Must Live Within Your Content Marketing Vision

With an undoubtedly scrappy beginning, content is now a serious player in a variety of brand communications, ranging from demand generation to PR, and on to sales enablement. Especially as search becomes more competitive, it’s important to look beyond a single point of activation in order to make the most of your content. Integrating social media publishing with your larger content marketing vision can help you do that, engaging your audience and maximizing your content marketing ROI.

complete article




conte

Are these the Nach Baliye 9 contestants?

Will these contestants dance into your screen when the show starts later this month?





conte

Powering content: building a nonstop content marketing machine / Laura Busche

Online Resource




conte

Global perspectives on contemporary marketing education / Brent Smith, Saint Joseph's University, USA, Amiram Porath, AmiPorcon Ltd, Israel

Online Resource




conte

Contemporary issues in social media marketing / Bikramjit Rishi, Subir Bandyopadhyay

Online Resource




conte

Innovation in pricing: contemporary theories and best practices / [edited by] Andreas Hinterhuber and Stephan M. Liozu

Online Resource




conte

Content Inc.: how entrepreneurs use content to build massive audiences and create radically successful businesses / Joe Pulizzi

Dewey Library - HF5415.127.P8498 2016




conte

Advertising in contemporary consumer culture / by Hélène de Burgh-Woodman

Online Resource




conte

Contemporary Marketing Strategy: Analyzing Consumer Behavior to Drive Managerial Decision Making / Rajagopal

Online Resource




conte

Event marketing in the context of higher education marketing and digital environments Florian Neus

Online Resource




conte

Contextual styling with custom properties

Something I’ve been wanting for a long time, define different regions like a footer section, or side bar and not have to deal with all the contextual styling hassle. A.k.a. “Now that this button is used on a dark background, the button needs to change its colors too. Where should the styles live?”. Here an old post about struggling with contextual styling.

So then the other day I was doing some experiments with using custom properties for Atom’s UI. Turns out, using custom properties might make contextual styling a bit easier. For the rest of the post, let’s switch to a more simple example. A page where the main area is light, but then has a dark hero and footer section. Like this:

In the past, I probably would’ve created variations like Button--dark or overwrote it with header .Button {…}. Depends a bit on the project. Here another approach: Create themes with a set of variables, then apply the theme to the different areas.

1. Default theme

First let’s define our default theme with a bunch of variables.

[data-theme="default"] {
  --fg:         hsl(0,0%,25%);
  --border:     hsl(0,0%,75%);
  
  --bg:         hsl(0,0%,95%);
  --button-bg:  hsl(0,0%,99%);
  --input-bg:   hsl(0,0%,90%);
}

Then we create some components where we use the variables defined above.

[data-theme] {
  color: var(--fg);
  background-color: var(--bg);
}

.Button {
  color: var(--fg);
  border: 1px solid var(--border);
  background-color: var(--button-bg);
}

.Input {
  color: var(--fg);
  border: 1px solid var(--border);
  background-color: var(--input-bg);
}

And lastly we add the [data-theme="default"] attribute on the body so that our components will pick up the variables.

<body data-theme="default">

If you wonder why use data-theme attributes over classes? Well, no specific reason. Maybe with attributes, it’s a hint that only one theme should be used per element and is more separated from your other classes.

At this point we get this:

See the Pen Contextual styling with custom properties (1/3) by simurai (@simurai) on CodePen.

2. Dark theme

But our designer wants the hero and footer to be dark. Alright, let’s define another theme region.

[data-theme="dark"] {
  --fg:         hsl(0,10%,70%);
  --border:     hsl(0,10%,10%);
  
  --bg:         hsl(0,0%,20%);
  --button-bg:  hsl(0,0%,25%);
  --input-bg:   hsl(0,0%,15%);
}

And add the theme attribute to the header and footer.

<header data-theme="dark">
<footer data-theme="dark">

Which gives us this:

See the Pen Contextual styling with custom properties (2/3) by simurai (@simurai) on CodePen.

The reason why this works is that custom properties cascade and can be overridden on nested elements, just like normal properties.

3. Hero theme

A few months pass and our designer comes back with a redesigned hero section. “To make it look fresh” with a splash of color.

No problem! Just like with the dark theme, we define a new “hero” theme.

[data-theme="hero"] {
  --fg:         hsl(240,50%,90%);
  --border:     hsl(240,50%,10%);
  
  --bg:         hsl(240,33%,30%);
  --button-bg:  hsl(240,33%,40%);
  --input-bg:   hsl(240,33%,20%);
}
<header data-theme="hero">

And here is that fresh hero:

See the Pen Contextual styling with custom properties (3/3) by simurai (@simurai) on CodePen.

It’s also not limited to colors only, could be used for sizes, fonts or anything that makes sense to define as variables.

Benefits

Using these theme “regions” lets your components stay context un-aware and you can use them in multiple themes. Even on the same page.

  • Developers can add components, move components around, without having to know about in what context (theme) they live. The markup for the components stays the same.
  • Design systems authors can create new components without worrying about where they get used, the variables used in components stay the same.
  • Designers can define new theme regions, or change existing ones, without having to make changes to a component’s HTML or CSS, it stays the same.

Less time to talk about who, how and where, more time to talk about the weather. ☔️????

Concerns

Yeah, right. The big question: But does it scale? Can this be used for all use cases.

Ok, I’m pretty sure it doesn’t fit all situations. There are just too many to find a single solution for them all. And I’m actually not sure how well it scales. I guess it works great in these simple demos, but I have yet to find a larger project to test it on. So if you have used (or plan to use) this approach, I’m curious to know how it went.

A concern I can imagine is that the list of variables might grow quickly if themes have totally different characteristics. Like not just a bit darker or lighter backgrounds. Then you might need to have foreground and border colors for each component (or group of components) and can’t just use the general --fg and --border variables. Naming these variables is probably the hardest part.

Update I

@giuseppegurgone made an interesting comment:

in suitcss projects I used to define component level custom props, theme variables and then create themes by mapping the former to the latter suitcss-toolkit

So if I understood it correctly, by mapping theme variables to component variables, you could avoid your theme variables from growing too much and you can decide for each component how to use these theme variables.

Update II

If it’s too early to use custom properties in your project, @szalonna posted an example how to do something similar in SCSS.




conte

Altered states: Substanzen in der zeitgenössischen Kunst = substances in contemporary art / herausgegeben von = edited by Milena Mercer ; Texte = texts, Max Daly ... [and thirteen others]

Rotch Library - N8251.S555 A48 2018




conte

Photography reframed: new visions in contemporary photographic culture / edited by Ben Burbridge and Annebella Pollen

Rotch Library - TR185.P52 2018




conte

The art of return: the sixties & contemporary culture / James Meyer

Rotch Library - N6512.M479 2019




conte

Arabicity: contemporary Arab art / edited by Rose Issa and Juliet Cestar ; contributions by Rose Issa, Georges Corm, Michket Krifa, Etel Adnan

Rotch Library - N7265.3.A733 2019




conte

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

Rotch Library - N7345.6.W46 2018




conte

Shifting grounds: landscape in contemporary Native American art / Kate Morris

Rotch Library - N8213.M696 2019




conte

Modernism on the Nile: art in Egypt between the Islamic and the contemporary / Alex Dika Seggerman

Rotch Library - N7381.7.S44 2019




conte

A fragile inheritance: radical stakes in contemporary Indian art / Saloni Mathur

Rotch Library - N7304.M384 2019




conte

Where is adaptation?: mapping cultures, texts, and contexts / edited by Casie Hermansson, Janet Zepernick, Pittsburg State University

Hayden Library - NX161.W54 2018




conte

Selected works: a new translation, contexts, critical traditions / Sor Juana Inés de la Cruz ; translated by Edith Grossman ; edited by Anna More

Hayden Library - PQ7296.J6 A6 2016




conte

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

Hayden Library - PQ7082.N7 W43 2017




conte

Postnational perspectives on contemporary Hispanic literature / edited by Heike Scharm and Natalia Matta Jara

Hayden Library - PQ7081.S318 2017




conte

Escribir la infancia: narradoras mexicanas contemporáneas / Nora Pasternac, Ana Rosa Domenella, Luzelena Gutiérrez de Velasco, coordinadoras

Online Resource




conte

Writing the Apocalypse: historical vision in contemporary U.S. and Latin American fiction / Lois Parkinson Zamora

Online Resource




conte

Discurso de la novela española contemporanea / Max Aub

Online Resource




conte

El contenido social de la literatura cubana / José Antonio Portuondo

Online Resource




conte

The oval portrait: thirty-seven contemporary Cuban women writers and artists: originally published as El retrato ovalado / edited by Soleida Rios ; translated by Margaret Randall

Hayden Library - PQ7386.5.E5 R48 2018




conte

Context: nature, impact, and role [electronic resource] : 5th International Conference on Conceptions of Library and Information Sciences, CoLIS 2005, Glasgow, UK, June 4-8, 2005 ; proceedings / Fabio Crestani, Ian Ruthven (eds.)

Berlin ; New York : Springer, [2005]




conte

I William Zartman: a pioneer in conflict management and area studies: essays on contention and governance / I. William Zartman ; with a foreword by Francis Deng and a preface by Ellen Laipson

Online Resource




conte

European security in integration theory: contested boundaries / Kamil Zwolski

Online Resource




conte

Contested world orders: rising powers, non-governmental organizations, and the politics of authority beyond the nation-state / edited by Matthew D. Stephen, Michael Zürn

Dewey Library - JZ1318.C66 2019




conte

European Union contested: foreign policy in a new global context / Elisabeth Johansson-Nogués, Martijn C. Vlaskamp, Esther Barbé, editors

Online Resource




conte

Contesting Peace in the Postwar City: Belfast, Mitrovica and Mostar.

Online Resource




conte

Rule and resistance beyond the nation state: contestation, escalation, exit / edited by Felix Anderl ... [and 5 others]

Online Resource




conte

Reconciliation in global context: why it is needed and how it works / edited by Björn Krondorfer

Dewey Library - JZ5597.R45 2018




conte

Out of sync and out of work: history and the obsolescence of labor in contemporary culture / Joel Burges

Hayden Library - PN1995.9.L28 B97 2018




conte

New visions of adolescence in contemporary Latin American cinema / Geoffrey Maguire, Rachel Randall, editors

Hayden Library - PN1993.5.L3 N49 2018




conte

The age of promiscuity: narrative and mythological meme mutations in contemporary cinema and popular culture / Doru Pop

Hayden Library - PN1995.9.M97 P67 2018




conte

In person: reenactment in postwar and contemporary cinema / Ivone Margulies

Hayden Library - PN1995.9.R3 M36 2019




conte

Documentary filmmaking in contemporary Brazil: cinematic archives of the present / Gustavo Procopio Furtado

Hayden Library - PN1995.9.D6 F868 2019




conte

International film festivals: contemporary cultures and history beyond Venice and Cannes / edited by Tricia Jenkins

Hayden Library - PN1993.4.I5752 2018




conte

(Post)colonial histories: trauma, memory and reconciliation in the context of the Angolan Civil War / Benedikt Jager, Steffi Hobuß (eds)

Hayden Library - PN1997.2.M897 P67 2017




conte

Science fiction cinema and 1950s Britain: recontextualising cultural anxiety / Matthew Jones

Online Resource




conte

Roger Sandall's films and contemporary anthropology: explorations in the aesthetic, the existential, and the possible / Lorraine Mortimer

Dewey Library - PN1998.3.S2517 M67 2019




conte

Contemporary European cinema: crisis narratives and narratives in crisis / edited by Betty Kaklamanidou and Ana Corbalán

Hayden Library - PN1995.9.S62 C67 2019