It was said and repeated for many times that web is 90% typography. If you are a web designer, developer or just anyone working in web industry, typography covers huge part of your work. Typography is also one field that is often overlooked by young designers wanting to start their careers or businesses. This is… Continue reading Typography in Web design
Tag: css3
CSS tips and tricks #14 – Design 3D box in CSS tutorial
Challenge for today is quite interesting. We will practice some newer CSS features like 3D transforms and perspective. This challenge will test and stretch your knowledge of CSS to the limits. If you have any gaps here or there, I suggest you read something about properties involved in 3D CSS. It is a bit hard… Continue reading CSS tips and tricks #14 – Design 3D box in CSS tutorial
Design custom form in CSS, JavaScript and PHP tutorial Pt1
Today we are going to focus on forms. I think that you will agree with that forms are very important part of website. It does not matter in what kind of business you are or what kind of website do you have, you can always implement some small form there. In order to create functional… Continue reading Design custom form in CSS, JavaScript and PHP tutorial Pt1
CSS tips and tricks #13 – Design accordion menu in CSS without JavaScript tutorial
Challenge we will face today is creating an accordion menu only with HTML and CSS. No skills in JavaScript or jQuery will be involved or required from you. Accordion will contain five tabs with content inside each of them. All tabs will be stacked vertically. Content will be shown only after clicking on particular tab.… Continue reading CSS tips and tricks #13 – Design accordion menu in CSS without JavaScript tutorial
CSS tips and tricks #12 – Animated flipping card without JavaScript
When it comes to portfolio, creativity matters. In a fact, creativity can help you being hired by potential client. All you have to do is to impress him. One way that we will practice today, is via CSS transform property, a bit of 3D and some transition as a cherry on top. Our goal for… Continue reading CSS tips and tricks #12 – Animated flipping card without JavaScript
Design fixed navigation on scroll with CSS and jQuery
One thing that can increase user experience and overall impression from your website is always present navigation. Why should the visitor scroll back to the top or click one more time to let the script move the window to the top? Remember, every click counts. We can easily solve this problem of accessibility by creating… Continue reading Design fixed navigation on scroll with CSS and jQuery