Sharebrain » CSS

New Impressive Design Goodies & Freebie from DesignTNT

andra04 — Wed, 23 May 2012 04:45:00 +0000

In the last month we’ve released tons of stuff, among which you will find goodies such as: Abstract PS Brushes, Image Flow PS Actions, Metal and Grunge Cement textures, Pullout jQuery Widgets, Premium Vector Signs, Retro PS Badges, Photoshop Bokeh Brushes, 3D Book Generators

Clever Problem Solving Techniques for CSS

unuzero — Tue, 22 May 2012 13:45:00 +0000

With the launch of HTML5 and CSS3 came new ways and techniques of using these advanced tools to resolve development challenges in clever ways. CSS3 can be implemented on websites to improve the browsing experience for users as well as help in quickly creating effects or functionality that for a long time required hours of labor for web developers.

Border Image Builder: Graphical CSS Borders Made Easy

republicof3 — Tue, 22 May 2012 06:15:00 +0000

With the CSS3 property background-image to create individual and unusual setting, the basis for this framework is one graphic file, which is divided into different areas. Each section represents a specific frame segment. The web app Border Image Generator creates such a graphic frame conveniently and easily.

The problem with many CSS3 properties – for example, even with CSS gradients – is that you can play around a lot as a developer must be accomplished until the desired result and the property border-image is no different. The graphics file for a graphical frame must be divided into nine areas. These are by border-image next to the graphic file be up to four numbers, which divides the image into the nine areas. It is indicated the distance from the top, bottom, right and left. In addition, the width of the respective sides of the frame can be defined.

TurbineCSS – Helps Accelerate and Simplifies Style Sheets

republicof3 — Mon, 21 May 2012 14:30:00 +0000

Large web projects often result in large stylesheets, which are often cumbersome to maintain. With TurbineCSS, which is written in PHP you can create style sheets with simplified syntax which is much faster and easier to edit.

Getting Started with TurbineCSS
TurbineCSS requires no installation. All you have to do is upload the files to your web server. Then, all style sheets that are created with the simple turbine syntax to parse the file css.php are printed in real CSS syntax:

Arctext.js: jQuery Plugin Allows Curved Text on Websites

republicof3 — Mon, 21 May 2012 01:00:00 +0000

With CSS3, the text layout options have improved considerably. Texts can be provided with drop shadows and rotate randomly. A design option that is available in image processing and graphics programs have always been not possible with CSS3, namely to create curved text. But with the jQuery plugin Arctext.js, you create magnificent looking curved text for the web.

Rotating Web Page Elements Using The CSS3 Rotate Transform

unuzero — Thu, 17 May 2012 22:35:00 +0000

With CSS3, you can rotate Web page elements by a specified number of degrees, clockwise or anti-clockwise. With a small amount of HTML and JavaScript code in conjunction with CSS declarations, you can also animate these rotations. In this tutorial we will work through the process of rotating an image element by varying amounts as well as animating the function, initiating the rotation on user interaction with the page.

Comment to Win PSD to HTML Services from Markup-Service!

susanj — Thu, 17 May 2012 02:55:00 +0000

Many designers prefer to outsource some of their coding work in order to free up more of their own time, or maybe to get a higher quality of coding than they can produce on their own. Outsourcing PSD to HTML conversion can be done on a regular basis with the majority of your web design clients, or it can be done only in special situations when you are really pressed for time.

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
Using Pricing Tables Jquery and 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.

Incoming search terms:

Signup form css