はてなブックマーク

by Tony Thomas August 06, 2014 Blog, Tutorials Comments Tony creates pixel-perfect UI kits & icons. His pug, Wednesday, is Medialoot's beloved mascot. It's pretty easy and doesn't take too long This tutorial has been created to guide you through the process of converting one of our most popular PSD homepage templates on Medialoot into fully coded HTML and CSS. What We're Coding Let's take a look a

by Tony Thomas March 11, 2014 Blog, Tutorials Comments Tony creates pixel-perfect UI kits & icons. His pug, Wednesday, is Medialoot's beloved mascot. In this Photoshop tutorial I will demonstrate how to quickly and easily create a live background blur effect, like the one that is used in iOS 7. It only takes a few steps and once you know how to do it, you can use it any of your designs! Step 1 Beg

This pack includes design templates for creating your own custom Facebook timeline covers, profile images for Twitter, Google+, LinkedIn and Youtube channel art. This is the only package you need to download when you're designing a custom brand for your social media accounts! Update - Jan 6, 2017 Added new template for Facebook Pages, updated LinkedIn and Google+ profile templates to new styles an

by Tony Thomas July 08, 2014 Blog, Tutorials Comments Tony creates pixel-perfect UI kits & icons. His pug, Wednesday, is Medialoot's beloved mascot. Learn how to use filters, smart objects and adjustment layers in Photoshop to convert a photograph into a unique abstract mosaic effect. Perfect for making custom wallpapers for your devices or desktop. Introduction This effect is created in 3 stages

by Jenn Coyle July 15, 2014 Blog, Tutorials Comments You can find Jenn doodling and blogging, drinking beer, or running around Philly. Go ahead and jump right in Let's face it, writing web applications is hard. Battling to make a functional front-end is one of the biggest pain points. AngularJS eases this pain. The learning curve may be steep, but we'll break down the complexities in plain English

by Tony Thomas February 12, 2014 Blog, Tutorials Comments Tony creates pixel-perfect UI kits & icons. His pug, Wednesday, is Medialoot's beloved mascot. In this guide aimed at Photoshop users contemplating a switch to Bohemian Coding's Sketch, I will go into some of the key features that Sketch has to offer, their functionality and the advantages that a Sketch workflow has over Photoshop, and also

These rice paper textures are completely seamless and make beautiful subtle background patterns. Included are 12 unique images in .jpg format and Photoshop pattern presets. If you are looking for subtle recycled or craft paper style backgrounds then this is the set for you, and it's free to download! Update Aug 3, 2018 Due to popular request, we have updated this set to include higher resolution v

Sketch is becoming a great tool for UI designers and a valid competitor to Adobe products for what concerns user interface design. This is why we decided to put together a UI kit for Sketch users. The set included standard elements like navigation bar, tooltips, buttons slides etc. It's a good starting point for your next project! Besides the kit is super easy to customize due to Sketch "Link" fea

UI Style Guide By using UI Style Guides, we can separate the visual language of a website from the structure. Something which is often difficult for clients to do when they are presented with a complete mock-up. It becomes possible to make quick and easy changes to the layout without needing to worry about the styling. And likewise if the client wants to make changes to the visual language, it can

Today we share a set of 48 free vector icons, created in Photoshop using vector shapes only. These icons are super easy to customize and can be scaled at any size to fit your project. Style follows the current flat trend. Enjoy! Free License Feel free to download and use this item for both personal and commercial projects with attribution back to MediaLoot. Please note: Attribution is required for

Start designing iOS apps today with this comprehensive GUI kit for Photoshop. Absolutely every element you see is 100% vector and completely editable! Update: Sept 11 2013 This kit is now based on the official release of iOS 7. Free License Feel free to download and use this item for both personal and commercial projects with attribution back to MediaLoot. Please note: Attribution is required for

Completely vector mock-ups of the new iPhone 5S, including White, Space Gray and new Gold colors. Intended for use by designers to mock-up their user interfaces. It also includes Smart Objects for adding your own screenshots to the phones. In the pack is one .psd file with all 3 versions of the iPhone 5S. Free License Feel free to download and use this item for both personal and commercial project

Important Information We are aware that the plug-in extension is not working for some users. For those affected, we now also include a set of actions which will produce the same results without needing to install the panel. Description This week's freebie is also our first Photoshop plug-in! The plug-in allow you to create a halftone effect using any image in a single click.This halftone pattern g

This week's freebie is Retro, a premium quality theme for the jQuery UI library. This theme far exceeds anything that can be built with ThemeRoller and uses modern CSS3 techniques. jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. This kit includes HTML and CSS and JQuery files, and is a gorgeous flat and retro st

by Tony Thomas May 12, 2011 Blog, Tutorials Comments Tony creates pixel-perfect UI kits & icons. His pug, Wednesday, is Medialoot's beloved mascot. Pixels are not what most designers are thinking about when they launch Adobe Illustrator, but there are some pretty awesome things Illustrator can do with them. By default Illustrator is set up to be a resolution independent vector drawing and print la

This freebie is another update to our huge collection of screen mockups for your responsive designs. The included Photoshop .psd file uses Smart Objects to place your design screenshots onto the showcase displays. The pack includes 4 modern devices in a simple layout to get you started, but we encourage you to move things around and create your own! Update - Jan 23 2020 This resource has been comp

If you like to wireframe and mock-up your designs in Photoshop, or refine your hand-sketched drawings on screen before showing to clients, then this kit will be ideal for you. The set contains over 60 of the most popular elements in web design. And each element has been created from scratch with Shape Layers, meaning that the whole kit is 100% scalable, and super-easy to edit. Who ever said that b

Suffer at the hands of boring bullet points no more! This resource is a collection mini arrows and bullet points. They are supplied in various vector formats for dropping into your designs, and for premium Medialoot members we have also included a handy desktop font and @font-face kit for using these bullets on the web. What's Included For Free? Free and non-members will be able to download the fr

This week's freebie is AppView, a beautiful iPhone app UI template. AppView has been designed to be suitable for almost all app types. It compliments the default Apple style, whilst maintaining it's own sleek uniqueness. Included is a 100% vector, layered and fully organized .psd file. Members also get a sample Xcode project with the entire interface coded, exported and ready to run (more info bel

This resource is an update to our classic free vector map location pins set, we have prettified the pins and make them generally much more useable and in line with modern trends. If you're looking for custom pins for maps you really can't go wrong with this set! Inside the main .psd file you will find 32 designs in total, and the .psd file is also supplied in blue, green, magenta, red and yellow v