bukan sekadar coretan
Do You Need a Style Guide? | Design Shack It’s a simple question: Do you need a style guide? And it has a simple answer: Yes. Any brand, company, blog or webpage that wants to create and maintain consistency and a professional feel should have a style guide. Style guides are a must for any…
3D Shading with Box-Shadows | Codrops A tutorial about a technique that uses box shadows for creating a realistic shading effect on simple objects. VIEW DEMO DOWNLOAD SOURCE When working with 3D transformed elements, you might notice that they don’t have any shading and appear to be very flat. In real life, objects block light and…
Tridiv: Web-based CSS Editor for Creating 3D Shapes | Web Resources | WebAppers Tridiv is a web-based editor for creating 3D shapes in CSS. It provides a traditional four-pane interface that gives a view from each plane, as well as a preview pane showing the final object. It’s possible to create extremely sophisticated objects and animations…
10 Easy Image Hover Effects You Can Copy and Paste | Design Shack Hover effects are always a fun topic to explore. In the past, we’ve built some awesome examples of CSS hovers that were easy to copy and paste right into your code. Today, we’re going to follow that up with ten new effects specifically built…
Multi-Level Push Menu | Codrops An experimental push menu with multi-level functionality that allows endless nesting of navigation elements. VIEW DEMO DOWNLOAD SOURCE Today we want to share another menu experiment with you. For sure you are familiar with the off-canvas navigation on mobile apps and the implementations for responsive websites like the one by David Bushell. We tried…
Owl Carousel Touch enabled jQuery plugin that lets you create beautiful responsive carousel slider.
jQuery Flat Shadow by Pete R. | The Pete Design Add depth to your flat UI with jQuery Flat Shadow. Automatically casts a shadow creating depth for your flat UI elements.
Taggd “A picture is worth a thousand words”, but sometimes even a thousand words are just not enough.Taggd is a jQuery plugin that help you create tags on images with, or without a popup!
Absolute Horizontal And Vertical Centering In CSS | Smashing Coding We’ve all seen margin: 0 auto; for horizontal centering, butmargin: auto; has refused to work for vertical centering… until now! But actually (spoiler alert!) absolute centering only requires a declared (variable) height and these styles: .Absolute-Center { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } I’m…
A Journey Through Beautiful Typography In Web Design | Smashing Magazine First impressions are lasting impressions. Whether you realize it or not, your typography helps to create an experience for users before they’ve even read a word or clicked a button. Typography has the potential to go beyond merely telling a story — it shows the user…