Maruti Suzuki S-Cross facelift was showcased at the Auto Expo 2020. The company has phased out the diesel engine and replaced it with the 1.5-litre, K-Series, BS6-compliant, petrol engine, much like the XL6, Ertiga and the facelift Brezza. Earlier, S-Cross was only available in diesel option with a manual gearbox.

First off, Meeker looks at the growth of internet adoption, which is slowing as regions work on new infrastructure to facilitate connection. It's amazing to consider that around 50% of the world is still not connected to the internet, which highlights the opportunities for expansion, but also, the challenges now faced in getting the rest of the world online.

complete article

A sound, effective strategy involves these four steps.

A whopping 3.2 billion people, or 42% of the world's population, uses social media. On average, people spend over two hours of their day messaging and surfing social media networks.

After having a positive experience with a brand on social media, 71% of people will often recommend the brand to their friends and family. On top of that, 49% of people are taking their cues on what to buy from social media influencers.

Based on these statistics, it's crucial for businesses to have a solid social media marketing strategy in place. Unfortunately, many business owners have no idea how to handle social media marketing.

complete article

Gig workers who are totally localized (caterers, electricians, painters, plumbers, wedding planners, etc.) often discount the value of using social media for their marketing. Why? Because these platforms are at least national, if not international and what would be a use for a local business?

Indeed, localized SEO and local advertising can drive you a steady stream of traffic and revenue. But you should not discount social media as a good tool for your marketing. Here are five actionable social media marketing tips for local contractors and other gig workers.

1. Geo tagging and targeting is your allies

Social media platforms may have global reach, but they also allow you to go very granular with your marketing.

complete article

When I look back at all of the mistakes I’ve made in business and marketing and add my observations from working with over 57,000 business owners and entrepreneurs in nearly every country in the world, it dawned on me.

Social media marketing success boils down to three simple steps.


The Three-Step Social Media Marketing Machine

Social media marketing is a strategy employed by many companies. One of the biggest complaints I hear from businesses is that they're not having much success on social media. The thing is that certain social media marketing mistakes can cause brands to fail. I'll be addressing several issues that may be impacting your social media efforts in this article.

Are you making any of the following mistakes?

Five Social Media Marketing Mistakes You Must Avoid

Believe it or not, 80 percent of internet users globally have at least one social media account. In total, social media users exceeded 3.4 billion people in 2019. Business owners and marketers know that these platforms are vital for the success of their business. Due to their desire to improve, brand managers are continually looking for ways to connect with their audience and keep them invested in the company.

4 Social Media Marketing Tricks You Need to Know in 2020

Is influencer marketing becoming a strategy of the past? Are influencers worth what brands pay them to endorse their products?


How This Social Media Agency Is Revolutionizing The Influencer Marketing Landscape

Web based feed readers are kind of a pain to use. They often implement changes that you do not want, while taking away features that you like.  Local readers are much better when it comes to this, because you can revert to an older version in case of adverse changes.

complete article

Latest added Global Social Network Marketing Market research study by HTF MI offers detailed product outlook and elaborates market review till 2025. The market Study is segmented by key regions that is accelerating the marketization. At present, the market is sharping its presence and some of the key players in the study are Facebook, Instagram, Google, LinkedIn, Twitter, Pinterest & Tumblr etc. The study is a perfect mix of qualitative and quantitative Market data collected and validated majorly through primary data and secondary sources.

complete article

If you are not seeing results from your social media efforts, have you asked yourself why you are doing all of that—other than because everyone else is doing it?

complete article

Due to the coronavirus pandemic think tanks around the world are working under quarantine and have cancelled all events in the coming months. They will have to rely more on social media to get their messages across. How successful are free-market think tanks today in trying to attract traffic to their websites, as well as views and followers on other platforms?

complete article

Web based feed readers are kind of a pain to use. They often implement changes that you don't want, while taking away features that you like.  Local readers are much better when it comes to this, because you can revert to an older version in case of adverse changes.

Smart RSS Reader is a feed reader extension for Firefox and Chrome that I have been using for a week; I am quite impressed by it so far.

Install the add-on and click its toolbar icon to open a new tab with the extension's RSS reader. It has three panes, each of which has a toolbar at the top. The left pane is the feeds pane and lists all RSS feeds that you're subscribed too. Selecting a feed displays the title of the articles published by the site in the center pane. It also displays the author's name and the date when the article went live.

Opportunity knocks for teams in need of interior line help.

Marquise Brown knows that he still has another gear after an injury-riddled first season.

MEDIA PhonCD ML5.P76 v.92

MEDIA PhonCD N8605 insmu

MEDIA PhonCD P G255 you

MEDIA PhonCD M3631 mon

MEDIA PhonCD G639 ger

MEDIA PhonCD M35 insmu

MEDIA PhonCD M366 chomu

The BSE Sensex jumped 199.32 points or 0.63 per cent to close at 31,642.70. On the other hand, the NSE Nifty rose 52.45 points, or 0.57 per cent, to settle at 9,251.50.

Franklin Templeton Mutual Fund on Friday said it is making every effort to ensure an orderly and equitable exit to all investors affected by closure of six debt schemes, a day after it was asked by regulator sebi to focus on returning investors' money at the earliest.

Theatre owners need not fear OTT platforms and resort to protectionism. They can continue to be relevant even as tech disrupts

Browsery B105.T54 S25 2018

Browsery PG7158.G8427 G8413 2017b

Browsery SB321.5.M4 I26 2019

Browsery QH450.W37 2018

Browsery LC212.42.S44 2019

Browsery HQ798.P57 2019

Browsery E184.M5 C395 2018

Browsery TX951.H75 2018

Browsery TX723.5.B36 B83 2018

Browsery SF487.B185 2018

Browsery Q175.4.R44 2018

Browsery HQ799.2.M352 H36 2019

I’m writing the Box Model chapter of the new book and came to the point where I had to treat negative margins. To my surprise, I found that there is no systematic treatment of negative margins anywhere. So I had to figure it out for myself. Below is my initial draft of the negative margin section.

The latest specification only says: “Negative values for margin properties are allowed, but there may be implementation-specific limits.” and leaves it at that. Not extremely helpful. MDN is mostly silent as well, and Rachel Andrew’s big overview article doesn’t mention negative margins at all.

That’s odd, especially since negative margins are a very old functionality that I might even have used in my very first CSS test somewhere back in 1998. (Unless I used position: relative; I can’t remember.)

But anyway, here is, apparently, the first-ever systematic treatment of negative margins in simple situations.

Negative margins in CSS

It is possible to give margins a negative value. This allows you to draw the element closer to its top or left neighbour, or draw its right and bottom neighbour closer to it. Also, there is an exception we’ll get to in a minute.

Here is our test element: a simple container with three paragraphs in it. Note that the paragraphs have a width of 250px. This is extremely important, due to the exception we’ll get to in a minute.

Negative margin-top and -bottom

To start, let’s give the first paragraph a -15px margin-bottom. Essentially, when the browser calculates the point where the second paragraph should start, it moves that point 15px upward. From then on the browser lays out all paragraphs as normal.

Therefore the second paragraph, being the bottom neighbour of the first one, is draw 15px closer to the first paragraph. The margin between the second and third paragraphs remains intact; the browser calculates it normally. Thus, the rest of the vertical rhythm is preserved.

This trick is useful for subtle tweaks, where the content of one element should slightly overlap the content of the one above it.

Now let’s give the second paragraph a -15px margin-top. As you see, this yields exactly the same effect. Again, the second paragraph is moved upward by 15px, and the subsequent paragraphs follow.

Margin collapsing

Also note that margin collapsing behaves different when you use negative margins. This, at least, is specified in CSS 2.1:

In the case of negative margins, the maximum of the absolute values of the negative adjoining margins is deducted from the maximum of the positive adjoining margins. If there are no positive margins, the maximum of the absolute values of the adjoining margins is deducted from zero.

In the last example, the first paragraph still has its default margin-bottom of 1em (Chrome; can’t find Firefox’s value).

Normally, the browser would take the first paragraph’s margin-bottom and the second one’s margin-top, figure out which one is larger, and apply that margin between the two, which would yield max(-15px,1em) = 1em. That’s not how it works, though.

In case of negative margins we take the absolute values of the two adjoining margins (15px for the second paragraph; 1em for the first), and deduct the smaller (15px) from the larger (1em). This yields about 1px (depending on the font size, of course).

Thus, negative margins are actually allowed to pull elements closer to their neighbours without being hindered by regular margin collapsing.

Now we treated negative margin-top and -bottom fully. It’s an occasionally useful effect.

Negative margin-left and -right

Negative margin-left and -right work the same, provided the element has a width. Here we apply margin-left: -10px and margin-right: 10px.

As you see, the first paragraph is now offset 10px to the left, while retaining its width. Thus, its right edge also moves 10px to the left.

The second paragraph with the negative margin-right is unaffected. The negative margin-right would influence any element to the right of the second paragraph, but there aren’t any.

To show negative margin-right in its full glory, let’s float the paragraphs, so that they have a right neighbour. Here is the reference element.

Now we’re going to sprinkle some negative margins on the paragraphs.

As you see, the second paragraph is now drawn 10px closer to the first one due to the first’s negative margin-right. This is exactly the same effect as with a negative margin-bottom.

Also note that the second paragraph has a negative margin-top, which means it is offset 10px upward. The third paragraph has a negative margin-bottom, which has no effect, since it does not have a bottom neighbour.

Remember: margin collapsing does not work on margin-left and -right; just on -top and -bottom. Therefore we do not have to worry about it in this case.

If we give the second paragraph a margin-left: -10px, the same happens. Just like with top and bottom, left and right are interchangeable for this effect.

So far, negative margin-left and -right behave exactly like negative margin-top and -bottom.

width: auto and negative margin-right

Now let’s change the behaviour of negative margin-right by giving the paragraphs width: auto. They do not have a fixed width any more; instead they fill up their parent element completely while respecting its padding. That’s how width: auto works.

The paragraph with margin-left: -10px is still offset 10px to the left, but its width grows. Thus, its right edge is not offset but stays where it is.

The negative margin-right now does the same thing. It offsets the paragraph’s right margin by 10px to the right, and the paragraph’s width increases, causing its left edge to stay where it is. This only happens when an element has width: auto. As we saw before, elements with a fixed width behave quite differently.

Finally, the third paragraph has both. Both its left and its right margins are offset by 10px, essentially negating the container’s padding: 10px;.

This is by far the most common use case for negative margins. You give a container a padding so that its contents have some breathing space. However, you want the header to span the entire container, ignoring the padding. Negative margins are the way to go.

These are the header styles; the container has padding: 10px

h5 {
	margin-left: -10px;
	margin-right: -10px;
	padding-left: 10px;
	margin-top: 0;
	margin-bottom: 0;
	background-color: grey;
	color: white;
	/* no width, so defaults to width: auto */	
}

Again, this is only possible if the header has width: auto. Fortunately that’s the case in 99% of real-world use cases.

This is how negative margins behave in simple situations. Now that I established a baseline I can look into how they behave in flexboxes and grids.