background preloader

Free Icons Set designed by Brankic1979 - Free psd

Free Icons Set designed by Brankic1979 - Free psd
Brankic1979 About icons A set of 350 pixel perfect glyphs icons, perfect for apps, websites or just about anything you can think of. You may use this icon set for both personal and commercial use, which means this resource can be used in any project without worrying about licensing. But you may NOT distribute our icon set elsewhere without our consent. Some basics We do the best to provide high-quality source of PSDs that are free for both personal and commercial use. Spread the word Download! Related:  Buttons / icons

ySocial jQuery plugin | Class.PM ClassySocial is a jQuery plugin that lets your site visitors easily see what networks you belong to and visit them in a click of a button. Currently supports Facebook, Twitter, GitHub, Dribbble, Socl, Youtube, Vimeo, Google Plus, Pinterest, LinkedIn, Instagram and e-mail. Allow your users to see your presence on 11 of the most popular networks instantly with no need for a knowledge of coding! Have links to your Facebook, Twitter, GitHub, Vimeo, Dribbble, Instagram, YouTube (and more!) profiles shown in a slick way, sure to impress your users. Includes functionality to use your current Facebook image as the button that users press to draw out the network buttons, with automatic updating, pulled straight from Facebook! Instructions First you need to include the jQuery library, since ClassySocial is a plugin. Secondly, you need to include the jQuery ClassySocial javascript and the CSS file, which you can do it by adding the code below to your page. Options Demo Versions

Basic Tag Cloud OOP AS 3.0 - 3. TagCloud - Flash Tutorials - Flash Components This class generates the cloud tag based on the tags inside the array that we've filled it with some words. The workflow of this class is as follows. And array is filled with words then we count the number of words ( without the repeating ones ). Based on the count we are creating our tags. An observation has to be made regarding the size of the tag. Once we've created the tag we are placing it on the scene. To see how the code behaves just press CTRL+Enter and test the movie. Thanks for checking out this tutorial and hope you found it useful an easy to follow. Visit my portfolio to see what else I'm working on. Techload

A simple guide to 9-patch for Android UI | @radley While I was working on my first Android app, I found 9-patch (aka 9.png) to be confusing and poorly documented. After a little while, I finally picked up on how it works and decided to throw together something to help others figure it out. Basically, 9-patch uses png transparency to do an advanced form of 9-slice or scale9. The guides are straight, 1-pixel black lines drawn on the edge of your image that define the scaling and fill of your image. By naming your image file name.9.png, Android will recognize the 9.png format and use the black guides to scale and fill your bitmaps. Here’s a basic guide map: As you can see, you have guides on each side of your image. The black guide lines are cut-off/removed from your image – they won’t show in the app. Your guides must be solid black (#000000). Also you should keep in mind that remaining area of the one-pixel outline must be completely transparent. *(updated 1/2012) This is actually a “fix” in the latest dev kit.

Fresh Free High-Quality Icon Sets Advertisement The most important aspect of designing an individual icon is that it has to be instantly recognizable, you have to know its function, and you need to know exactly what it is. If you are designing a set, the actual design becomes a lot harder, the designer has to face two initial challenges: each icon they design has to be individual and distinctive from the other, and, they also have to have similar features to show that they are related, completing the set. Not an easy task. Perhaps that is why we love those small indispensible graphical images so much, it’s an appreciation of the hard work, creativity and talent of the designer. In this post we present a round-up of fresh high-quality icons that are available for free download and (sometimes only for personal) use. You may be interested in the following related posts: e-Commerce Icons Money Back Guarantee Icon Set3 (registration is required)100 % Money Back Guarantee Vector Icon Set. Open Source Icons – (37signals)4 Token21

Learn Web Development Learn how to use the best web design tools on the market plus increase your web design income to $125 (or more) per hour. I often talk about LearnWebDevelopment.com and their unique training program for freelance web designers who want to increase their hourly rate without going back to college. Unlike other web design training companies that throw tutorials at you hoping something sticks, LearnWebDevelopment.com’s approach is different. Now, I’ve partnered with them to give you a free look at what their popular Successful Web Designer membership can do for you. Here’s what others have said about LearnWebDevelopment.com’s training programs: “In the past 3 months I have generated more than $12,500 in new business, have more than that proposed or quoted and I am currently seeking another person to join me as I have more than I can handle comfortably.” – Roger Bingham “Wow – there is a world of difference. Note: I only promote products I truly believe in. • No commitment.

Arrow Navigation Styles Some inspiration for arrow navigation styles and hover effects using SVG icons for the arrows, and CSS transitions and animations for the effects. View demo Download source Today we’d like to share some inspiration for arrow navigation styles with you. These effects are for your inspiration. The images used in the demo are by Joanna Kustra, Idleformat and Andrey Yakovlev & Lili Aleeva. One of the effects, the Slit effect, is inspired by the cool effect from Jam3’s work navigation. An example for one of the style is the following: The arrows are SVGs which we include using the technique described by Oleg Solomka in his article SVG Icons FTW. The CSS is the following for this example: Note that we have some common styles that will center the navigation anchor in the container. Here are a couple of the styles: We hope you enjoyed these styles and find them inspiring!

How To Create A Static Tag Cloud? Tag Clouds, which has a positive seo effect for websites + increases the usability of websites in many cases are normally generated dynamically. You may want to create a static tag cloud or see the keyword density of a website – file – text input as a tag cloud. TagCrowd TagCrowd is a web-based service which visualizes the keyword density of an input as a tag cloud (text cloud – including the css & html). Here is the tag cloud of WebResourcesDepot homepage: Supported Inputs: website url addresstext filetext itself Tag Cloud Generator Tag Cloud Generator can call tags from an URL address or tags can be mentioned manually to create the static tag cloud website url addresstext itself Tag Cloud Generator has an easy to use interface with font size, color & other customization options. tagCloud.de tagCloud.de is aslo a simple to use tag cloud generator offering less customaziton options. Rainmaker This tag cloud generator has a handy option which lets you exclude the words you want.

Android Holo themes with backwards compatibility | ChilisApps The Android platform provides a nice feature for app developers called themes. Themes allow developers to change the appearance of activities or the whole application easily. Developers can choose from themes like full-screen or no title bar, as well as ones that change the application from a dark to a light appearance. Lets take a look at an example of the problem and then I’ll explain an easy fix. I can’t simply change to the new holo theme as follows because it will break compatibilty with 1.X and 2.X phones: Luckily there is an easy solution to this problem! Your application will already have a values folder in its res directory, we can add a new one called values-v11. You will need to start by creating a themes.xml file in the values folder and add the following text: What we have done here is created three custom themes called Theme.Default, Theme.NoTitle and Theme.FullScreen and used the standard android themes as the parents. We’re all done.

How About Orange Here's a look at our upstairs guest bathroom. Last night I covered an accent wall with removable wallpaper. I love it! This bathroom has a peculiar layout. The kind folks at Walls Need Love sent the product to review. Like the Sunburst wallpaper I designed last year, this paper is essentially a giant self-adhesive wall decal, and it's easily to peel off and reposition. I measured the wall and cut a length of paper that would leave a little extra overhang at the bottom. After a couple tries I had it, and then it was just a matter of peeling off the backing paper gradually while smoothing down the paper with the tool provided. I cut another piece to place next to the first panel, overlapping the seam by a quarter inch to match the pattern. Then with a craft knife and straight edge, I trimmed off any overhang that wrapped onto the adjacent walls and baseboard. This stuff is really forgiving if you accidentally get it stuck to itself.

Creative Button Styles From our sponsor: Create spectacular WordPress sites with ease. Today we would like to give you some button inspiration. This button set consists of some simple, creative and subtle styles and effects to inspire you. The effects can be seen when hovering on some buttons and clicking on others. Mostly, CSS transitions are used but also CSS animations and for some buttons we use a bit of JavaScript to add/remove effect classes. The icons, which we add using the :before (and sometimes :after) pseudo-class, are from IcoMoon and we’ve created them with the IcoMoon app. Please note: this only works as intended in browsers that support the respective CSS properties. The markup of a button is really simple. <button class="btn btn-6 btn-6d">Button</button> The common styles for all the buttons are some resets defined in .btn and we use the specific numbered classes for the different sets of styles. An example for a specific button style is the following:

Related: