{"componentChunkName":"component---src-templates-tag-js","path":"/tags/branding/","result":{"data":{"site":{"siteMetadata":{"title":"LoginRadius Blog"}},"allMarkdownRemark":{"totalCount":2,"edges":[{"node":{"fields":{"slug":"/engineering/personal-branding-for-developers/"},"html":"<p>Many of the developers believe that they are immune to the need of marketing/branding themselves. As a developer your job is to create ultimate applications, right? After all you are not a celebrity or some rockstar! But isn’t it better to be in demand for fruitful consultations, speaking and writing? Well, all this is possible if you are able to create a personal brand!</p>\n<p>In this article I am going to focus on why as a developer you should focus on personal branding, how it is going to help your job and career and finally, will guide you on how you can also create a personal brand. First thing first, let’s start with what is personal branding.</p>\n<p><strong>What is personal branding?</strong></p>\n<p><img src=\"/19a1cce232eecdc839a68b902e3eb968/Apple-logo-248x300.webp\" alt=\"Apple Logo\">Do you recognize this logo? Well, Of course  you do! But have you ever wondered how come you recognized this logo without even a name? Well, you recognized it because the brand is so strong that without even a proper title, you are able to recognize it and that’s what branding do.</p>\n<p>The concept of personal branding is quite similar to that of company branding. Personal branding is all about thinking yourself as a brand. It is about showing people who you are and what is your passion. When you think about some specific programming language, your mind goes back to some specific names associated with that language, who are either the father of that language or have done some amazing work in that field, right?</p>\n<p>To get the more clear idea, here is what <a href=\"http://www.paulirish.com/\">Paul Irish</a>, the front end developer of Google Chrome team, has to say on the concept of personal branding - </p>\n<p><em>“Personal branding is the art of consistently presenting, online and offline, the essence of how you stand out from the crowd.”</em></p>\n<p>Personal branding is all about you and only you :  </p>\n<ul>\n<li>who you are</li>\n<li>what are you passionate about</li>\n<li>who you wanna be</li>\n<li>how would you like to be seen</li>\n<li>how actually people see you</li>\n<li>what you do and what you did</li>\n<li>what you know and what you don’t</li>\n<li>what you like to share</li>\n</ul>\n<p>and more! Personal branding is basically about everything that defines you from the languages you are expertize to the blogs you write.</p>\n<p><strong>Why you should focus on personal branding?</strong></p>\n<p>Personal branding is no longer an option, but it has become crucial for everyone. After all we are living in the digital world where it is simpler to reach to the next level. So it’s not exactly about being the rockstar but maybe it is. May be it is about becoming popular! May be it is about getting that power. Here I am presenting you three key reasons why personal branding is important for you-</p>\n<ol>\n<li><strong>You are not crucial!</strong><br>\nC’mon, no matter how rude that sounds, but you know it is true. The competition is increasing day by day and you know, there are millions of others waiting out there to take your place. So yeah, face it, YOU ARE NOT CRUCIAL! and this gives you one of the key reason to try your hand in personal branding. Let people know what you do and why you are better than others..</li>\n<li>\n<p><strong>No job is permanent!</strong>  </p>\n<pre class=\"grvsc-container dark-default-dark\" data-language=\"\" data-index=\"0\"><code class=\"grvsc-code\"><span class=\"grvsc-line\">Another harsh reality! No matter how much your company loves you but you know no job is forever. So be prepared! You don’t know when the situation changes. As a developer personal branding matters when you are looking to change your job. You want your employers to hire you not only as a good developer but also as an innovative leader. To make that possible, you need to cultivate a personal brand that can highlight your value to your potential employers.</span></code></pre>\n</li>\n<li>\n<p><strong>Sky's the limit!</strong>  </p>\n<pre class=\"grvsc-container dark-default-dark\" data-language=\"\" data-index=\"1\"><code class=\"grvsc-code\"><span class=\"grvsc-line\">The process of learning has no end. While creating personal brand, you meet many people from your niche. You interact with them, share your knowledge, learn from them, discuss ideas and all this will give you the level of expertise that wouldn’t have been possible otherwise. Doesn’t matter how you want to improve your career, personal branding is the key!</span></code></pre>\n</li>\n</ol>\n<p><strong>How to manage your personal brand?</strong></p>\n<p>As a developer, breaking through the glass ceiling demands much more than excellent programming skills. Cultivating a strong personal brand can really help you out. GET VISIBILITY is all I want to say!</p>\n<p>You might have the best expertise in certain technology, you might have designed an amazing product but all this is meaningless if nobody can see you. Here are some tips on how you can get visibility :</p>\n<ol>\n<li>\n<p><strong>Try your hand at blogging :</strong><br>\nBlogging is an amazing way to tell people who you are. Blog about anything you hold expertize in, whether it is a programming language or it is some kind of technology, let people understand who you actually are. There are many developers out there who have some awesome technical blogs where they share their knowledge and write about their specialities.For inspiration you can have a look at the blog of <a href=\"http://ejohn.org/\">John Resig</a>, the creator and founder of jQuery. Another tech blog champion is Scott Hanselman. Make sure to have a look on his popular blogs <a href=\"http://www.hanselman.com\">www.hanselman.com</a>, <a href=\"http://hanselminutes.com/\">hanselminutes</a>, etc.  </p>\n<p><img src=\"/0f8f0de8ed9264985c39b11fc2110b33/blogging-for-personal-branding.webp\" alt=\"blogging for personal branding\">Stick to one topic, you are best at and select the blogging platform that suits you like Wordpress, Tumblr, Blogspot, etc. Post informative content on regular basis and soon you will have a huge audience waiting for your content and engaging with you. Posting two to three informative blog is enough to keep you in demand. Also there are some specific sites like<a href=\"http://www.asp.net\">www.asp.net</a> where you can submit articles to gain immense popularity.</p>\n</li>\n<li>\n<p><strong>Embrace Social Media :</strong>  </p>\n<p>You might have heard that Facebook and Twitter are all about wasting time, but let me tell you this is not at all true. Social media provides you a great opportunity to build networks. It is must to get visibility on various social media networks if you want to be found by people who share same niche as you.<br>\n<img src=\"/0bcf08775ca2ce3cfb3bb8dcc35e5bc2/Social-media-for-personal-branding.webp\" alt=\"social media for personal branding\"><br>\nThere are various ways how you can track your brand on social media. My personal favorite is Google Alert which notifies whenever people are talking about me or my projects. While some times they are talking about the work I have done, sometimes they also complaint which helps me understand where I am wrong. There are many others, like on Twitter, you can use <a href=\"https://tweetdeck.twitter.com/\">Tweetdeck</a> . Apart from that, create a strong persona on Linkedin, Facebook, Google+, etc. Interact with people, reply to their queries and become social media champion.<br>\nSome popular developers who are social media champions as well include <a href=\"https://twitter.com/shanselman\">Scott Hanselman</a>, <a href=\"https://www.linkedin.com/in/jeresig\">John Resig</a>, etc  </p>\n</li>\n<li>\n<p><strong>Participate in Communities:</strong>  </p>\n<p>Communities like Quora, Stackoverflow, Warrior Forum, etc can be your best friends if you are intending to create brand online. Join these communities and try your best to solve the queries of users from your niche. It will not only help you interact your kind of people but will also improve your problem solving skills. Sites like Stack Overflow, GitHub allow users to work together on projects, that can open a wide opportunity to learn.  </p>\n</li>\n<li>\n<p><strong>Contribute to Open source or start Open source :</strong>  </p>\n<p>Another great way to cultivate personal brand is to contribute to open source or start open source. While contributing to an open source can be an amazing experience it will earn you recognition among your fellow community. Also you can start open source. If you are getting difficulties to start open source, have a look at this interesting <a href=\"https://opensource.guide/how-to-contribute/\">article</a>.</p>\n</li>\n</ol>\n<p><strong>What I’m trying to say is</strong></p>\n<p>Maybe you don’t want to become a rockstar developer or you are happy with your current job, but still there is a huge difference between doing the job and doing the job in excellent way. After all, you have worked hard to be where you are today and you deserve to get recognized for it. So why tomorrow, start now and reach the next step.</p>\n<style class=\"grvsc-styles\">\n  .grvsc-container {\n    overflow: auto;\n    -webkit-overflow-scrolling: touch;\n    padding-top: 1rem;\n    padding-top: var(--grvsc-padding-top, var(--grvsc-padding-v, 1rem));\n    padding-bottom: 1rem;\n    padding-bottom: var(--grvsc-padding-bottom, var(--grvsc-padding-v, 1rem));\n    border-radius: 8px;\n    border-radius: var(--grvsc-border-radius, 8px);\n    font-feature-settings: normal;\n  }\n  \n  .grvsc-code {\n    display: inline-block;\n    min-width: 100%;\n  }\n  \n  .grvsc-line {\n    display: inline-block;\n    box-sizing: border-box;\n    width: 100%;\n    padding-left: 1.5rem;\n    padding-left: var(--grvsc-padding-left, var(--grvsc-padding-h, 1.5rem));\n    padding-right: 1.5rem;\n    padding-right: var(--grvsc-padding-right, var(--grvsc-padding-h, 1.5rem));\n  }\n  \n  .grvsc-line-highlighted {\n    background-color: var(--grvsc-line-highlighted-background-color, transparent);\n    box-shadow: inset var(--grvsc-line-highlighted-border-width, 4px) 0 0 0 var(--grvsc-line-highlighted-border-color, transparent);\n  }\n  \n  .dark-default-dark {\n    background-color: #1E1E1E;\n    color: #D4D4D4;\n  }\n</style>","frontmatter":{"date":"September 23, 2016","updated_date":null,"title":"Personal Branding For Developers: Why and How?","tags":["Branding"],"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1,"src":"/static/cb6590bb3c439f5b33ab6c250865863c/e7487/Personal-Branding-For-Developers-150x150.webp","srcSet":"/static/cb6590bb3c439f5b33ab6c250865863c/e7487/Personal-Branding-For-Developers-150x150.webp 150w","sizes":"(max-width: 150px) 100vw, 150px"}}},"author":{"id":"Sreekant","github":null,"avatar":null}}}},{"node":{"fields":{"slug":"/engineering/social-network-branding-guidelines/"},"html":"<p>I am here to tell you that Facebook, Google, Twitter, or LinkedIn aren’t going to be happy when they find out that you changed their icon color to green. But, hey at least you didn’t distort the logo.</p>\n<p>Hello and welcome to another segment of me telling you things that you need to know but will ignore at some point. Let’s get started.</p>\n<p>Social Login and Social Sharing are everywhere. Some people even combine it with with their User Registration. There’s no surprise that on every website you go to, you’ll see either well designed social icons or just plain ugliness. We can’t blame them, they want their icons to be unique and eye catching.</p>\n<p><img src=\"/fb56011614f4224e2ef4c45c93a08edf/1.webp\" alt=\"1\"><em>Beauty!</em></p>\n<p>But, the universe is full of holes inside an “A” whom sometimes destroy a thing of beauty.</p>\n<p><img src=\"/80fcb505560834197a9f54513c4af0bd/2.webp\" alt=\"2\"><em>Just. Stop!</em></p>\n<p>Then there’s the “I use my own brand color” kind of people.</p>\n<p><img src=\"/81faeb78b4a333f7fb4d9e1de1f812ef/3.webp\" alt=\"3\"></p>\n<p><em>So, what’s happening here? What’s the orange f? Does that stands for forangebook? *badum tsss* I’ll see myself out.</em></p>\n<p>Changing the branding color is a big no no for them. You’ll be surprised how strict those social branding guidelines can be. Yet, we still violate them.</p>\n<p>One thing we need to realize is, we don’t own these icons. The companies still own them. So, for your convenience I searched the interwebs to gather most of the things you need to remember for social network branding guidelines.</p>\n<p>Let’s start with the most used social network, Facebook and their “ f ” logo. They’re pretty straightforward, as long as you don’t modify the “ f ” logo’s design and color, you’re good to go. To simplify this more; don’t make the facebook logo look like it’s been scratched by a chicken and made it bleed too much that it turns red.</p>\n<p><img src=\"/4cc1938d041a582a519a9164609a6129/4.webp\" alt=\"4\"></p>\n<p><em>Quick, somebody call 911!</em></p>\n<p><a href=\"https://about.twitter.com/press/twitter-brand-policy\">Twitter branding</a> is a little bit complicated. Probably because they had multiple drastic changes in their logo design.</p>\n<p> <img src=\"/94d97c64dc8dfecf6a3220980bf84ee7/5.webp\" alt=\"5\"> Nonetheless, it’s simple.</p>\n<ul>\n<li>Don’t use their old logo (because, let’s face it, it’s ugly).</li>\n<li>Don’t use a speech bubble (because that’s so 1995)</li>\n<li>Don’t rotate the logo (because the bird might get dizzy)</li>\n<li>Don’t surround with other birds or creatures (he’s a lonebird)</li>\n<li>And the most obvious one, the color. (Use <strong>#55ACEE</strong>)</li>\n</ul>\n<p>On Google+ (yes “ + “ not “plus“), they prefer that you don’t change or remake their icon. But if you must, you can style it to match your design, as long as you don’t...</p>\n<ul>\n<li>Change the color (Use <strong>#dd4b39</strong>)</li>\n<li>Change the font of the “g” and reposition the “+”</li>\n<li>Reposition the icon (it must be centred)</li>\n</ul>\n<p>If you’re using the icon with the title, You should use “Google” without the plus (word and sign), because… well… that’s redundant.</p>\n<p>LinkedIn is kind of ridiculous with their <a href=\"https://brand.linkedin.com/en-us\">branding guidelines</a>. They still have the same drill with no distorting or changing the color and so forth. But there’s one thing you won’t expect, you cannot change the radius or the box. <img src=\"/13e5f4760a9c17550d227d85a8917ab1/6.webp\" alt=\"6\"> </p>\n<p><em>We’re all going to LinkedIn Jail!</em></p>\n<p>Keep it to a minimal radius, like 2px. That means no circle, square, iOS style rounded icons — hold the phone, did LinkedIn just violate their own branding guidelines? Tsk tsk, LinkedIn. Breaking your own rules, eh?</p>\n<p>What about the other 30+ social icons? Well, by now you’ve probably seen the pattern here. No? Well, let me break it down for you.</p>\n<ul>\n<li>Don’t distort, remake, or change the style of the logo</li>\n<li>Don’t rotate the logo</li>\n<li>Don’t change the color</li>\n<li>Always use the most recent logo</li>\n</ul>\n<p>But, who am I to tell you what to do? Just do what makes you happy and hope to god they don’t catch you. Keep in mind too that these branding guidelines are part of your user experience and affect your users impression of the site.</p>\n<p>Let me know in the comments if there’s a specific guideline that I miss.</p>\n<style class=\"grvsc-styles\">\n  .grvsc-container {\n    overflow: auto;\n    -webkit-overflow-scrolling: touch;\n    padding-top: 1rem;\n    padding-top: var(--grvsc-padding-top, var(--grvsc-padding-v, 1rem));\n    padding-bottom: 1rem;\n    padding-bottom: var(--grvsc-padding-bottom, var(--grvsc-padding-v, 1rem));\n    border-radius: 8px;\n    border-radius: var(--grvsc-border-radius, 8px);\n    font-feature-settings: normal;\n  }\n  \n  .grvsc-code {\n    display: inline-block;\n    min-width: 100%;\n  }\n  \n  .grvsc-line {\n    display: inline-block;\n    box-sizing: border-box;\n    width: 100%;\n    padding-left: 1.5rem;\n    padding-left: var(--grvsc-padding-left, var(--grvsc-padding-h, 1.5rem));\n    padding-right: 1.5rem;\n    padding-right: var(--grvsc-padding-right, var(--grvsc-padding-h, 1.5rem));\n  }\n  \n  .grvsc-line-highlighted {\n    background-color: var(--grvsc-line-highlighted-background-color, transparent);\n    box-shadow: inset var(--grvsc-line-highlighted-border-width, 4px) 0 0 0 var(--grvsc-line-highlighted-border-color, transparent);\n  }\n  \n</style>","frontmatter":{"date":"September 08, 2015","updated_date":null,"title":"Social Network Branding Guidelines","tags":["Social","SocialLogin","Branding"],"coverImage":{"childImageSharp":{"fluid":{"aspectRatio":1,"src":"/static/63460374fc13a4962cd40dfa765485b1/403a4/social-network-branding-300x300.webp","srcSet":"/static/63460374fc13a4962cd40dfa765485b1/61e93/social-network-branding-300x300.webp 200w,\n/static/63460374fc13a4962cd40dfa765485b1/403a4/social-network-branding-300x300.webp 300w","sizes":"(max-width: 300px) 100vw, 300px"}}},"author":{"id":"Team LoginRadius","github":"LoginRadius","avatar":null}}}}]}},"pageContext":{"tag":"Branding"}},"staticQueryHashes":["1171199041","1384082988","2100481360","23180105","528864852"]}