bukan sekadar coretan
App Showcase with Grid Overlay | Codrops A tutorial about creating a simple grid overlay with subtle transitions for an app showcase. VIEW DEMO DOWNLOAD SOURCE Today we will be creating a little app showcase with a neat effect. The idea is to show a mobile device with a screenshot of an app and when clicking…
Quotes Rotator | Codrops A simple automatic quotes rotator with progress bar and example media query. VIEW DEMO DOWNLOAD SOURCE An autoplay rotator for quotes (or any kind of content). An indicator above the content shows the progress. A blockquote with an image is used as an example. Also, an example media query shows how to…
Nested Accordion | Codrops A simple, nestable accordion with some examples of nesting levels and a media query. VIEW DEMO DOWNLOAD SOURCE A simple accordion that allows for a nested structure. The style comes with some examples of how to style three levels and how to add a media query for decreasing the size on smaller…
The Responsive Web Design War Strategy It seems like everyone is hailing Responsive Web Design (RWD) as the savior for the mobile site development in 2013. That’s reasonable too, since RWD is currently the only sounding approach that deals with any device resolution universally and effectively. It tries to unite this chaotic browser-based universe littered by 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…
Your Logo, as a Web Font Ligature | Webdesigntuts DownloadSOURCE FILES DemoVIEW IT ONLINE Let’s look at an alternative approach for displaying logos on a web page. Normally, you’ll approach the challenge by using an <img> tag. Perhaps you’ll use image replacement through CSS, perhaps you’ll even venture into SVG files, but have you considered what’s possible…
Showcase of Beautiful Flat UI Design Behold web and user interface designers, a new trend (or style) is taking the world of UI and website design by storm – flat design. It is a minimalistic approach and style to designing websites and UI where we take a step back, strip away all the 3D elements,…
A Great UI is Invisible | Codrops A user interface that is invisible and that provides seamless interaction possibilities will help the user focus on their goals and direct them to what they need. A really well designed user interface is one that goes unnoticed by the user, whereas a poorly designed user interface forces…
Branded Interactions | Matthew Moore Design One or two key functions. Well designed apps master their core interactions. The best are unique and become associated with the brand itself. You could even call thembranded interactions.
Designing A Better Mobile Checkout Process | Smashing UX Design A record number of shoppers are turning to their smartphones to research potential purchases. Meanwhile, the bigger question — are those same users willing to complete the purchases on their mobile device? — is quickly being answered. The US, for example, saw an81% spike in mobile e-commerce (m-commerce) sales in…