はてなブックマーク

This week's freebie is a set of 50 beautiful button styles for Photoshop. Each preset has been specifically designed to work well with any base colour. All you have to do is draw your button shape, choose a colour and then click on one of the 50 included styles. These styles work best on dark to medium backgrounds, and may require some tweaking on light backgrounds. This set is perfect for creatin

This week's freebie is a set of 50 arrow shapes for web and graphic design. Each one has been designed in Adobe Illustrator and is supplied in various vector formats, and also for added convenience we've also included them as Photoshop Custom Shapes (.csh). Free License Feel free to download and use this item for both personal and commercial projects with attribution back to MediaLoot. Please note

Short and sweet, yet fun and unique. These sites have a great selection of photos, info, and super cool interface all wrapped up in a single page. Bellow is a collection of some of my favorite awesome one-pagers, check them out! Unique Interface Designs Los Morochos de la Usina Super creative and entertaining, filled with fun animated details. I especially like the effects connected with mouse mov

by Tony Thomas December 08, 2011 Blog, Tutorials Comments Tony creates pixel-perfect UI kits & icons. His pug, Wednesday, is Medialoot's beloved mascot. In this tutorial we will show you how it's possible to create a detailed, fully scalable web button, using just one layer in Fireworks. This was originally an experiment with styles and Live Filters (Layer Styles), to see what is achievable. The b

by Tony Thomas February 16, 2011 Blog, Articles Comments Tony creates pixel-perfect UI kits & icons. His pug, Wednesday, is Medialoot's beloved mascot. Let's face it, it's difficult to keep up with all of the new coding languages. Despite that difficulty, and the fact that some of these standards aren't even finalized, there's still a lot of pressure for designers to start using HTML5. The purpose

These PDFs are perfect for anybody who does a lot of sketching on random sheets of paper. Included are 6 printable templates for website designs, Apple Watch, and iPhone or iPad app mockups. Just print a few copies out on to US Letter size paper and sketch away. On each sheet there's space for your project name, designer name, date and notes. There are also guides to indicate common widths on the

by Tony Thomas July 27, 2011 Blog, Roundups Comments Tony creates pixel-perfect UI kits & icons. His pug, Wednesday, is Medialoot's beloved mascot. The only list you'll ever need Resources are a designers best friend. They help you save time in your daily workflow and provide inspiration for projects, there are a huge plethora of resources on the web for designers, from pixel perfect Photoshop web

by Tony Thomas June 09, 2011 Blog, Tutorials Comments Tony creates pixel-perfect UI kits & icons. His pug, Wednesday, is Medialoot's beloved mascot. Welcome to the first instalment of this 2 part tutorial in which we will be creating a clean, crisp website homepage design from scratch using Adobe Fireworks, and then coding it with HTML5 and CSS3 in part 2 next week. What You'll Need Some of the el

This set of web and user interface design elements has been hand-crafted just for MediaLoot, it contains many of the common web and app design elements you need to craft a beautiful user experience. And as you have probably guessed, this set has a wooden theme so expect to find plenty of wood buttons, wood switches, wood tabs, wood sliders, wood checkboxes, wood... well, you get the picture! Each

This build-your-own iPhone icon kit comes complete with 20 sample vector icons and various backgrounds for hundreds of possible combinations. Using vector shape layers for easy customization, and Smart Objects for automatic updating of icon sizes, this kit makes it a breeze to create your own high quality quality, gorgeous iPhone, iPad and iOS 7 application icons. Update July 10 2013: iOS 7 ready

The lightweight, responsive HTML5 and CSS3 template for your admin panel This free HTML5 + CSS3 admin area template was created specifically for application and theme developers who want more out of their admin dashboard. Forget using a basic admin template, this lightweight theme comes with everything you need for your backend administration pane and nothing that you don't. Live Preview → Feature

Web UI sets have been around for ages, but this takes things a step further. This free UI Kit is coded by hand using HTML5 and CSS3 so you can easily drop these elements into any project you're working on. This code is made to take advantage of modern browsers and to degrade gracefully in older versions of internet explorer, so no matter what your client or visitor is using they will be see an exc

This complete UI kit for Sketch app features tonnes of interface elements including navigation menus, image sliders, buttons and checkboxes, pricing tables, graphs and much more. This pack is a great way to kickstart your next web or mobile app design project with Sketch app. Please note that no Photoshop or Illustrator compatible files are included with this download, you must have Sketch version