Every wondered why the text on the websites like apple looks good, well here the secret. It’s all in the ratio. No, it’s not the golden ratio of 1/3rd or 1.1618 but there is the ratio for calculating the Heading with its sub-heading.
Now how can we use the given ratio in our design based on the following designs? it is simple we just divide it to get the value of the object.
heading size/ ratio = subheading font size.
for example: If heading for Microsoft is 62pt then sub-heading will be 62pt/ 3.4444= 18.0000 pts.
now use it and create some cool website or print designs based on apple, google and Microsoft designs
It’s all about front-end guides for web designers and developers. But to most its just bootstrap, foundation, uikit, materializecss, concisecss or any other with which they are comfortable. But big companies usually work with there own front end design guideline which they use it to design their websites, apps. So what is the best way to design a killer front end design guide, well here is it. Here are some key points that should be present in any front end design guidelines.
Table of content: The most important is the Table of content. This will allows the users to surf throw your guidelines easily and this will actually act like a sitemap to your design.
Common UI Elements: that is the heart of any front-end style guide. For.e.g Grid-Layouts, Buttons, Breadcrumbs, navigation and modal dialog and there behaviors. These elements can be of static and dynamic nature (in terms of behavior).
Color Palettes: Just like brand guide-line’s Color palette, that allows the users to understand the colors of the company, Front end color palette is a must for to represents how the company’s presence will looks and feels like on the web.A proper Color palette of the company must be present including the colors for UI Elements must be defined. This is a great help for the designer and developers “who are lazy” lol.. to pick and use instantly.
Grid system: This is a layout system that defines how each element will be organized on screens. Both for responsive or adaptive designs this helps to decide how the element will be placed. Grid systems are responsible for the block structure of the web.Most common examples to understand this is the 12-column,16-column. Although, thanks to bootstrap 12-column is mostly used in websites today.
Typography: Type is one of the key element to share meaningful information, not just for human users but also for the Search engines to index your web. Here you only have to worry about the first party that is human users. Typefaces, sizes, weights should be well structured and defined for (paragraphs, headings, quotes, image captions)
Before anyone files plagiarism case here is the original article that inspired me to write. The following article handsomely explain what front-end guide lines are. I encourage everyone to go and have a read.
Out of few major concerns that are related to corporate websites is to provide a healthy way for its visitors to contact them. The best way that any company accomplishes this is by providing an interface to it’s leads (Visitors) i.e. a contact us page either on there website, social page, community page or else where. Now, issue comes from young designers/developers and some times by experienced ones that they often display company or company’s representative email open in public. Well, It is good technique if you ask me, i.e. to let the leads (visitors) directly contact the representative by displaying their email. we should know that its not always leads that surf the website.
There is yet another community who lurks for opportunities to gain access to corporate networks i.e. spammers and potential hackers. Corporate organizations take many measures to avoid such attentions by spending a lot in firewall technologies. Being developers one way to avoid such attention is to develop meaningful contact forms which allows it’s visitors to directly contact the representative providing him enough information to contact the lead back. I call this DDA technique more about it in the later part of article.
Now, designing contact form is simple and easy task why should we care so much about them and why should we invest so much in them. Well, human beings if you ask me are more focused on telling there story. If we design the forms in a way which will allow the users to explain there problem as if they were communicating personally will not only help both parties i.e The lead and representative, but it will connect them both emotionally. DDA (Department Directed Approach) helps the corporation to design contact us page that will allow the leads to select particular department and let them explain there story and concerns. Later, allowing the leads to define a proper feedback medium for the representative to contact back is a more humanistic approach to design forms. Based on the above scenario we divide the approach into three major sections.
Whom the message is sent to.
What message is being sent.
Declaring a proper feedback medium.
1.Whom the message is sent to
When ever we want to give a message, the first step after defining the message to is to define whom are we giving the message to. The implementation model can be via simple combo box with selection to whom the receiver of the message will be. i.e could be a department or an individual or a team. This will define based on selection where the email should go.
2. What message is being sent
After the Whom is figured out then we enter the main message of what our concern is. Here the implementation model depends upon the corporation i.e. the details in this section depends upon what are details that the company requires for the lead. My take on this is to make it as simple as possible. I usually limit this to two fields i.e. lead’s name and lead’s concern or detailed message.
3. Declare a proper feedback medium with the message.
Keep it simple is the goal. Once the lead has mentioned the message (concern) then the next phase is to wait for a reply from the concerned representative. Now, How will that be done? ask the lead to enter his minimum information. The implementation model could be based on the corporate corporate requirements! my take on this would be at least email (required) or phone contact.
It’s not a must that above order is to be maintained or its a standard of some sort. It is much appreciated because the specified order follows the same trait we explain our problems i.e. by telling a story.Hope this article helps its readers to design human centered forms.
I am a web developer and developing a website for about 5 Years. The projects. I started my career as a desktop developer in .Net and later on moved to web development. I have been involved in many Offline and Online projects including web applications for intranet and corporate websites. Along side, with web development, I continued with my passion in designing with led me to the field of front end engineering and almost fell in love with it.I am knowledge hungry, self-starter, self-motivator.
There are many online websites which provide the services of freelance work like oDesk and Elance. What I feel the only problem I face in these services is that we have to waste a lot of time preparing proposals to get the job rather than focus on the quality of work to the consumers. We waste a lot of time competing with each other rather than learning from them. Then I came across Toptal, which looks promising in providing quality work without the hassle. We apply on their website. They take our information and then put us through an initial screening test.
Toptal’s initial screening process is what got me. They actually qualify us as experts rather self-proclamation for themselves. We get to see who are to the best in the business. They call us and also give us tasks to test us. The competition seems to be tough to get pass by initial screen, but i am excited to get the green flag once they assess my skills and tag me as a professional designer.
Firstly, anything you may do on LinkedIn is tracked . People You May Know is a friend/link suggestion system by LinkedIn. It helps its users by providing suggestions regarding other contacts that user may know or either is linked to directly or via other friends. This kind of system has been implemented by various social networking websites in different forms i.e. Facebook, twitter, Myspace, Google plus+ and others. They all have their trademark Friend suggestion algorithms. However, the following document will guide you on a brief and general overview of LinkedIn’s PYMK.
PYMK helps people to join their LinkedIn network and suggests them friends who are directly or may be indirectly linked with you via sources i.e. friends, skills, company, interests, email lists, address books and etc…
In generally LinkedIn tracks every activity of a user. There are many ways that it tracks the user activities but here we will only discuss two major methods. Following diagrams explains us the simple process of how PYMK helps its users to track their friends or people that they might know.
Fig 1: Friend of a Friend might be your Friend gives a general idea of how LinkedIn visually represents PMYKinformation to its users. It generally tries to link the Commonalities among members. For example, you may have common connections, similar profile information and previous work or educational experiences. 
Fig 2: Import your contacts via your email address gives the core concept of how LinkedIn initially allows you to import your contact list via your email addresses. This option is always available later also. LinkedIn imports the contact list from address books of the email attached. The contact list could be your Gmail, Microsoft, and Yahoo Accounts and many other formats. Note: Each email client that you connect will ask you the permission to connect the LinkedIn Client application. If you grant the access only then the Contact suggestion list will be updated. 
Where to find PYMK suggestions
According to the current design, one can find the suggestion on the top right corner of the screen. You can click on the button to open the list of current suggestions and proceed to skip or add user.
The same procedure can be carried out if user wants to get suggestions via emails i.e. Gmail, Yahoo, Hotmail and others and invite others from invite your contacts section
In Islam it is strictly prohibited to associate the Angels with females. Angels are supernatural beings created by the Almighty. They carry out the tasks exactly as God Commands them. Some of the highest ranked angels are Jibrael(Gabriel), Mikael (Micheal), Israfel, Israel. They all have specified tasks which they carry out.
one common phenomenon which is becoming common now a days is females are portrayed as angels. Please be aware that this is the very act that the Jews and pagan of Mecca (Makkah) did before Islam. Allah(s.w.t) becomes furious when some one names or associates his Angels with females.
Allah S.w.t says:(Surah 17:V40)فَأَصۡفَٮٰكُمۡ رَبُّڪُم بِٱلۡبَنِينَ وَٱتَّخَذَ مِنَ ٱلۡمَلَـٰٓٮِٕكَةِ إِنَـٰثًاۚ إِنَّكُمۡ لَتَقُولُونَ قَوۡلاً عَظِيمً۬ا (Hath your Lord then distinguished you (O men of Makkah) by giving you sons, and hath chosen for Himself females from among the angels? Lo! verily ye speak an awful word!)
Allah S.w.t says (Surah 53: Verse 26-27) وَكَم مِّن مَّلَكٍ۬ فِى ٱلسَّمَـٰوَٲتِ لَا تُغۡنِى شَفَـٰعَتُہُمۡ شَيۡـًٔا إِلَّا مِنۢ بَعۡدِ أَن يَأۡذَنَ ٱللَّهُ لِمَن يَشَآءُ وَيَرۡضَىٰٓ (٢٦) إِنَّ ٱلَّذِينَ لَا يُؤۡمِنُونَ بِٱلۡأَخِرَةِ لَيُسَمُّونَ ٱلۡمَلَـٰٓٮِٕكَةَ تَسۡمِيَةَ ٱلۡأُنثَىٰ (٢٧) وَمَا لَهُم بِهِۦ مِنۡ عِلۡمٍۖ إِن يَتَّبِعُونَ إِلَّا ٱلظَّنَّۖ وَإِنَّ ٱلظَّنَّ لَا يُغۡنِى مِنَ ٱلۡحَقِّ شَيۡـًٔ۬ا (٢٨) (And how many angels are in the heavens whose intercession availeth naught save after Allah giveth leave to whom He chooseth and accepteth. (26) Lo! it is those who disbelieve in the Hereafter who name the angels with the names of females. (27) And they have no knowledge thereof. They follow but a guess, and lo! a guess can never take the place of the truth. (28)
please don’t do such tasks because it affects not only the Islamic religion but all of the Abraham originated religions i.e Jews and Christians too.
The catastrophe became eminent in 1924 The might of Islam’s Khilafah was no more The world cornered the Muslims after depleting our core They took out their militaries and came knocking on our doors They then began to invade our countries from every shore They taught us nationalism, tribalism and our unity was out the door They made us pledge to useless flags and brought their kufr to our lands They showed us their culture and we became instant fans We abandoned our religion and so Allah abandoned us We broke our deal with Allah within our mutual trust We were supposed to remain obedient and in Allah place our trust But we fell into sins and were betrayed by our lust Allah sent us a Messenger who taught us success: To aim for Jannah and love this dunya much less But we took the blessings of honor and power for granted So when we strayed from Islam, a wake-up call we were handed The troops of the devil in our nations quickly landed To colonize the Muslims, with their kufr so candid But we still didn’t learn and so soon we became related They were far from Allah and Islam is what they hated We, too loved this Dunya, and our Iman had long faded We didn’t realize that the gates of Jannah are gated Earning Jannah means putting desires to the side If we expect the gates of Paradise to open for us wide But since we abandoned Allah and forgot our religion Allah says Be and so He carries out His decision The worst amongst us were made to lead us But they, too were oppressors and didn’t even feed us Allah withdrew our Khilafah and woke us up to a reality That our success is with Allah and not with ethnic principalities That we need to put our ethnicities and worldly love to the side And hold firmly to the rope of Allah, not swimming with the tide Our return to success as an Ummah resides In following the Prophets’ and Sahaba’s lives In learning about and adhering sternly to the Qur’an and the Sunnah And implementing Allah’s laws collectively as an Ummah To rise back to the top, we must return to our Deen Beginning with our own individual beings Then move onto our families, communites, and nations Establishing with Allah the best of relations So let’s invest in the Aakhira instead of over-enjoying life And be prepared for this means considerable strife The hatred from the mouths of the kuffar continues to emanate The time is for Jihad, and Salam to the Believers who participate Allah’s Messenger, Sal-Allahu Alayhi wa Sallam said That the Kuffar would attack and Muslim blood would be shed Because we’re obsessed with the Dunya and abandoned Jihad That we love this life and would hate to be dead And until we return to our Deen, this condition remains That we stand humiliated until we rethink our aims We are here to establish Islam on this Earth So by the Will of Allah, let’s give Islam a rebirth!