FeatureUp

25+ Very Useful CSS Tips and Tutorials

Cascade Style Sheet (CSS) is a very important part of any webpage. Using this language you can create some beautiful effects to adorn your website and most important it is not very difficult to comprehend.

It is a style sheet language which is used to describe the presentation parameters like the look and formatting of a document written in a markup language. It’s most common application is to style web pages written inHTML and XHTML, but the language can be applied to any kind of XML document, including SVG and XUL.

With the introduction of CSS3 you can create a lot of new and exciting features like shadows, animations, transitions, border-radius etc. The effects which were made in Photoshop can easily be made here using CSS3 with use of jQuery and little JavaScript.

We have listed below 25+ exciting CSS tips and its features which you can easily create and add to your webpage to give it a new elegant look.

25+ CSS Tips and Tutorials

CSS Image Styles

You can add any style to the background-image with proper rendering using the CSS image styles. In this tutorial you will use jQuery to make perfect rounded corner images dynamically using image CSS trick. You can use use box-shadow, border-radius and transition to create various image styles.

Download Source

Snazzy Hover Effects

In this tutorial, you will be learning to create flexible advanced hover techniques using CSS2.1 properties. You will find caption text to appear over the top of images and information about the image you moused over or focused on.

Download Source

Create a beautiful icon with CSS3

Thus tutorial teaches you how to create a document icon with pure CSS3. You start off with a square box then you round the edges and use pseudo elements to create curled corner and finally you will create the illusion of text with a stripped gradient.

Download Source

Semantic Animation

This is an animation tutorial of a moon rising, and as it rises the sky and ground turn to black. You will need two elements to accomplish this animation. The animation will make your website to be in motion.

Download Source

Animated Mario Block Navigation Menu

This tutorial contains some good clean fun by recreating the animated Mario Bros. question mark box with pure CSS3. You’ll also learn how to use several cool CSS3 technologies such as rounded corners, box and text shadows, and keyframe animations that work in both Safari and Firefox.

Download Source

Create an Apple-Style Input Field With Display Labels

This tutorial builds a small Apple-styled input form with some basic structure and scripting. You will use jQuery 1.4.1 library to support the display label functions. All code included is based off XHTML Transitional Doctype and uses CSS2/ CSS3 techniques.

Download Source

Create Presentation Slides with HTML and CSS

This tutorial contains code for creating slides to show for presentations. It can be useful for your business purpose or even for web sites.

Download Source

Custom CSS Cursors

Here you will find the various default cursor icon associated with a particular element which you can use in your interface. It contains more than 20 cursor icons. Some works on all browers while some are restricted.

Download Source

Stylish Rocking CSS3 Search Field

Here you will create a search box using CSS3 with rounded corners and a search button by applying new styles to the box and button.

Download Source

Create Diagonal Lines with CSS

In this tutorial you will learn to draw diagonal lines which acts as a border. You can use this in diagonal bordered tabs and can include easily in the project

Download Source

Create a Modern Ribbon Banner Navigation Bar with Pure HTML/CSS3

Here you will learn how to create a centered ribbon banner with pure CSS3 using a step by step procedure. You can create modern design elements without the adept knowledge of graphics tools

Download Source

create slick effects with CSS3 box-shadow

In this tutorial you will create drop shadows and inner shadows effects in the box using pure CSS3. Now no need to go for Adobe Photoshop’s blending options. You will use box-shadow property allows you to add multiple shadows (outer or inner) on box elements.

Download Source

Slick login form using HTML5 & CSS3

Using this tutorial you can create stylish login form without the use of any javascript code. You will find the stitch effect and paper stack effect in the login form

Download Source

Create Script-Free CSS3 Tooltips

You can make really awesome tooltips out of pure CSS3 using this tutorial and can also create a mobile friendly version using little javascript

Download Source

CSS3 tables with rounded corners

: In this tutorial you will learn how CSS3 and tables can work together to create some cool and usable results in the tables. You can do rounding of corners with no images and giving this effect will definitely add the beauty to the table

Download Source

Create a CSS3 Tabbed Navigation

Here you will be creating the CSS3 tabbed navigation. You will work with the darkwash jean version out of the many different themes available for awesome tabs.

Download Source

BUILD A PURE CSS 3D CITY

This tutorial teaches you to build a 3D city with six buildings. Buildings are easy and are just cubes with a fancy texture with each building being composed of 5 sides

Download Source

CSS3 enhanced zoom-in zoom out slideshow

In this tutorial you will create a clean zoom-in zoom-out slideshow. Here you will use stylish CSS3 effect to your slideshow simply by setting the style attributes corners to any or all four image-corners, furthermore you can apply shadows. You can also comment on each slide

Download Source

CSS3 tabs with beveled corners

In this tutorial you will learn how to create some good looking tabs with beveled corners using a clever CSS3 gradients technique.

Download Source

DYNAMIC PURE CSS 3D TEXT

Through this tutorial you can get a nice 3D effect combining multiple levels of text-shadow using the CSS. You can also add some CSS transforms, and dynamically rebuild the text-shadow to get a nice mouse-following pure CSS canvas-free 3D text effect.

Download Source

Create a CSS3 Wheel Menu

In this tutorial you will create an awesome, layered CSS3 wheel menu using a few beginner to advanced CSS techniques. There is also a little bit of optional Javascript so that you can rotate your images depending on the hovered menu item.

Download Source

Create a Swish CSS3 Folded Ribbon in Five Minutes

In this tutorial you will find how to create swish folded ribbon by simply taking one line of markup and a couple of CSS3 rules (no images) and you can create this effect within five minutes.

Download Source

Create Pure CSS3 Ticket-Like Tags

During this tutorial you will use CSS3 to create ticket-like tags, without relying on any images just by creating HTML markup and styling main tags and four corners with a punched hole in the tag giving a ticket look.

Download Source

Rotate and Mask Thumbnails With CSS3

This tutorial teaches you how to showcase the rotated thumbnails using the CSS. It’s a simple effect that adds a layer of visual personality. This effect will represent image galleries with rotated thumbnails.

Download Source

Pressable CSS3 Social Buttons

Get a quicktip to create some really awesome press-able social media buttons using pure CSS3. These cool buttons can be placed on any project.

Download Source

Font Face Deisgn Guide

This tutorial explains the common issues with using custom fonts, picking the matching fallback web safe fonts, and how to create a perfect fallback font style with Modernizr. You can adjust the styles for the fallback font (size, letter-space, weight, text-transform, etc.) to best match the custom font.

Download Source

No comments: Read More

Apple News

Apple iPhone 6 leaked news photos

Live photos showing the alleged casing of the upcoming Apple iPhone 6 made the rounds on the web. The images give us a possible glimpse of Apple’s much awaited large-screen iPhone model.

As you can see in the photos above, the iPhone 6 will feature similar design to the iPad Air with a sleek, all-metal body and almost bezel-free display and thin profile. In short, if the pictures turn out to be the real deal, the iPhone 6 is going to be quite a looker. Apple started processing on new iOS 8

Apple iPhone 6 having 10mp camera. A couple of reports have suggested that Apple will reveal two iPhone models – one with 4.7” display and one with a screen larger than 5" in size. We doubt we are going to see either one before this fall.

No comments: Read More

Solution Tips Tricks Windows

How to Play PC Games without having High Graphic Card

play-pc-games-without-graphic-card-featureup

Download 3D-Analyzer Tool for Windows.

Now it's a .zip package so make sure to extract the package to get .exe file.

So now as you will open this tool you will see a big Select button, simply press that too choose your game file.

So make sure to navigate to the original game directory and select the .exe file of your game you wish to play.

Now after selecting that game make sure to tweak settings as mentioned below in the image, just select every setting like below.

Now after configuring the whole software, just press "RUN" option and then just wait and see how your game runs automatically.

Remember You can even save the batch settings for every single using the Save Batch File! option provided below in the tool.

So now every single person who do not want to waste money on graphic card for a playing a single he can easily rely on this tool for making that game run pretty easily. Well but I surely recommend that if you are a gaming freak then you should have all the tools and software's required for awesome gaming experience.

Download 3D Analyzer Tool

No comments: Read More

Apple News

Apple iPhone 6 rumors with 10 MP F/1.8 camera Feature

It's still pretty early to be talking about the next generation of Apple iPhone, but the latest report from a Chinese website suggests that the iPhone 5s successor will support an enhanced camera and improved filters over the current model.

apple-iphone-6-with-10mp-camera-featureup

Citing the supply chain sources, the report claims that the upcoming iPhone will feature a 10 megapixel rear camera with an aperture of f/1.8. Furthermore, the new camera is said to be accompanied with new and improved filters, which is lighter and thinner than previously used IR filters.

The lighter filters will help capture quality images as it minimizes the color shift of CMOS sensors. The rumored brighter f/1.8 aperture will boost low-light performance and it allow you to do images with shallow depth of field and blur the background while keeping sharp focus on the closer subjects.

Apple is also working on a new image stabilization mechanism, according to a recent patent filling. It looks like the company is working very hard to regain some of ground it lost in the camera department with the next iPhone.

No comments: Read More

News Programming

Google Shows Off Gaming Potential Of Glass With Five Simple Games (Google Glass Games)

Google released five simple games for Glass, the company’s buzz-worthy wearable computing device.

In a post on the Glass Developers blog, a spokesperson wrote, “We hacked together five simple games that experiment with the unique features of Glass and demonstrate some of the possibilities for gaming.”

With Tennis, Balance, Clay Shooter, Matcher, and Shape Splitter, Google is making a play for the profitable mobile game market, one that regularly outpaces both traditional gaming revenue as well as other forms of media.

Google Glass has accelerometers and gyroscopes in it, making the head-controlled Tennis and Balance–you need to keep a stack of books from falling off a cartoon character’s head–fairly obvious.Clay Shooter takes a cue from skeet shooting, but in this game, your voice is your trigger. Shape Shifter lets players slice their hands through Glass-displayed objects like Fruit Ninja, and Matcher asks players to match shapes within a grid, similar to something like Bejeweled or Puzzles and Dragons.

Basic though they may be, this move by the Google Glass development team signals an early interest in gaming apps, something that Apple never quite supported early on.

It’s only a matter of time before we start to see gaming take over wearable computing devices like Glass, though the safety issues are important to pay attention to, as well.

“We intentionally wanted games that are quick to get into when you have a few, free minutes,” says the blog post, “and just as easy to get out of when you want to turn your attention back to reality.”

Developers wanting to make games for Google Glass are encouraged to the Glass Development Kit(GDK) for documentation and coding tools.

No comments: Read More

Android Application

What’s new On My Android: February 2014

I spend most of my day writing about Android, so I’m always being asked by friends, family, and readers what apps and games I recommend. With that in mind, and to save myself from repeating it over and over again, I thought I’d put together a monthly roundup of the apps I’m using.

These won’t necessarily be brand new apps, but they will be apps I’ve recently discovered that you may not have stumbled across yet. February’s list includes an awesome email client called CloudMagic, a hugely frustrating yet immensely fun game, a third-party KitKat launcher, and more.

CloudMagic — Free

CloudMagic is by far my favorite third-party email client. With support for Gmail, Outlook, Yahoo! Mail, iCloud, Microsoft Exchange, AOL, and many more, it’s ideal for those with multiple mail accounts from different providers.

CloudMagic sports a fantastic design, and it boasts a ton of useful features, including lightning fast search, a unified inbox, reminders, push notifications, a passcode lock, and threaded conversation views. And best of all, it’s completely free.

Agent — Free

I discovered Agent just a week ago, and I can’t believe I knew nothing about it until then. Agent is like having “five apps in one,” it claims, each of which has a special function that makes your Android smartphone more efficient, more useful, and more powerful. Here’s what they do:

Battery Agent helps you get the most out of your battery in between charges by turning off Bluetooth when it’s not being used, lowering the brightness of your display, and pausing background autosync for certain apps. It starts up automatically when your battery reaches a certain percentage (which you choose), then deactivates automatically when your battery level rises again.

Drive Agent is triggered automatically by Bluetooth and motion sensing, when detects when you’re in the car. It then automatically silences your phone, auto-responds to callers and incoming texts to let them know you’re driving, and reads your messages aloud.

Parking Agent remembers where you parked your car as soon as you stop, so you’ll never forget where you left it.

Meeting Agent knows when you’re in a meeting based on your calendar events and automatically silences your phone. It reads local and shared calendars, and you can specify which days you’re working or tell it to activate only for “busy” events.

Sleep Agent silences your phone at night so that you’re not disturbed in your sleep. Tell it what time you go to bed and it’ll do the rest. You can even specify which contacts are allowed to wake you up, and it will allow those ones to make a noise.

Get Agent today and you’ll wonder how you lived without it for so long.

Duolingo — Free

I’m going to be heading back to Barcelona for Mobile World Congress later this month, so I recently decided it was time to learn some Spanish. (I’ve actually been promising to do it for years.) I’d heard great things about Duolingo, so I decided to check it out, and I couldn’t be more impressed.

I’m three weeks into my training and I’ve already learned substantially more than I thought I would by now. I still have a long way to go, of course, but Duolingo makes the whole process super simple. It’s quite incredible that you don’t have to pay a penny to use this app.

I highly recommend it if you need to learn a new language. Se ha hecho maravillas para mí.

Flappy Bird — Free

Vj wrote about Flappy Bird, the super simple yet hugely frustrating game from .GEARS, earlier this week. I’ve been addicted to it since I downloaded it, and somehow my Nexus 5 is still in one piece. I’m sure you’ve already heard about this one by now; everyone’s been talking about it recently.

The aim of the game is simple: you must fly a bird between a series of Super Mario-style pipes, and you earn a point for each one you pass without crashing. But you have to control every flap of the bird’s wings by tapping the screen — if you don’t tap, it simply plummets to the ground.

It sounds easy, but it really isn’t — it’s incredible frustrating. But at the same time, it’s also a lot of fun.

KitKat Launcher+ — Free

KitKat Launcher+ is like a supercharged version of the stock launcher from Android 4.4 KitKat. It allows you to make simple changes that Google doesn’t let you make, without entirely changing the experience altogether. You can use it to remove the Google Search widget, change the size of app icons, specify how many home screens you want, and customize the home button action.

Backgrounds HD — Free

I change my wallpaper on a frequent basis to keep things fresh, but finding images that look good on a 1080p smartphone display isn’t always easily. Fortunately, Backgrounds HD has thousands of them. You can browse recent uploads and popular images, or find wallpapers by category. And when you find one you like, you can set it as from right within the app of favorite it so that it’s easy to find later.

What Are You Using?

If you’ve discovered any awesome apps or games lately, drop us a comment down below. They don’t necessarily have to be new — so long as they’re good, I’d like to know about them.

No comments: Read More

News

Kaspersky stepback with Facebook SMS Claims

Kaspersky is backpedaled on its earlier statements wherein it claimed that Facebook was intentionally reading users’ SMS and other confidential information. In an emailed statement to various media outlets, Kaspersky denied being the source of insinuation against Facebook.

Kaspersky clarified that it wasn’t the source of the news and that it only intended to comment on the technical aspects of the social networking giant’s Android app’s permissions.

The security company had said yesterday that Facebook’s Android app was under scrutiny over the permissions it was requesting specifically the one related to SMS. “Buried within the latest update for Facebook’s Android app is a feature that is causing growing concern among some users”, Kaspersky had said yesterday.

Kaspersky was also apprehensive for the fact that Facebook was automatically reading the SMS to verify a user’s identity and instead could have provided a prompt to manually enter the verification code.

“The key, it seems to lie in the word ‘automatically’. Surely the app doesn’t need to do this automatically. Facebook could simply prompt me to type in the code manually. Or, at the very least, provide this option,” said Kaspersky.

Hours after the original statements were sent out to media outlets, Kaspersky sent out a clarification saying: “This email was sent out to media at large hoping that we will get queries & would respond to it accordingly. Kaspersky Lab would thus like to clarify their position and state that they are not holding Facebook responsible for this in any manner & are only commenting on the news that has already been published.”

No comments: Read More

Android Update

Latest Games

Recent Post

25+ CSS Tips and Tutorials

CSS Image Styles

Snazzy Hover Effects

Create a beautiful icon with CSS3

Semantic Animation

Animated Mario Block Navigation Menu

Create an Apple-Style Input Field With Display Labels

Create Presentation Slides with HTML and CSS

Custom CSS Cursors

Stylish Rocking CSS3 Search Field

Create Diagonal Lines with CSS

Create a Modern Ribbon Banner Navigation Bar with Pure HTML/CSS3

create slick effects with CSS3 box-shadow

Slick login form using HTML5 & CSS3

Create Script-Free CSS3 Tooltips

CSS3 tables with rounded corners

Create a CSS3 Tabbed Navigation

BUILD A PURE CSS 3D CITY

CSS3 enhanced zoom-in zoom out slideshow

CSS3 tabs with beveled corners

DYNAMIC PURE CSS 3D TEXT

Create a CSS3 Wheel Menu

Create a Swish CSS3 Folded Ribbon in Five Minutes

Create Pure CSS3 Ticket-Like Tags

Rotate and Mask Thumbnails With CSS3

Pressable CSS3 Social Buttons

Font Face Deisgn Guide

What Are You Using?

If you’ve discovered any awesome apps or games lately, drop us a comment down below. They don’t necessarily have to be new — so long as they’re good, I’d like to know about them.

Main Post

Send Quick Massage