Greepit previously shared New Google Interface Buttons in CSS, today we are sharing another awesome CSS Buttons collection for spice up your user interfaces. OS X Lion was released recently and part of the new design is new icon buttons. Our friends at Pixify recreated OS X Lion’s buttons in CSS for use in your [...]
Read the rest of this entry »Posts Tagged ‘CSS’
Sleeker, Simplified New Google Interface Buttons
Google rolled out a new design across many of their services as part of the Google+ launch. The new look presents a sleeker, simplified Google that puts the emphasis on your data and not on the interface. Part of the design’s success are the new Google buttons. Great UIs tend to have simple, obvious buttons [...]
Read the rest of this entry »400+ Vector Icons with CSS / PNG Sprites: Plastique Icons
Plastique Icons is a set of 400+ (and growing) web and application icons inspired by advertising clip art of the 1920′s and 1930′s. The set is available in vector format and also includes a CSS/PNG sprite version.
Read the rest of this entry »PHP Driven Server Side CSS3 Preprocessor: PCSS
Unleash the CSS3 power with much less code and features like class nesting, server-side browser specifics, default unit and variables by using PCSS, a php driven server side CSS3 preprocessor. It allows CSS developers to write CSS code with variables and various shortcuts, while the user still gets standards-complaint CSS code on his side.
Read the rest of this entry »Visual CSS Background Sprites Generator: Sprite Cow
Sprite Cow is a visual tool for generating CSS background sprites. Okay, cool! But what is a sprite? I knew those old school designers (still slicing their large images) would ask this question. A sprite is a big block of small images that loads in to the Web browser once and might be used to [...]
Read the rest of this entry »Compass Extension to Create Awesome 3D Text Shadows: OMG TEXT
OMG TEXT is a compass extension to create awesome 3D text shadows for your websites and web applications. The OMG TEXT extension provides a mixin with a simple syntax for creating your awesome text shadows. There are three shadow styles for you to choose from, flat, shaded and offset. The flat and shaded styles share [...]
Read the rest of this entry »Boilerplate for Responsive, Mobile-Friendly Development: Skeleton
Do you do single-source-development? By single source development, I mean using the same code base to develop solutions for different platforms. This method of development is usually based on a flexible framework that allows you to use the same code base to publish solutions on various platforms without requiring much changes. If you do not already practise [...]
Read the rest of this entry »Build Powerful and Beautiful HTML Forms With Ideal Forms Framework
Ideal Forms is a small framework to build powerful and beautiful html forms. It’s very easy to use and requires minimal html syntax. It degrades gracefully when JavaScript disabled. It comes with multiple themes and the created html forms can be styled easily with CSS.
Read the rest of this entry »Component Based CSS Layout System: StackLayout
StackLayout is a flexible width component based CSS layout system. It is proposed as an alternative to the popular grid style layout systems. The default StackLayout is a ‘fluid’ or ‘liquid’ layout based on percentage widths so you can mockup your design quickly. It provides adequate markup structure and layout hooks so that you can [...]
Read the rest of this entry »Detect Invalid Markup With Holmes Stylesheet
Sometimes you are so much engrossed in your code that you do not have time to nitpick minor details. You decide to live with those problems until the time when you can dig deeper and fix those issues. However, there are some issues that can be instantly fixed and make your code cleaner and compliant [...]
Read the rest of this entry »