How to use DIV Tags and CSS to Create Advanced Website Layouts and CSS M...

-

Comments

Post a Comment

Popular posts from this blog

CSS Techniques – Absolute Horizontal And Vertical Centering In CSS

-
Image
We’ve all seen  margin: 0 auto;  for horizontal centering, but  margin: auto; has refused to work for vertical centering…  until now!   But actually (spoiler alert!). I’m not the pioneer of this method, and it may even be a common technique, however, most vertical centering articles never mention it and I had never seen it until I dug through the comments section of a  particular article . There,  Simon  linked to this  jsFiddle  that blew every other method out of the water (the same method was also mentioned by  Priit  in the comments). Researching further, I had to use very specific keywords to find  some   other   sources  for this method.  ADVANTAGES: Cross-browser (including IE8-10) No special markup, minimal styles Responsive with percentages and min-/max- Use one class to center any content Centered regardless of padding (without  box-sizing !) Blocks can easi...
Read more

The latest trend in user interface: Flat Design

-
Image
Flat User Interface Design is a design language currently used in the creation of various graphical user interfaces. The  flat design  refers to a style of interface design which removes any stylistic design choices that gives the three dimensional effect and hence is focused upon the minimal use of simple elements,  flat colors and typography . The designers might refer this since it allows them to make the interface designs more streamlined and efficient. Designing Language Is Responsive It is easier to convey information while looking for visual appearance and approach. This designing language makes it is easy to create an interface which is responsive to various browsers in various devices. With lesser design elements, a  website will load faster and can be resized  easily and still have a sharp appearance in high definition screens. This designing language represents smaller data footprints which have a significant effect on the performance. ...
Read more

Six tips from Apple on how to create better app icons

-
Image
This is a guest post by Martin LeBlanc, the founder of   IconFinder , a search engine for icons. You can follow him on twitter   here Shortly after the WWDC event in San Francisco in June, a plethora of iOS7 resources became available on the web. Throughout the hundreds of sessions, speakers and keynotes, Apple   unveiled its new iOS 7   to thousands of delegates lucky enough to be there. We found a great presentation called “Best Practice Guide for Great iOS Design” by Apple UX Evangelist, Mike Stern. The first part of his presentation is about app icons and what Apple believes makes a good icon. He goes through a list of six important things to consider when you are designing your app icon. We will do our best to summarise the presentation in this post. Mike Stern begins by explaining why it’s important to pay attention to the UI and app icon: Your users aren’t going to judge your app based on how many technologies you are using, or how many APIs you int...
Read more