background preloader

50 Free and Premium Attractive User Interface Design Kits

50 Free and Premium Attractive User Interface Design Kits
Designing a website is a time consuming task. This is especially true if you start from scratch and create every element that you want to put on your web project. Good thing there are user interface design (UI) kits. UI kits allow you to prototype your conceptual ideas and develop them until you arrive at the final web design setup your client needs. So here, we are sharing with you some user interface design kits that will prove useful in every web designing project you want to undertake. Disclosure: Please note that some of the links below are affiliate links and I will earn a commission if you purchase through those links (at no extra cost to you). Advertisement Index You can use this article index to quickly jump to the type of Interface Design Kits you need. Free User Interface Design Kits Minimalistic UI Google Plus inspired UI. Free User Interface Kit by Design Moo Moonify UI Moonify UI is a detailed PSD containing over 60 elements, all well organized and easily editable. Black UI Kit

Vintage political posters Here is a selection of old Japanese posters featuring political, social and environmental messages. Sheltered Weaklings (Takashi Kono, 1953) [+] Anti-pollution poster (Kenji Ito, 1973) Against the introduction of nuclear weapons into Japan (Kinkichi Takahashi, 1960s) Anti-war poster (Kenji Iwasaki, 1960s) [+] // Give Us Back Man (Tsunehisa Kimura, 1969) [+] Poster for exhibit in support of Vietnamese women and children (Makoto Wada, 1968) "Not what I had in mind" (Tsunehisa Kimura, 1968) Posters by Shigeo Fukuda Environmental pollution (Shigeo Fukuda, 1973) Victory (Shigeo Fukuda, 1989) [+] // [+] Remembering for the Future (Shigeo Fukuda, 1989) Human rights (Shigeo Fukuda, 1989) Hiroshima-Nagasaki 50 (Mamoru Suzuki, 1995) [+] // [+] Hiroshima Appeals (Yusaku Kamekura, 1983) [+] Peace in Jungle (Gan Hosoya, 1968) Goodbye whale (Mamoru Suzuki, 1994) No More War (Kazumasa Nagai, 1970) Human Rights - Living Together (Kazumasa Nagai, 1989) Peace (Kazumasa Nagai, 1989)

49 Nice And Creative Error 404 Pages Whether you have a broken link on your site or your visitors happened to come from a site that incorrectly hyperlinked your site; they are likely to land on a error page. If this error page is properly handled, the visitor will be reading a Error 404 page. Seeing things from a visitor’s point of view, when a hyperlink is clicked, it’s expected to return results of related information. And if it turned out to be an error page, it’s disappointing, sometimes frustrating too. So for a web designer or developer, though sometimes you cannot control the cause of error page, but you can minimize the damages by using a custom Error 404 page. Gathered from: Pingdom, Smashing Magazine, CNN, 404errorpages and a lot of Google searches. Author: Hongkiat Lim

25 Awesome Tools for Choosing a Website Color Scheme 25 Awesome Tools for Choosing a Website Color Scheme As a designer, color management should be an integral part of your workflow. A website’s color scheme helps shape its identity and therefore should not be carelessly thrown together. Online Tools There are simply a ton of free color tools available on the web. Kuler Kuler is one of the best free online color scheme creation tools out there and my personal favorite. Color Scheme Designer Color Scheme Designer has a beautiful interface that helps you create beautiful color schemes in seconds. colorblind simulation is built in so you can ensure usability will be optimized for all users. Colour Lovers An online community where color aficionados can create, share and browse color schemes. Pictaculous The guys at MailChimp created this excellent free service. Color Spire A simpler, no frills interface that helps you build a five swatch color scheme. Daily Color Scheme Every day brings a new featured color scheme. Instant Color Schemes Color Explorer

40+ Vintage and Retro Photoshop Actions 499 shares 10 Places to Get Photoshop Actions Delivering high quality images is something every designer should worry about, especially with images being such an important part of a design. To help you with this task, we’ve rounded up ten places where you can get some really useful Photoshop actions to enhance your images. We have some premium resources and also some free,… Read More 1523 shares 20 Excellent Examples of Photo Manipulation Photo manipulations are fun to create and fun to look at. Pajs Home: Cryptography: JavaScript MD5 MD5 is a secure hash algorithm. It takes a string as input, and produces a 128-bit number, the hash. The same string always produces the same hash, but given a hash, it is not generally possible to determine the original string. This site has a JavaScript implementation of MD5, and some other secure hash algorithms. Protecting Passwords Without protection, passwords are vulnerable to network sniffing. Generating Passwords Most people have accounts on many different web sites. Self-Decrypting Pages Internet email messages are vulnerable to interception and generally considered unsuitable for confidential communication. Demonstration hex_md5("message digest") = "f96b697d7cb7938d525a2f31aaf161d0"hex_sha1("160-bit hash") = "90d925d853c3d35cd54070bb75280fefad9de9e7" More Information Scripts Download the scripts, see information about their history and future plans, and links to other resources. more... Instructions How to use the scripts to calculate hashes. more... Advanced Authentication Other Uses

25 New Illustrator Tutorials That Will Make You A Master Of Vector Art Just because you can usually get a similar effect in Photoshop doesn’t mean the end result will be as good as using Illustrator (depending on the project). If you are like me (and I will bet most of you are) you will go ahead and use PS because you know it much better even though the final project will not be as good or as functional as it could be. Well it’s time to buck up and get this learning curve completely out of the way so you make the right choice next time. Below are some sweet Illustrator tuts that will leave you in vector heaven once your done. Adobe Photoshop is one of the most popular photo editing programs that has ever been created. This tutorial teaches you how to make a portrait of William Shakespeare in Illustrator using text. Article Link Advertisement A very interesting tutorial, from Design Instruct, that takes you behind the scenes and shows you the illustration process from start to finish. Article Link Article Link Article Link Article Link Article Link Article Link

Hackasaurus Look ahead Learn all about Firefox OS » Welcome to Webmaker! That username is taken You must choose a username Invalid username. You must agree to our terms and conditions. X-Ray Goggles Remix and share web pages instantly Activate X-Ray Goggles See how Goggles work by swapping an image Copy this image URL (highlight the text below, right-click, then copy the link) The URL you just copied links to a new image! Share your remix When you're ready to share your remixed page, click the Publish button or press P on your keyboard. Help If you need help, make sure the X-Ray Goggles are activated, then press H on your keyboard. Remix any webpage! You can take X-Ray Goggles with you anywhere on the web: Make sure your web browser's bookmarks bar is enabled. Now visit any website on the internet.

The Shapes of CSS Learn Development at Frontend Masters CSS is capable of making all sorts of shapes. Squares and rectangles are easy, as they are the natural shapes of the web. Add a width and height and you have the exact size rectangle you need. We also get the ::before and ::after pseudo elements in CSS, which give us the potential of two more shapes we can add to the original element. Square Rectangle Circle Oval Triangle Up Triangle Down Triangle Left Triangle Right Triangle Top Left Triangle Top Right Triangle Bottom Left Triangle Bottom Right Curved Tail Arrow via Ando Razafimandimby Trapezoid Parallelogram Star (6-points) Star (5-points) via Kit MacAllister Pentagon Hexagon Octagon Heart via Nicolas Gallagher Infinity via Nicolas Gallagher Diamond Square via Joseph Silber Diamond Shield via Joseph Silber Diamond Narrow via Joseph Silber Cut Diamond via Alexander Futekov Egg Pac-Man Talk Bubble RSS Feed via Kevin Huff 12 Point Burst via Alan Johnson 8 Point Burst via Alan Johnson Yin Yang via Alexander Futekov TV Screen Lock

The Best PCs You Can Build for $600 and $1200 - StumbleUpon We’ve walked you through building your own computer before. In this post—which we’ll update periodically as prices and components change—we’ll walk you through the hardware we’ll need for three different system builds: a budget workstation, a powerful all-purpose PC, and an enthusiast’s system for gamers and professionals. While some consider the desktop a dead platform, there are still plenty of us who use them as much as or in addition to laptops or tablets, love to play PC games, or just enjoy getting our hands dirty and building our own systems. We’ve talked about our own experiences building a system, why it’s important, and some awesome tips for first-timers already. Update - December 2016 : Again, it’s been too long since our last update. That said, other component pricing isn’t likely to shift much just yet, and there are plenty of deals to be had, especially heading during the holiday shopping season.

User Preferences: Tech Q&A With Vector Artist Nicola Felaco Each week we chat about the tools of the trade with one outstanding creative to find out exactly how they do what they do. The questions are always the same, the answers, not so much. This week: Nicola Felaco. The Creators Project: Who are you and what do you do?Nicola Felaco: My name is Nicola Felaco. I was born in Aversa, but have lived almost all of my life in Naples. Since the days of 56k modems, I have been passionate about web design and I now work as art director at a web agency for major international brands such as Ferrari, Ducati, Abarth, Moleskine, Alitalia, Lotus, Maybach, and more. Furthermore, I’m pursuing personal projects through my website where I publish my illustrations. Sonic the Hedgehog Superman What kind of hardware to you use? Thom Yorke What kind of software do you use? Giorgio Moroder What piece of equipment can you simply not live without? David Bowie If money were no object, how would you change your current set up? Kraftwerk My Girl Is Anarchy-tect Judith

Carlos Aguilar Mares Home Page 40 Online Generators for Web Designers Should Bookmark Online Generators for Web Designers can be a great way to save time in your web design projects. High-quality generators can create graphics or code or even layouts in a matter of seconds or minutes, things that might take an hour or more if done by hand. Online generator are those tools that help us to create those popular “XHTML valid” CSS banners, micro buttons or css website templates in seconds. Advertisement 1. XML /SWF charts are used to create attractive graphs and charts from XML data, Create a source either manually or generate dynamically then pass it to the XML chart’s flash file. 2. The web form generator from Web Form Factory automatically generates he necessary backend code to tie your form to a database. 3. Typetester is used to compare three different type of fonts on screen making your designing job easier , Just specify the specifications and compare them 4. 256 Pixels 5. 80 x 15 brilliant Button Maker 6. 7. 8. 9. 10. 11. 12. 13. pForm pForm is a free HTML form builder.

Related: