70 Beautiful Free PSD UI Kits of 2013! Best Graphic Items In this collection, we are introduction some beautiful and useful free PSD UI Kits that you can download for free. So, you can design visually interactive and appealing user interfaces with our awesome free kits. All these kits are available in PSD format for easy modification. These UI kits suitable for mobile applications, custom website designs, software programs. UI KIT remake Get this Kits Fabric UI Kit Get this Kits Web GUI Kit Get this Kits Layered Facebook GUI PSD Kit Get this Kits Classic Grey Web UI Get this Kits Dark Grey iTunes UI Get this Kits Yellow Web UI Elements Kit Get this Kits Solid UI Kit Get this Kits Shiny UI Kit Get this Kits Lion OSX UI Kit Get this Kits iPad GUI PSD Get this Kits Tron UI Set Get this Kits Android Get this Kits Midnight UI Kit PSD Get this Kits The first experience Get this Kits Exclusive Stylish User Interface Kit (PSD) Get this Kits Modern Web UI Set Get this Kits My To Do List Get this Kits Minimalistic UI kit Get this Kits iPhone 4 UI Kit Get this Kits Transparent Get this Kits
Fullscreen Slit Slider with jQuery and CSS3 A tutorial on how to create a fullscreen slideshow with a twist: the idea is to slice open the current slide when navigating to the next or previous one. Using jQuery and CSS animations we can create unique slide transitions for the content elements. View demo Download source In this tutorial we’ll create a fullscreen slideshow with a twist: we’ll slice the current slide open in order to reveal the next or previous slide. Using different data-attributes, we’ll define the type, rotation angle and scale of a slide’s parts, giving us the possibility to create unique effects of each slide transition. We’ll be using jQuery cond, jQuery plugin by Ben Alman for chainable “if-then-else” statements. The animal icon font that we’ll be using is by Alan Carr and you can find it here. The images in the second demo are by Majownik and they are licensed under a Creative Commons Attribution License. Let’s start with the HTML. The Markup So, our first slide will have something like this: Now, let’s style it!
Aloha Editor - HTML5 WYSIWYG Editor Pulsar - Fully Responsive Parallax WordPress Theme Proin montes! Mus sit nec sit in massa lundium turpis eros nisi pulvinar quis a nec, integer porta ut magna pellentesque, purus a turpis rhoncus quis porta pulvinar eu porta pulvinar! Et magna egestas eu rhoncus adipiscing egestas, tincidunt ut! Ac duis, in turpis pid ac nisi mattis turpis porttitor, sociis cum arcu? Massa etiam mus! Adipiscing eu, tempor mauris risus aenean placerat enim elementum est, ridiculus et ac augue platea augue sed urna urna parturient sed. Tincidunt, etiam tempor magna cum vut porta amet tincidunt, quis odio integer ultricies, odio aliquet adipiscing nisi ac habitasse, pid lorem lorem penatibus pulvinar in. Trends in interactive design 2013
40 great examples of parallax scrolling websites Today's advanced web technologies make it possible to create remarkable effects in the browser. While these effects can be gimmicky, when employed in the right way they can result in a distinctive and memorable website. One fairly recent web design trend is parallax scrolling, which involves the background moving at a slower rate to the foreground, creating a 3D effect as you scroll down the page. But to show how it should be done, we've collected together sites that employ the technique to good effect. The 41 greatest free web fonts 01. A-dam designs original boxer briefs and shorts for men with character, using GOTS-certified organic cotton and hand-made by people with fair wages and normal working hours. 02. Myriad is a range of modular office furniture by Boss Design that's designed to be flexible and reconfigurable, allowing you to build your own working spaces as you see fit. 03. Choose a website builder: 16 top tools 04. 05. 06. 07. 08. 09. 10. 11. 12. 13. 14. 15. 16. 17. 18.
Text Opening Sequence with CSS Animations A simple and fun text opening sequence effect with blurry letters using CSS animations. View demo Download source Today I want to show you how to create a fun little typography effect with CSS animations and text shadows. The idea is to blur text and make it appear with a rotation while animating the space between the letters. So, let’s do it. Please note: this is highly experimental and only works as intended in browsers that support the respective CSS properties. The idea is to have a couple of sentences fade in with the aforementioned effect, so we’ll want to wrap every appearing bit into an h2: <div class="os-phrases"><h2>Sometimes it's better</h2><h2>to hide</h2><h2>in order to</h2><h2>survive evil</h2><h2>Thanatos</h2><h2>This fall</h2><h2>Prepare</h2><h2>Refresh to replay</h2></div> Remember, this is just a experimental effect; let’s not be too strict with markup best practices :) $("#os-phrases > h2").lettering('words').children("span").lettering().children("span").lettering();
Free Wireframe Sketch Printable PDF Sheets These PDFs are perfect for anybody who does a lot of sketching on random sheets of paper. Included are 10 printable templates for website designs, and iPhone and iPad app mockups. Just print a few copies out on to either A4 or US Letter size paper and sketch away. The designs are proportional and use a grid of 32 pixel squares for guidance and straightforward translation to Photoshop or Fireworks etc. when you are finished. On each sheet there’s space for your job title, project name, designer name and notes. Included in the package are A4 and US Letter size PDFs of the following 10 variations: Web - 1 Screen - GuidesWeb - 1 Screen - BlankWeb - 4 Screens - GuidesWeb - 4 Screens - BlankiPhone - 3 Screens - BlankiPhone - 10 Screens - BlankiPad - 1 Screen - GuidesiPad- 1 Screen - BlankiPad - 4 Screens - GuidesiPad - 4 Screens - Blank Free License Feel free to download and use this item for both personal and commercial projects with attribution back to MediaLoot.
Square UI Free - User Interface Kit Today, we are pleased to share a new and beautiful UI Kit for designers featuring the flat design trend. Square UI is our latest PSD User Interface Pack including a set of beautiful and pure components, which you can use to create startup projects, websites or iOS apps. We love the latest flat design trend, and Square UI is made exactly in that style. The best part? All components are made in Shape Layers, so Square UI Free is ready for Retina Display. We create many free UI Kits, and with every new release they become more beautiful and with expanded features. We hope you will enjoy this new product, and if you use it, do not forget to share your projects with us. ANNOUNCEMENT! Download Square UI Free On your email was sent a letter Simply click on the link in the email and you will get access to the hidden content!