bukan sekadar coretan
UI Design Guidelines for Responsive Design | Codrops Some UI guidelines and tips to consider when designing a website to make it cross-device friendly and responsive. The web development community has come up with endless solutions, best practices, and tools for coding a responsive design with ease. While the vast majority of websites can be…
Putting CSS Clip to Work: Expanding Overlay Effect | Codrops A tutorial about how to create a simple expanding overlay effect using the CSS clip property and CSS transitions. VIEW DEMO DOWNLOAD SOURCE Our previous article, Understanding the CSS Clip Property by Hugo Giraudel offers a great overview of the CSS clip property and the rect() function. Today we…
Turns Select Element into User Friendly Graphical Interface | Web Resources | WebAppers Image Picker is a simple jQuery plugin that transforms a select element into a more user friendly graphical interface. It works great on both single and multiple select elements. It falls back nicely for clients without JavaScript enabled. It also integrates nicely with Twitter’s…
3D Book Showcase | Codrops An experiment about a realistic looking book showcase with some interactivity using CSS 3D transforms. VIEW DEMO DOWNLOAD SOURCE Today we want to share an experimental book showcase concept with you. The idea is to make books look more realistic by using 3D transforms and apply some fun effects to them,…
How to Create a Simple Multi-Item Slider | Codrops A tutorial on how to create a simple category slider with a minimal design using CSS animations and jQuery. The idea is to slide the items sequentially depending on the slide direction. VIEW DEMO DOWNLOAD SOURCE For today’s tutorial we want to show you how to create…
Techniques for Creating Motion in Web Design | Codrops Create a livelier page by using images and objects that create a sense of motion. Get inspired by great web design examples and learn about some practical techniques. Everyone wants to create a page that is active and engaging and one of the best tools to…
Skewing the Shapes of Elements with Maskew JS Library | Web Resources | WebAppers Maskew is a JS library for skewing the shapes of elements without distorting their contents. It is mobile friendly. There is no dependencies but a modern browser. It is less than 5k in size. Maskew is released under MIT License. You can download…
Meta Tags and SEO | Webdesigntuts Much is misunderstood when it comes to the effect meta tags have on search engine rankings. Some tags were frequently used in the past, but have since lost their power. So which tags are still useful for SEO and which aren’t?
24 Impressive Design Agency Websites | Boost Inspiration In this post we have a collection of impressive design agency websites to show you how firms and creative agencies presenting their work to clients. Remember, first impression really matters. To standout from your competitors, first impressions need to be both targeted and executed to perfection. Before…
Fullscreen Pageflip Layout | Codrops A tutorial on how to create a fullscreen pageflip layout using BookBlock. The idea is to flip the content like book pages and access the pages via a sidebar menu that will slide out from the left. VIEW DEMO DOWNLOAD SOURCE We have received a couple of requests on how to…