Campanula
Campanula website layout design – 2012
Deliverable & Platform: PSD, xHTML-CSS, CSS3
css
Animated CSS Bokeh
I start to learn CSS animation and I think CodePen is a place where I can find best example and resources about it.
Typespiration – Inspirational Web Fonts for Better Typography
Typography is one of the important elements to build great web design. The use of quality web fonts which you can find on Google Web Fonts or other web font resources will look nicer with the good font pairings and the right CSS code to implement them in headings and body text. There’s a growing …
Typespiration – Inspirational Web Fonts for Better Typography Read More »
CSS3 Parallelogram Menu
I’m currently working on a web project where the vertical menus I designed, requires the parallelogram shapes. So, I tried to combined several shapes (triangle, trapezium, and parallelogram) and made them as vertical menus. The second level menu is only using the ‘parallelogram right’ CSS shape as the background of the ‹ul› tag. The Parallelogram Right …
Adjust thickness of CSS ‘line-trough’
Although it will not working on multiple lines, I thought what I found on CodePen after I stumbled upon a CSS-Tricks forum discussion maybe useful for you. Sometimes you need to put text with ‘line-trough’, but further customization such as the thickness of the line that can be so tricky. Check this CSS, which is …
Centered Logo in a Menu List
Recently I’ve a designed a homepage for website project and I created the menu navigation with centered logo in between the menu links without knowing that it will be such a challenge to write the CSS that will work with WordPress later. I browsed some articles and there was a StackOverflow thread discussion that might …