bukan sekadar coretan
Create Inspirational 3D Gold Text with Photoshop Extended | Photoshop Tutorials Learn how to make any inspirational message look more meaningful by turning it into a 3D typography poster. In this Photoshop tutorial, you will how to create striking 3D gold text, add reflections with image-based lighting, create a drywall background from scratch, and position…
Responsive Full Width Grid | Codrops A responsive grid layout for multiple items in a row that fill all the available width. VIEW DEMO DOWNLOAD SOURCE A layout for a full width flexible grid layout for images or other content. The items have a percentage width and some example media queries show how to adjust the…
Arrange Images into Flexible Grid with Photoset Grid | Web Resources | WebAppers Photoset Grid is a simple jQuery plugin to arrange images into a flexible grid, based on Tumblr’s photoset feature. Originally the plugin was created for the Style Hatch Tumblr themes as a way to use the photoset grid in responsive layouts, but they have…
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…
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…
1 | 10 Moments Of Pop Music History, As 8-Bit Animated GIFs | Co.Design: business innovation design The Beatles play Ed Sullivan. Michael Jackson debuts the moonwalk. They were big moments in music, but now that they’ve been immortalized in animated GIF, Ringo can breathe a sigh of relief that his legacy is cemented. Music History…
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…
StackSlider: A Fun 3D Image Slider | Codrops An experimental image slider that flips through images in 3D. Two stacks resemble image piles where images will be lifted off from and rotated to the center for viewing. VIEW DEMO DOWNLOAD SOURCE StackSlider is a highly experimental jQuery image slider plugin that explores a different and fun…
Three Script Updates | Codrops The animated responsive grid, the direction-aware hover effect and the swatchbook have all been updated and added to GitHub. We have updated three scripts and added them to GitHub: the Animated Responsive Image Grid, the Direction-Aware Hover Effect with CSS3 and jQuery and the Swatch Book with CSS3 and jQuery. Take a look at…