In these days we’re seeing many dribbblers posting some creative Twitter cards. Sometimes, they attach a free PSD too. Widget made by Gil.
The post Twitter card free PSD widget appeared first on Freebiesbug.
Twitter card free PSD widget
Friday, November 30, 2012
CSS3 Metro testimonial slider
Do you remember Metro testimonial PSD? Well Sara Soueidan has coded it creating an awesome CSS3-only snippet called CSS3 testimonial slider.
The post CSS3 Metro testimonial slider appeared first on Freebiesbug.
CSS3 Metro testimonial slider
Metrostyle Web UI kit free PSD
Metrostyle Web UI is a modern interface that adapts to any web using standard components and its 5 different color combinations. Free PSD.
The post Metrostyle Web UI kit free PSD appeared first on Freebiesbug.
Metrostyle Web UI kit free PSD
[Giveaway] 5x Pixa – Awesome Image Organizer For Designers
Want to find an even faster way to find and share images straight from your folder with friends, clients or peers over the Web? Bugged by seeing your screenshots all over the place? There should be a single app that lets us organize all our different file formats under the same roof and we’re sure you’d like to stop guessing or memorizing color hex code just to get the color just right.
Pixa is here to give you all that. Pixa is a powerful image organizer that can help you keep your images and designs organized, and easily searchable. It also has a few tricks up its sleeves that will bring a smile even to a designer on a 24-hour deadline.
And in today’s giveaway, we are giving away 5 copies of Pixa, courtesy of Shiny Frog.
Here are ten features we like:
- Retina ready
- Hashtag search
- Supports bulk renaming
- Pixa autotags info (like color, text and size) for you
- Metatags make item searches swift, fast and accurate
- Preset your regular templates as a ready-made template
- Build your own Libraries to separate work from pleasure
- Sharing available on social networks and Cloud storage
- Loupe tool lets you pick out and copy colors, pixel by pixel
- Gives you a few quick formats your work can be exported, with just one click.
And we’re just warming up. To win yourself any one of the 5 copies that is going out in this giveaway, follow the instructions below.
How to Enter
Using the Rafflecopter widget below, or click here.
- Login via your Facebook account / Email Address.
- Like Us on Facebook (if you aren’t already a fan)
Find out how else you can earn entries (and a higher chance of winning) in the widget. [More info]
Contest ends 7th December 2012. Good luck!
Related posts:
- Useful Eyedroppers (Color Pickers) For Designers – Best Of
- How to Customize Mac’s Folder Icon With Any Image [Quicktip]
- Desktop File & Image Sharing Tools – Best of
- 65 Useful Android Apps for Designers
[Giveaway] 5x Pixa – Awesome Image Organizer For Designers
Realistic dark TV monitor PSD
Realistic dark TV monitor free PSD mockup. You can change the background image and glowing color button for the color you want.
The post Realistic dark TV monitor PSD appeared first on Freebiesbug.
Realistic dark TV monitor PSD
Free Download: Web Icon Set
Today we have a free set of 16 stylish web icons! The icons come in vector format (.ai and .eps files) so you can resize them as needed without losing quality. The set includes a variety of the most commonly used icons for web design.
Like our other freebies, this set of icons can be used in your own personal and commercial projects.
Download the icons (1.5 MB zip file)
About the Designer:
This Icon set is designed by Jennifer Ivy. She works at CouponAudit as a designer, where thousands of valid and working online coupons are available for different stores.
Free Download: Web Icon Set
Thursday, November 29, 2012
Skybox free homepage PSD
Today elemisfreebies gives away the free homepage PSD of Skybox – Responsive Multipurpose WordPress Theme. A free PSD you can’t miss!
The post Skybox free homepage PSD appeared first on Freebiesbug.
Skybox free homepage PSD
Dark rounded social buttons PSD
Dark rounded social buttons for dribbble, facebook and twitter. Free PSD designed by Jeremy Goldberg.
The post Dark rounded social buttons PSD appeared first on Freebiesbug.
Dark rounded social buttons PSD
Manage Your To-Do Lists Across Multiple Devices With Any.DO
Conventional to-do list apps or programs most of the time work only on one device. If you have an Android phone and work with an iPad, you’ll have to use 2 separate apps or find a way around the OS differences. Imagine if you had 1 app that worked on all platforms, and on top of that works on your desktop browser (Google Chrome) too!
Well Any.DO has created that for you, and it is free with no limitations unlike other apps which asks you to purchase the ‘pro’ app to unlock certain features. The app uses a simple and uncluttered design which makes it really attractive, supports speech detection in multiple languages, and syncs simultaneously across multiple platforms.
Getting Started With Any.DO
Before we get started, download Any.DO onto your devices. Any.DO is available on the iOS, Android and even as a Google Chrome extension.
Register an account via email or Facebook login. Registration is needed if you want to sync your data across multiple devices. We’ll show you the rounds as we see it on the iPhone. Settings and features may differ on Android.
1. Adding Items
To begin adding one of your own to-do Tasks, pull down the main screen and start typing. While you type, it gives you other keywords and sometimes even ‘finishes up’ your words for you. Merely Typing "Wash" shows suggestions of possible things you could wash, say, your car, the dishes or your clothes or laundry.
Entries can also be added with Voice by tapping the microphone icon. Dictate your Tasks with ease as its Voice recognition works quite accurately. This is great for making notes while your hands aren’t free.
2. Organizing Items
To help you be more organized, Any.DO lets you organize to-do lists based on Category: ‘Personal’ or ‘Work’ and based on a (due) Date: ‘Today’, ‘Tomorrow’, ‘This Week’ or ‘Later’. By default, new Tasks go into the Personal category (for reference purposs, on Android, they are called Folders).
The categories can be expanded when you tap on them. You can also rearrange the Tasks with a long press then dragging it to another category or date. To create a new category, tap on New category to add a new folder. On Android, creating a new Folder is accessible via Settings > Folders.
Quick Access
If your Task happens to have the words ‘Call’, ‘Email’ or ‘Text’ together with a name of someone on your contact list, you will see icons pop up next to each Task. The icons for Call, Mail and Message will give you quick access to your Contact List based on how you want to contact the person.
Tapping the icons allow you to call the person immediately, write up an email, or a message to send.
If you have more than one contact with the same name, it will give you an option to choose the which contact you want to interact with.
3. Removing Items
To remove an already completed task, all you have to do is swipe the task from left to right, undo this by swiping from right to left. To remove completed tasks, tap the circular X button or shake your device to remove all completed Tasks in one go.
You can view every removed task by tapping on ‘Done’ located in the ‘Settings’ menu. From there, you can completely remove past completed tasks or restore them by swiping from right to left.
4. Setting Reminders
To-do apps are pointless without reminders. On Any.Do, you can add reminders by tapping the Remind button or Bell icon when creating a task.
When setting the alarm for your to-do item, you can change the time and/or date (if needed), and set when it should notify you. You can be notified on the time set, or 5, 10, 30 minutes or 60 minutes prior to the set time.
More Cool Things You Can Do
Under ‘Badge’ in ‘Settings’, you can change the app badge settings to make it easier for you to determine the number of tasks you have to do, and customize it to show tasks in individual categories as well.
In landscape mode, you can view all your categories and tasks on the same page. You can then drag-and-drop Tasks from one Category to another, or change its due date. You can even access your iPhone calendar to check what other events are happening on those dates.
Any.DO on Chrome and Syncing
Syncing plays an important part for Any.DO as because users like you and want access to our to-do lists no matter which device we are on. Registering for an account allows you to sync your Tasks on any device you own but with the Google Chrome extension, they have taken things up a notch.
The interface looks pretty much like smartphone app with all them bells and whistles attached. When you are done with a task, just click on the Tick symbol to the left of the Task to clear it.
As the Google Chome extension also comes with Gmail integration, you get a great Remind Me button that helps you ‘clip’ emails you are working on and put it in your to-do list.
The task will appear on your list with a direct link to the email in your mailbox for fast access, great for those who work extensively with email.
Conclusion
The great minds behind Any.Do have pretty much thought of everything, including providing a light and night theme background.
All in all, Any.DO makes for a great app with a simple design; with its capabilities to sync on the iOS, Android and even Google Chome, you’ll be sure to never miss an important task ever again.
Related posts:
- Manage & Control Android Devices Wirelessly With AirDroid
- Google Handwrite: Scribble Your Searches on Touch Devices
- How to Remotely Access Mac From Your Tablet
- Manage Newsletter Subscriptions Smarter with unroll.me
Manage Your To-Do Lists Across Multiple Devices With Any.DO
CSS3 Repeating Gradients [CSS3 Tips]
There are many CSS3 features that change the way we decorate a website, one of which is CSS3 Gradients. Prior to CSS3, we definitely need images to create the gradient effect; now we are able to deliver the same (and better) effects by only using CSS
In our previous posts, we have discussed two types of gradients that can be achived with CSS3:
This time we are going to look into their sibling: repeating gradients.
Basic Repeating
Repeating Gradients is essentially an extension. The syntax is similar to how we define Radial and Linear gradients, only that as the name implies, it will also repeat the colors in a specified direction. To repeat linear gradients, we can use this function: repeating-linear-gradient, while to repeat radial or elliptical gradients we use this function: repeating-radial-gradient.
/*Linear*/
.gradient {
background: repeating-linear-gradient(0deg, #f9f9f9, #cccccc 20px);
}
/*Radial*/
.gradient {
background: repeating-radial-gradient(50% 50%, circle, #f9f9f9, #cccccc 20px);
}
There is not much difference for the rest on the code, except for the color repetition. Below is a simple illustration to describe how this color repetition works.
Although the image above only illustrates for repeating linear gradients, the basic idea also applies to radial gradients in which the colors will repeat infinitely, in this case, in any direction. Follow the link below to see the demo.
In the next section, we will show you how we can make use of CSS3 Repeating Gradients in real examples.
Example: Creating Patterns
The most common implementation of Repeating Gradients is to create background patterns. In this example, we are going to create simple vertical-stripe patterns.
.gradient {
background: repeating-linear-gradient(0deg, #f9f9f9, #f9f9f9 20px, #cccccc 20px, #cccccc 40px);
}
Notice how we define two different colors – #f9f9f9 and #cccccc – in the same spot, 20px. This example will sharpen the difference between these two colors and eliminate the fuzziness.
To direct the orientation we simply change the angle – 90deg will direct it horizontally while 45deg will direct it diagonally and so on.
Example: Creating Paperline
In this second example, we are going to create a paperline that you might often see in a notebook. To create this effect, we only need a div, no images, only CSS.
.gradient {
width: auto;
height: 500px;
margin: 0 50px;
background: -webkit-repeating-linear-gradient( -90deg, #f9f9f9, #f9f9f9 20px, #cccccc 21px);
background: -moz-repeating-linear-gradient( -90deg, #f9f9f9, #f9f9f9 20px, #cccccc 21px);
background: -o-repeating-linear-gradient( -90deg, #f9f9f9, #f9f9f9 20px, #cccccc 21px);
background: repeating-linear-gradient( -90deg, #f9f9f9, #f9f9f9 20px, #cccccc 21px);
background-size: 100% 21px;
}
Notice we also added CSS3 background-size property to specify the sizes of background images for 100%, 20px. Although CSS3 Gradients display ‘colors’, it’s actually categorized as image, not color.
Next, we will use :before pseudo-element to add a stripe on the left side of the paper.
.gradient:before {
content: "";
display: inline-block;
height: 500px;
width: 4px;
border-left: 4px double #FCA1A1;
position: relative;
left: 30px;
}
And we are done, it’s really simple right? We can now see them all in action from the links below.
Further Resources
Related posts:
- CSS3 Circular and Elliptical Gradients [CSS3 Tips]
- CSS3 Linear Gradients [CSS3 Tips]
- Coding a Graceful Breadcrumb Navigation Menu in CSS3
- CSS3 Border-Image Property: Making Photos Really Cool!
CSS3 Repeating Gradients [CSS3 Tips]
10 Futures of Mankind As Depicted in Video Games
The end is nigh! Well, at least that’s what the doomsday movies say about it. Prophecies about the end of the world has riddled our history hundreds of times before. Nuclear wars, the Rapture, comet collisions, the end of the Mayan calendar, predictions of doom and destruction by Nostradamus – these events sound like they come from stories, movies or video games.
(Image Source: Mass Effect 3)
In fact, some of the storylines that video games tell may even be worse, and today we are here to tell you 10 interesting video game stories that show us our alternative futures. To tell the stories, of course there will be some really cool game graphics showcased in.
So what is in store for mankind? What will be in our destiny? Nuclear warfare? Invading aliens? A mob of the walking dead? See the bleakness in our future on Earth as depicted in video games up ahead.
Recommended Reading: 35 Extraordinary “End Of The World” Inspired Artworks
1. Call of Duty: Modern Warfare
The peace we embrace today is perhaps an illusion if Modern Warfare had anything to say in our future. After the collapse of the Soviet Union, a russian named Zakhaev has utilized his wealth to form the Ultranationalist Party with rebel soldiers from the Soviet Army, and what he wants is to reunite the Soviet Union.
(Image Source: Call of Duty 4: Modern Warfare)
Meanwhile, the president of a Middle Eastern country is executed on live TV by the local separatist leader called Khaled Al-Asad. And a war is sparked between the US, Middle East and Russia. All sorts of modern weaponry optimized to kill the enemy were released into the battlefield.
(Image Source: Call of Duty: Modern Warfare 3)
Zakhaev was killed before he could use nuclear warheads to destroy the life of 41 million people, but that’s not the end of the story. One of his lieutenants named Makarov, decided to execute a fearful revenge by committing acts of terrorism for 5 years, and eventually igniting World War 3.
(Image Source: Call of Duty: Modern Warfare 3)
Between the wars of the series, all kinds of weapons, from air to sea, from massive nuclear threats to biotechnology, have been used in the name of justice and terrorism. The game also featured some thoughtful scenes where the lives of the innocent became casualties of war.
2. Command and Conquer: Red Alert Series
Unlike the current world where World War 2 is already the past, the Red Alert series is a parallel world where the war is still happening; but humans in this series seem to enjoy the war a lot! The story started with Albert Einstein testing his Time Machine, which took him back to the past and he had a chat with Adolf Hitler.
It somehow prevented Hitler from turning into a crucial dictator, which in turn making the Soviet Union grow powerful without the threat from Germany.
The Soviet Union then begins launching multiple attacks by massive forces including the infamous Kirov Airship and Apocalypse Tank later to capture the European countries and United States. The US was able to defend their homeland using their own teleportation technology and weather control machine, and fights back to protect the control power of the European Mainland.
(Image Source: CNET Reviews)
Soviet Union’s President Romanov then decided to deploy a psychic named Yuri, who can control the human mind. Yuri proceeded to destroy the nuclear weapon facilities in the US bu then harvested too much power that in the end he went rogue – he betrayed the Soviet Union, and attempted to become the dominator of the entire world.
And with this, we arrive at Red Alert, a world separated into 2 factions called the Allies and the Soviets, warring with each other and playing the tech race, in order to achieve world domination. Things never got better despite which faction took the victory, as in later years, a country named Empire of the Rising Sun (yep, you can call it Japan) rises and threatens to dominate the world with its gundam-inspired mecha. The war will never end in this world.
3. Fallout 3
What happens when we run out of oil or petroleum? Well, we’d go to war. That’s the premise of Fallout 3, which is set after this resource war, in the year 2277, when nuclear warfare has stripped the Earth of most of its resources, leaving nothing but a wasteland.
(Image Source: Fallout)
The protagonist is born inside Vault 101, an underground structure designed to protect the remaining humans from the aftermath of the nuclear war. He was living peacefully inside the Vault, until he stumbles into the wasteland and finally witnessed the sad truth about what his ancestors had left for his generation.
(Image Source: Fallout)
When his father, James leaves the Vault, the protagonist is forced to search for his father in the wastelands. In his quest, he battles the many mutated species created from the nuclear waste, who are prone to attack anything they see.
(Image Source: Fallout)
What’s realistic and unique about this game is that the post-apocalyptic future resembels much of the 1950s, giving you a very, very retro future. Like what it is advertised, this is “America’s first choice in post nuclear simulation”.
4. Crysis
We are so keen on searching for aliens on Mars and faraway planets, that we forget about those that had been on Earth for millions of years. And of course, they are not friendly.
(Image Source: Crysis)
The story starts in 2020 when a team of American archaeologists discovered something that would change the world. A team consisings of troops wearing Nanosuits was then ordered to evacuate the archaeologists and secure the information. The moment the troops were about to step on the island, the group is ambushed by an unknown entity of alien origin named Ceph.
(Image Source: Crysis)
The Ceph have been in a dormant state for at least 2 million years before the Korean’s People Army activated one of their bases. As this kind of alien is armed with technology far more advanced than human beings, many places were destroyed as a result of the awakening of the beasts.
(Image Source: Crysis)
At the risk of sounding like sitting ducks, the humans in this dimension are (luckily) far from helpless. They have stolen alien technology and produced the Nanosuit (mentioned earlier) which grant them superhuman abilities to combat against their evil galaxy neighbors. It’s a good thing especially since the aliens wish to exterminate humans with its army and the Manhattan Virus. Who will come out top and excape extinction?
5. Armored Core 4
Like Fallout 3, Armored Core is a world where life resources like food and energy are dwindling in rapid speeds due to the exponential growth of the human population. The war for resources begins and prevails but this time, it’s a war between the giant mechas.
(Image Source: espen86)
Fearful citizens living in hostile environments began betting their safety on six of the most powerful corporate conglomerates and on their own sets of rules and laws. In exchange for their offer of food, the citizens must wage wars with the old nations. This swept the old nations one by one, using advanced mecha technologies named Armored Core.
But war only worsened the condition of Earth. Due to the hazardous waste of the LYNX War, the remaining corporations from the new order Pax Economica formed a new group called “The League”. This group built airborne habitats called “Cradles” to house their people, abandoning the minority and continuing the war on the surface to find resource plants to feed the Cradles.
(Image Source: Armored Core: For Answer)
And that was how the mecha came to be the main theme of the future world. Apparently even with the aid of advanced technology, we still could not stop humans from drowning in petty conflicts, and once again humans find themselves at the brink of extinction.
6. Doom 3
Do you believe in demons? We can’t see them now, but I’m not too sure if we can still be this lucky after we develop technology for space teleportation. Doom 3 is set in 2145 and sees a military-industrial conglomerate building a scientific research facility to develop technologies like teleportation, biological research and advanced weapon design.
(Image Source: Doom 3 BFG Edition)
The storyline took a turn when teleportation experiments screwed up and opened a gateway to what we called Hell in Holy Scriptures, resulting in a demonic invasion on Mars. Despite being demons, they can even attack you in physical form. Trappedon Mars, your only hope for survival is to clean up the mess by putting up a hellish fight and stopping the demons from invading Earth.
(Image Source: Doom 3 BFG Edition)
And to add to the terror, the people in the base you work in have turned into mindless zombies that want to rip your body apart at any second. A new discovery, a Martian artifact threatens to bring millions of flesh-craving demons to Mars before hitch-hiking on a one way journey to Earth and its destruction. Its not just your survival or the fate of the Earth at stake; it’s the fate of humanity itself.
7. Mass Effect
Currently our Mars rover Curiosity is doing its best to cover the landscapes on planet Mars, with little hope to find evidence of life. Well, in the Mass Effect timeline they probably may find advanced technology on Mars, built by the extinct race named Protheans.
(Image Source: Mass Effect 2)
If a lost Martian species can build technology on their homeland, humans would hardly fall far behind with space travel technology and colonization. But like what scientists always say, space is not just for humans. The human race would later discover other kinds of aliens in space, some friendly, others preferring to to things the hard way. As if warring on Earth is not enough, on Mars, you go to war with aliens.
(Image Source: Mass Effect 2)
Basically caught in the crossfire of interspecies war in space, in this dimension humans would see battle with the Asari, blue-skinned human females, the amphibian Salarian, raptor-like Turians, reptilian Krogan, four-eyed humanoid Batarians, etc. And let’s not forget, the greatest nemesis on the land, the Reapers.
(Image Source: Mass Effect 3)
The Reapers are a hyper-advanced machine race of synthetic-organic starships that exist in the starless space between galaxies. They were in a dormant state, but now they make an epic comeback with the intention to purge the entire human race. Facing the Reapers who are ready to bring on the next apocalypse, humans must now gather every last possible hope to defeat them, and save humanity, again.
8. StarCraft
What is biotechnology to you? Is it about chip implants or cloning? Or is it a means to create supercriminals in the future? The StarCraft series is set in circa-21st century, around a decade after the Earth has been overpowered and over-inhabited by humans.
In this parallel dimension, the United Powers League was formed to purify the human race by imprisoning criminals like hackers, synthetic tech-pirates and the cybernetically enhanced outlaws, killing over 400 million people in the process.
(Image Source: StarCraft 2)
Instead of overstuffing the prisons on Earth, the government had a better idea – put them into an experiment that saw 40,000 criminals placed in a planet known as Gantris VI. This experiment marks the birth of the Terran faction. The mission failed terribly, resulting in the spaceships carrying the criminals to land on the nearest planets in the Koprulu Sector.
(Image Source: StarCraft 2)
The criminals then start their own life anew in the planets, without knowing that in the future, they will face the nightmarish bug-like alien species called Zerg who hunt humans without mercy, and even turns them into zombies. The Zerg race also has another enemy, the Protoss, who in an early encounter, beamed the entire Chau Sara containing innocent Terran, as the planet is infested by the Zerg colony.
(Image Source: StarCraft 2)
However, both of these alien species are not the ultimate threat for humanity, as an unknown species is attempting to destroy all three races and take overtheir worlds. Thanks to this ultimate enemy, the three races were able to ally with each other (temporarily) to defeat what was rumored as the creator, and the Gods of the Protoss and Zerg: the Xel’Naga.
9. Lost Planet
Earth cannot shelter humans forever, and this storyline became the backbone of the story of Lost Planet. The game begins the human legacy in a custom calendar year, T.C-80, when human technology is mature enough to enable galactical travel.
The humans in this dimension need a new home. In order to search for habitable planet, a company named NEVEC attempts to establish a colony on the planet E.D.N. III.
(Image Source: Lost Planet 2 Wiki)
Any planet that could be our next home can be the target of other alien civilisations as well. After the arrival of the humans, the NEVEC discovered that the alien species, the Akrid, has dominated the planet. Both the Arkid and humans need thermal energy, T-ENG to function making it a war for resources and for the planet.
(Image Source: Lost Planet 2 Wiki)
And while we play the role of the hunter in this one, aided by the mecha named Vital Suit, all is not well back at base. The fight for T-ENG became a fight to be the new world leader, sparking a civil war on top of the the war with the Arkids. Only the strongest will survive and claim the new planet as their next home.
10. Dead Space
Believe it or not, all you have seen in most video games with apocalyptic storyline are mere child’s play. Dead Space has taken the genre and the theme of alien invasion so well that it has reinvented the horror genre, even when there are no ghouls involve.
(Image Source: EA Games)
In the year 2414, the starship USG Ishimura sends out a distress signal to the Concordance Extraction Corporation (CEC) while on a mining operation on the planet Aegis VII. Upon arrival, the CEC discovered that most of the ship crew were killed.
The protagonist, Issac Clarke was then ordered to repair the ship and solve the mystery behind the murders. They found out that the Ishimura crew discovered a relic of the Unitology religion called Red Marker, and were ordered to retrieve the Marker.
(Image Source: EA Games)
The arrival of the Marker at the mining ship Ishimura, triggered mass hysteria and violent hallucinations in the ship’s crew, resulting in mass murder. Further investigation revealed that an alien virus was encrypted onto the Marker, infecting any corpse and turning them into “Necromorphs”, alien zombie that could mutate and animate corpses to slaughter anything in its path and spread the virus.
The story is just like Resident Evil, set in space. The residents are infected by the alien virus and turned into cannibalistic zombies who have no purpose but to kill, devour and tear human bodies, limb by limb, part by part.
Reflection
So how do you feel about the future of the humanity now? Don’t be upset, it’s just a game, and the game storylines were crafted in such a way that the developers could implement and introduce more engaging game mechanics and elements into the actual gameplay.
However, we should be aware of the lessons that could be learned from all these games: our actions impact our future, and our next generation. The world is not going to end by itself soon, but at the rate that we are polluting its environment, who knows if our extinction could come knocking sooner than expected. The choices we make in the game will result in endings good or bad; it’s the same with our current state, where will your choices lie when it comes to protecting and preserving all precious life?
On a lighter note, do share your favorite game story in the comment section for everyone to enjoy, also we welcome any predictions of our humanity’s future!
Related posts:
- 10 (More) Retro Video Games You Can Play On iPhone
- 20 Retro Video Games You Can Play on iPhone
- iPad Wallpapers for Video Gamers
- 25 Top ipad-Exclusive HD Games
10 Futures of Mankind As Depicted in Video Games
Subscribe to:
Posts (Atom)