Copyleft with CSS and HTML

I used copyleft symbol on my new project website My Zen Path recently and received few mails and messages asking me how can it be done using CSS and HTML without an image.

So here is the trick as I had twitted –

@ReclusiveCoder Never mind! Found a hack – take the copyright symbol and use #CSS scaleX(-1) to make #copyleft! Done!!!! 🙂

— Manish Hatwalne (@ReclusiveCoder) November 25, 2015

You can use the CSS and HTML given below to display a copyleft symbol wherever you need. CSS looks bigger due to cross-browser support, but basically it is just flipping the copyright symbol!

CSS Code

/** for copyleft symbol **/
.copy-left {
    display: inline-block;
    text-align: right;
    margin: 0;
    font-size: 1.25em;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: FlipH;
}

HTML Code

Copyleft <span class="copy-left">&copy;</span> 
<<year>> <<ORGANIZATION-NAME>>

Using CSS class copy-left, you can use it anywhere you need in your HTML file.

Hope this helps! 🙂

Advertisements

Moto X Play Detailed Review

Moto X Play

Moto X play launch was eagerly anticipated in India when Motorola and Flipkart announced its release on 14th September 2015. It was anticipated that Moto X play would be approximately priced around ₹ 25000, given its specifications and pricing of 2nd generation Moto X. However Motorola pleasantly surprised everyone by killer pricing: ₹ 18,499 (16 GB) and 19,999 (32 GB). Moreover, the 21 MP primary camera puts it ahead of its competitors comfortably. This is arguably Motorola’s best offering this year so far.

Since I was planning to replace my old cellphone, I decided to go for Moto X Play (32 GB) and ordered it on Flipkart as soon as it became available, which also ensured that I got some cool offers with it from Flipkart! 🙂

Here are my initial impressions about the phone after exploring it thoroughly in the last 2-3 days.

Design & Build Quality

The phone is pretty well designed and the build is solid as compared to flimsy plastic builds we are experiencing from some other manufacturers. The phone feels like a premier phone straight out of the box. Despite its large size (5.5 inches display), phone fits well in the palm and rubberized back cover ensures good grip as well. The back cover is removable & swappable, but the battery is not removable. The front is covered by large 5.5 inch display covered with Corning Gorilla Glass, 5 MP front camera and openings for speaker & microphone. There is no notification LED available here. The top of the phone provides dual nano-SIM and Micro SD slot along with 3.5mm headset socket. Unlike few other manufacturers, Motorola provides headset in the box. The bottom of the phone has micro USB port for charging and data transfer. The power switch as well as volume control are located on the right edge of the phone, which is a more sensible placement as compared to left since many flip-covers could unintentionally press volume control on the left.

Unlike its cheaper sibling Moto G3, Moto X Play is not water resistant but it is water repellant with nano-coating technology.

So, are you passionate about everything that you do?

So, are you passionate about everything that you do?
You could be a Multipotentialite!

I got hooked up by the question itself. It is quite intriguing for someone like me who gets pulled by diverse interests all the time.

In this interesting TEDx talk, Emilie Wapnick discusses ‘Why Some of us Don’t Have One True Calling’ and how it could actually be a good thing.

I had written a blog post about Career Concepts & Career Paths based on the work of Michael Driver and Ken Brousseau of the University of Southern California. Spiral career concept is an interesting case study and this TEDx talk reminded me of that as I could see quite a few parallels about getting bored and moving on to new learning and new jobs/careers. There have been other terminologies for this, including this one that I love: Renaissance Souls. Anyway!

Usually, specialists (experts) are valued more by most businesses and they tend to get more attention/adulation. But it is crucial for businesses as well as for those Renaissance Souls themselves to realize that they bring unique perspective with their diverse interests and their intersections, which is invaluable. Watch Emilie Wapnick talk about all this in her TEDx talk here –