Sharebrain » CSS

Vendor Prefixes: A Force For Good or Evil?

designmodo — Wed, 16 May 2012 20:24:00 +0000

If you’re a web developer working with CSS3 in modern browsers, it’s more than likely that you’ve come across these things called vendor prefixes.

Useful CSS3 Design Resources – Menus, Buttons, Ribbons & More

entheosweb — Wed, 16 May 2012 18:28:00 +0000

Here is a collection of high-quality premium CSS3 design resources for every web designer’s toolbox. They range from shadows, drop down menus, tooltips, image lightboxes, web pricing tables to ribbons, buttons, login panels, footers, bookmarks, accordians and more! Use these premium CSS3 resources to spruce up your website and make it fast loading!

WebPutty – The Live CSS Editor

republicof3 — Wed, 16 May 2012 17:30:00 +0000

WebPutty is new. Not just a new tool, but a geniunely new idea. When it launched in August 2011, WebPutty was on the beta phase and free for those had Google accounts. The idea behind WebPutty was and still is to edit CSS in an online environment and be able to see the changes happen live. WebPutty’s aim was to make the constant switching back and forth between your editor and the FTP application obselete. WebPutty is still available for free, but now it’s under the MIT license.

CSS3 Toolkit – The Free GUI for Mac OS X

republicof3 — Wed, 16 May 2012 00:06:00 +0000

A few days ago Potschien presented the CSS generator, a web app that can visually arrange CSS3 gradients. Currently it is available on the Mac App Store called CSS3 toolkit for free. You need to be quick to grab it as it’s not going to be free for a long time.

6 Free Tools for Developers for Development with LESS

republicof3 — Tue, 15 May 2012 07:40:00 +0000

LESS is a beautiful thing. The dynamic style sheet language CSS extended to variables, functions, commands, and the so-called mixins.It binds to less.js into your own website, LESS is compiled at run time in CSS. Since this does not work in all browsers, there is every indication, namely to write LESS to use in live performance but pure CSS. These must be recompiled for LESS CSS.

Conversely, the question arises, how do I start with LESS if I have already created large CSS files? No problem, say proponents of LESS, LESS is indeed compatible with CSS. So basically just changing the file name and you’ve got a file LESS. This is true, but do not take into account that real LESS is clearly written as a simple CSS. No problem, says proponents of LESS to add just sweep through the code. Whenever you need the CSS that you write in the area to be LESS. However, doing all that manually in long style sheets a long process so it would be nice if you had a tool that converts pure CSS to LESS.

Incoming search terms:

tools for developers

10+ Valuable CSS3 Search From Tutorials

multyshades — Thu, 10 May 2012 03:54:00 +0000

It is the integral part of a stylish WordPress website or blog to present a good looking search box. On-site searching is useful for visitors as well as site owners. To keep the people save from the painstaking exercise of website searching, it is necessary to give your site a phenomenal look.

Amazing Apps to Test Responsive Design On

republicof3 — Thu, 10 May 2012 02:55:00 +0000

Not too long ago when Responsive Design was introduced, along it brought a complete new set of excitement, challenges to solve and ideas and with that web designers of today are one step closer to let go of brochure web design completely, it’s still an ongoing process but the takeover is inevitable.

No matter how many platforms emerge on making things easier for emulating the testing phase for you to test your websites on various devices, but nothing comes close to testing the designs on actual devices. But as the obvious limations apply, having a quick look at your layout in various sizes right from your machine is the best solution there is and let’s unanimously agree that resizing your browser several times during development is really a pain, you woulnd’t get the pixel perfection you’re looking for and lucky for you, we are giving you 3 Amazing Apps to Test Responsive Design On.

CSS filter effects in action

Red — Sun, 06 May 2012 00:25:00 +0000

Ever since CSS filter effects landed in WebKit, I thought about theirs practical implementation. How will they fit with the current web design trends? At this time, my initial impressions are that the best way to showcase the power of CSS filters is something like an image gallery.

With so many CSS filters to choose from, it will be fun to create image galleries in the future. Further in this article we’ll create a simple image gallery using CSS filters and the CSS3 :not selector.

10+ Fresh and Useful Pure CSS3 Tutorials [No Javascript] | gonzoblog.nl

gonzodesign — Fri, 04 May 2012 06:15:00 +0000

As designers and developers we are constantly looking for the best way to get as much content to our users as possible, but we have to make it look nice, to let it flow beautifully, and of course without any text overload. We all know that JavaScript allows us to do great things when it comes to user interfaces, but a lot of the same types of effects can be created with pure CSS3.

Best CSS marketplace items

m4munib — Wed, 02 May 2012 08:49:00 +0000

Marketplace files for download in: CSS.

Browse Navigation menus, CSS3 forms, tabs, sliders, pricing tables, buttons, charts, graphs, animation and layouts. Best seller marketplace items.

Hot Topics of Spring – Responsive Web Design, HTML5 and CSS3

htmlcut — Wed, 02 May 2012 07:50:00 +0000

Round-up of fresh articles on Responsive web design, HTML5 and CSS3 published by popular web design websites: Tips, ideas, tutorials, resources.

Incoming search terms:

topics of web design

Valuable CSS Tutorials for the Creative Designers

amir9ice — Mon, 30 Apr 2012 03:52:00 +0000

In this era of internet and technolohttp://www.tutoriallounge.com/2012/04/valuable-css3-tutorials-for-the-creative-designers/gy there are lots of field, if a person is professional in his field he can earn a sufficient income every month and designing is also one of them. If we talk about web page designing, CSS3 is also part and parcel of web designing and CSS3 has got a huge success to create very complicated and dense details by austerely using CSS and rejection of images. We can say that CSS3 is a wonderful mean that every designer can use to create attractive and eye-catching designs with great effectiveness...

Creating First Animations With CSS3 Using Keyframes

unuzero — Fri, 27 Apr 2012 20:13:00 +0000

One of the main reasons the emergence of CSS3 has been so hotly anticipated is the fact that, in combination with HTML5, it will pose a genuine alternative to technologies such as Flash. With CSS3 and HTML5, you will ultimately be able to create animated, interactive multimedia applications that will be accessible to users regardless of whether Flash is supported in their environment – great news if you’re developing Web apps for iOS or for mobile users in general. In this tutorial we will create a simple first animation using CSS3 keyframes.

50% off Code School’s HTML/CSS Course Bundle!

unuzero — Fri, 27 Apr 2012 09:24:00 +0000

At Code School, these guys are firm believers in making learning fun. Their learning platform combines short video lessons with highly interactive browser-based challenges. What Nintendo’s Wii Fit did for exercising, these guys are doing for learning! You’ll even “unlock” badges as you complete the different levels in each course! And now for a limited time only, you can snag not one, but TWO POPULAR COURSES for just $55! That’s a 50% savings on this HTML & CSS course bundle which normally runs for $110.

Top Android Apps From XDA Developers

amir9ice — Thu, 19 Apr 2012 14:43:00 +0000

XDA Developers is a mobile phone software development, XDA Developers are generous a successful platform for the Android and Windows mobile users, XDA Developers give the general information about ROM updates, technical support, roots and many more, to the Android and other mobile device users, XDA Developers apps are mostly for the rooted mobile. XDA Developers provide wonderful apps to the Android Smartphone users. Here, in this round up, I have compiled an awesome collection of Android Apps from XDA Developers...

Incoming search terms:

css android xda
top apps from xda developers
xda tools for android apps

CSS Variables Preview

Red — Fri, 13 Apr 2012 09:54:00 +0000

If you are a developer then you are very familiar with variables and they are probably one of your best friends. A variable is by definition a temporary storage which contains some known or unknown quantity or information, a value.

But, what is this having to do with the CSS we all know? The latest news is that the first working draft of CSS Variables just got released.

CSS Hacks For Firefox

Umer — Mon, 09 Apr 2012 02:50:00 +0000

CSS hacks are often misunderstood wit IE hacks. Most of the designers look for IE hacks as IE has been a headache for the html coders community. But actually we need hacks for all major browsers and most important of them is Firefox.

How to create Calendar using jQuery and CSS3 [Tutorial]

designmodo — Fri, 06 Apr 2012 01:16:00 +0000

How to create Calendar using jQuery and CSS3 [Tutorial]. In this tutorial we will code the jQuery and CSS3 Calendar that you can find in Futurico UI Pro made by Vladimir Kudinov.

Incoming search terms:

how to create calendar using jquery with css

Make your Website Attractive Using CSS3 Tutorials

amir9ice — Mon, 02 Apr 2012 20:24:00 +0000

Website Designers love to get tricky way of modern website designing and development, CSS3 (Cascade style sheet) discovering unique and attractive effects using css3 techniques, in this roundup we bring some implausible CSS3 tutorials that will help you learn new techniques without difficulty for front-end development. CSS3 is such a great extension of the present coding language, that I have collected a list of the ultimate useful css3 tutorials that a developer would need to use the tricky language successfully...

Incoming search terms:

css to make attractive website
how to make website attractive using css

How To Add Text Gradients With CSS

paulund — Tue, 27 Mar 2012 04:03:00 +0000

If you have used CSS background gradients before then you will know how you can add gradients to the background of elements, but it's not as easy to change the colour of text to have a gradient just by using CSS.

CSS3 loading animation experiment

Red — Tue, 27 Mar 2012 00:12:00 +0000

While playing DIRT 3, I’ve noticed a very cool triangle animation as part of their UI. Almost immediately, I thought about how to build a similar version of it using CSS3.

So, in this article you’ll see an experiment about how to create a simple CSS3 loading animation.

Incoming search terms:

free css animations

8 Interactive Infographics Created with HTML, CSS and Javascript

designmodo — Mon, 19 Mar 2012 07:52:00 +0000

Web languages like HTML, CSS and JavaScript can be used in order to create such interactive infographics. Infographics are referred to graphic visual representation of data, information and knowledge.

CSS3 signup form

Red — Tue, 13 Mar 2012 12:36:00 +0000

If you’re about to launch a new web product or you just need to improve the user experience for an existing web form, then this tutorial is for you.

In this article you’ll find out how to design a clean and attractive CSS3 signup form.

Collection Of CSS Resets

paulund — Fri, 09 Mar 2012 04:52:00 +0000

Other browsers might behaviour differently to floats and clears, which can make your designs look off. To get around this problem we can use a bit of CSS that will reset the browser defaults to something we setup making all the browsers render elements the same.

25 Free and Premium CSS3 Navigation & Menus

designmodo — Mon, 05 Mar 2012 12:04:00 +0000

In this case the CSS3 navigation menus can be really helpful for you. In order to solve this issue you can try the free and premium CSS3 menus available on the internet.

CSS pitfalls and how to overcome them

Red — Thu, 01 Mar 2012 14:03:41 +0000

When you write CSS, there are some problems you may run into. Then, to overcome the situation, you’ll need to use some small and effective CSS tricks.

In this article I’ll try to show you some tips and tricks that can definitely help you when writing CSS.

CSS Clearing Floats Snippet

paulund — Wed, 29 Feb 2012 19:48:00 +0000

Sometimes with float-based layouts you get to points where you need to clear the floats to get the desired layout you need.

An element that has the clear property set will not move up next to the floated element, but will move itself down past the floats.

Here is a small CSS snippet to clear floats on your page.

CSS3 Tricks: Jumping Featured Boxes

premiumcoding — Tue, 28 Feb 2012 10:44:00 +0000

In today’s tutorial we will create a set of featured boxes that will create a nice text flying effect when you move your mouse over them. Create amazing featured boxes.

How To Create A CSS Slide Out Fixed Navigation

paulund — Wed, 22 Feb 2012 17:51:00 +0000

In today's tutorial we are going to learn how we can make it easy for your visitors to always have access to the main links on your site by creating a fixed position main navigation. But what we are going to do is hide half of the navigation off the page so it will not move over your content.

Incoming search terms:

code for fixed slide out navigation
css slide
fixed navigation tutorial

Developing a Responsive Website: Secondary Page

unuzero — Wed, 22 Feb 2012 00:27:00 +0000

We’re going to begin to wrap up our tutorial on creating a responsive website this week by creating a secondary services page to feature the necessary, and important, content of our site. Keeping a sites layout visually appealing is a crucial aspect of keeping a visitor on your site. Having a simple box filled with verbiage running from left to right is not very inviting, nor aesthetically pleasing. When displayed like that, the sheer amount of text could be enough to cause your visitor to quickly back up and off your site. That’s why we’re going to break our text up and display it a little more creatively on our larger format.