In the last part of this starters guide, we discussed talked about what CSS was, how it affected browsers and briefly looked at how CSS looks. Today we will be discussing the different placement types of CSS. CSS can be placed inside a document using three methods: internal, external and inline. Each method has its own advantages and disadvantages. Some designers often do use all three methods in their codes where as most choose to keep the styling codes in one separate location to ‘beautify’ their front-end code.

Inline CSS

In CSS it is possible to place styling in your HTML code…


Today I wanted to share a blog article hover effect with you. This hover effect is for a list of articles you have in your blog articles directory. It is designed to be displayed in grid format. I found the original version of this effect on a pen by Ajay Sunarthi. But that involved some javascript and standard CSS that I didn’t want to deal with. I re-created the same effect with some SASS (SCSS) using some of my favorite mixins for browser compatibility.

The Mixins

Since I started getting serious about SASS (SCSS), I decided to craft a master mixins sheet…


Married life isn’t all as glamorous as it might seem. Once you marry someone, you and your partner don’t become men and women. You are still children playing the part of an adult, and now you get to bumble around and try to figure out how things work with another adult-child. If you have no idea what I’m talking about, some wonderful husbands and wives have tweeted exactly what it’s like to be married. Here are 20 tweets that only married people will understand.

1. Avoidance

Try finding them when chores need to be done.


CSS, abbreviation for Cascading Style Sheets, is a style sheet language that helps define how to display HTML and XML elements in a document/file. Style sheets, in general, are a very powerful tool for the web-designer. CSS gives you the ability to be completely consistent with the presentation semantics (look and feel) of your site, while giving you much more control over the layout as compared to straight HTML. It was designed primarily to enable the separation of document content from document presentation which would help provide more flexibility and control in the specification of presentation characteristics. …


Cade Metz — Wired.com

This is an actual test a professor gave to an engineering class. The goal of this test is not to make someone feel less smart, rather to show that that each question, if looked carefully and/or from a different angle, can provide a simple clear solution. I recently gave this test to my design and development team to see if they focus on details or getting the job done. Result was fairly what I expected.

  1. Do they have a 4th of July in England?
    (a) I Don’t Know
    (b) Yes
    (c) No
  2. How many birthdays does the average man have?
    (a)…

Sazzad Hossain

A creative thinker & UX designer striving to bring forth deserving tools to the lime light. Co-founder of @BeeBackApp.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store