background preloader

Baraja: A Plugin for Spreading Items in a Card-Like Fashion

Animated Checkboxes and Radio Buttons with SVG Previous Demo Back to the Codrops Article How do you collaboratively administrate empowered markets via plug-and-play networks? Where do you proactively envision multimedia based expertise and cross-media growth strategies? Why do you interactively procrastinate high-payoff content without backward-compatible data? How would you dynamically target high-payoff intellectual capital for customized technologies? How can you appropriately empower dynamic leadership skills after business portals? How do you interactively productize premium technologies whereas interdependent quality vectors? Do you rapaciously seize adaptive infomediaries and user-centric intellectual capital and how? Your to do list to uniquely deploy cross-unit benefits with wireless testing procedures: If you enjoyed these effects you might also like: Animated Border Menus Creative Button Styles

Caption Hover Effects - Demo 1 Previous Demo Back to the Codrops Article Simple Icon Hover Effects with CSS Transitions and Animations Previous Demo Back to the Codrops Article Mobile Desktop Partners Support Security Settings Time Videos List Refresh Images Edit Link Mail Location Archive Chat Bookmarks User Contact Note that the dashed border on a round pseudo-element (border-radius: 50%) does not work in FF 21.0 Mobile Desktop Partners Support Security Settings Support Fav Contract Refresh Settings Time Videos List Refresh Archive Chat Bookmarks User Contact Images Edit Link Mail Location If you enjoyed these effects you might also like: Creative Button Styles Creative Link Effects

"Look Inside" Book Preview with BookBlock A "look inside" book preview with BookBlock. A concept for book showcases or online book stores that shows a grid of books with the options to view the details and to look inside of the book, opening the BookBlock in fullscreen and allowing for a 3D page navigation. View demo Download source There is something really fascinating about (real) books. Please note that this is just a proof-of-concept and might not work properly in older browsers. For the book grid we use figures and this is how it looks: When we click on “view details”, we rotate the book in 3D and move it to the left side, allowing for the details to slide in from the right: Once “look inside” is clicked we perform a series of animations on the book, its cover and the BookBlock. When clicking on one of the navigation arrows, we flip the respective page in 3D and reveal the next ones: Credits We love playing with books in our experiments, so if you’d like to explore some similar articles and demos, check out these ones:

SlipHover | Apply direction aware hover effect to images SlipHover apply direction aware hover animation for the caption of an image. Download download zip from GitHub Quick start include the files call the the plugin on a container as your wish $("#container").sliphover(); All done! Options you can custom the caption by passing options when call the plugin, all available options are listed below. call the the plugin on a container wish you wish Demo Besides examples in the option table above, there are a few nice demos shows sliphover can work well with other image gallery plugins such as Wookmark , freewall and isotope . Compatibility Requirs jQuery 1.7+. Works well with all modern browsers and IE9+. License Licensed under the MIT License

Elastic Stack Saudade Tuqburni Retrouvailles Onsra Mamihlapinatapai Koi No Yokan If you enjoyed this, you might also like: 28 High Resolution Wood Textures For Designers Once in a while, you may want to try a different approach in design. If the concept/idea is green or nature related, wood elements can fit in pretty nice and they are fundamentally suitable. In this article, we attempt to showcase you 28 High Resolution Wood Textures designers can take full advantage of. Unable to create realistic wood texture from scratch in Photoshop is no longer an obstacle. Note: Some of these textures have limited rights. Full list after jump. Bg Texture Wood by nortago Dark Wood Texture Pack by cloaksAll textures are 1024*768 pixels. Author: Hongkiat Lim

Mohawk Concept posters for the new Mohawk identity. A family business founded in 1931, Mohawk is North America’s largest privately owned manufacturer of fine papers and envelopes. The paper business has changed enormously in recent years, with revolutions in digital technology transforming the ways people use paper. To meet this challenge, Mohawk is leveraging connections in the digital, design and photo spaces to develop new web-based offerings. The new mark is based on the letter M. The identity is the third Pentagram has created for Mohawk in the past 20 years, following logos designed in 1991 and 2002. The new identity functions as a monogram and suggests rolls of paper, presses and connection. The logo accompanies a change of the company’s name to “Mohawk” from Mohawk Fine Papers and can appear with the name or stand alone. “For these online experiences, Mohawk should not be a headline, but something supporting a larger experience,” says Bierut. The new logo in black and white.

Dot Navigation Styles Today we'd like to share some subtle effects and styles for simple dot navigation with you. These styles could, for example, be used for a page scroll navigation or a thumbnail preview, in a vertical or horizontal fashion. View demo Download source Small UI elements usually don’t get too much attention when it comes to creative effects. Note that some effects might not work as intended in some browsers (SVG transition, 3D transform-style). For the structure we’ll have an unordered list with links: <div class="dotstyle dotstyle-fillup"><ul><li class="current"><a href="#">Home</a></li><li><a href="#">About</a></li><li><a href="#">Products</a></li><li><a href="#">Portfolio</a></li><li><a href="#">Blog</a></li><li><a href="#">Contact</a></li></ul></div> For some examples, we also use an additional empty list element, i.e. in order to “move” the current item in the “dot move” style. We define some common styles: Hope you enjoy these styles and find them inspiring!

Responsive Design: Getting It Right [Infographic] | Resources Technology is becoming more and more ubiquitous in today’s consumer market. Browsing and shopping occurs on computer, tablets, and smart phones. With over 2 billion mobile-broadband subscriptions, responsive design that works well across multiple devices is crucial to help consumers become customers. When developing a responsive site, grids of information must adapt to different screen sizes, images must be flexible to fit into the appropriate space for each device, and CSS rules must apply suitably to varying browser displays. You may be interested in the following modern trends related articles as well. With over 55 Million images, Shutterstock has you covered - Save 12% on any image plan with code: GRAPHIC12 The five elements of the site must also adapt to being viewed on various devices. The user experience is crucial to any website. Source: whoishostingthis.com

SpritePad - Create and edit css sprites Kitchy Ui Kit – Restaurant & Food Theme (Psd) Today’s freebies is a Huge ui kit that is inspired by nature, it can fit most restaurant, cafe’s and other food and beverage related themes & websites. Kitchy-Mega-Ui-Kit-PSD.zip I choose to name this kit kitchy, from “kitchen”. I also have in mind releasing a template of the same name and from the same ui elements that i will offer for free as usual. Back to this kitchy ui kit, it is probably the biggest UI kit i release. I tried to include almost every necessary element in web design the you designers might need in creating any website using the kitchy interface. I choosed 4 colors which i personally think that they combine beautifully and also relate to the kitchen theme. The ui kit is fully vector based except for the photos of course, all the elements are scaleable to any size in the word. you can print on a paper and wrap the earth with it.

Related: