Free Zocial Button Set: Social CSS3 Buttons | Smashing Coding
12 days ago by buda
The standard buttons provided by third parties (such as Facebook, Twitter and SoundCloud) vary in size, style and interactivity. A consistent button set could reduce a lot of that visual noise and inconsistency. Furthermore, having it in CSS format means that changing the text for certain actions would be a breeze for developers, and it also allows administrators of non-English websites to translate labels into their native languages.
The button set was designed from the beginning to require no extra markup, and the elements used are entirely the choice of the (semantically considerate) designer. All buttons are fully scalable and customizable, and they degrade gracefully on older browsers, although the aesthetics in IE 6 and 7 are admittedly inferior to image-based alternatives.
buttons
css
css3
webdesign
The button set was designed from the beginning to require no extra markup, and the elements used are entirely the choice of the (semantically considerate) designer. All buttons are fully scalable and customizable, and they degrade gracefully on older browsers, although the aesthetics in IE 6 and 7 are admittedly inferior to image-based alternatives.
12 days ago by buda
SlickMap CSS — A Visual Sitemapping Tool for Web Developers - Astuteo™
12 days ago by buda
SlickMap CSS is a simple stylesheet for displaying finished site maps directly from HTML unordered list navigation. It’s suitable for most web sites – accommodating up to three levels of page navigation and additional utility links – and can easily be customized to meet your own individual needs, branding, or style preferences.
The general idea of SlickMap CSS is to streamline the web design process by automating the illustration of site maps while at the same time allowing for the pre-development of functional HTML navigation.
css
design
tools
webdesign
maps
planning
websites
The general idea of SlickMap CSS is to streamline the web design process by automating the illustration of site maps while at the same time allowing for the pre-development of functional HTML navigation.
12 days ago by buda
10 handy jQuery mobile tips and snippets to get you started | Webdesigner Depot
21 days ago by buda
As with any new technology, getting started is often the hardest part.
With this frustration in mind, we have put together some of my handiest tips, tricks and code snippets related to the jQuery Mobile library.
Because this is not a full-on primer for using the library, we will skip over some of the things that become rather obvious as you get started and instead get straight to the items that become rather frustrating or troublesome.
Also be sure to let us know in the comments which snippets you found useful and of any others that you know of that can be useful.
javascript
jquery
webdesign
With this frustration in mind, we have put together some of my handiest tips, tricks and code snippets related to the jQuery Mobile library.
Because this is not a full-on primer for using the library, we will skip over some of the things that become rather obvious as you get started and instead get straight to the items that become rather frustrating or troublesome.
Also be sure to let us know in the comments which snippets you found useful and of any others that you know of that can be useful.
21 days ago by buda
Automatic responsive images in WordPress | Viewport Industries
5 weeks ago by buda
As Elliot mentioned in our first post we wanted to try out a few relatively new techniques on this site, the main one being the inclusion of Josh Emerson’s Responsive-Enhance script to serve resolution-dependent images.
The simplest way to see the script in action (if you are using a desktop browser) is to resize this screen so that it’s very narrow and hit refresh; all being well the image above should turn into a black and white version, physically smaller in terms of dimensions and file size. Now slowly stretch the screen out again and you should see the colour version kick back in. Josh’s script cleverly replaces the lo-res version with the full size colour version — nice and easy.
design
images
responsive
webdesign
wordpress
css
jquery
The simplest way to see the script in action (if you are using a desktop browser) is to resize this screen so that it’s very narrow and hit refresh; all being well the image above should turn into a black and white version, physically smaller in terms of dimensions and file size. Now slowly stretch the screen out again and you should see the colour version kick back in. Josh’s script cleverly replaces the lo-res version with the full size colour version — nice and easy.
5 weeks ago by buda
Mind Blowing WordPress Plugins « Lorelle on WordPress
5 weeks ago by buda
To me, a mind blowing WordPress Plugin is one that breaks the rules. It is unique and original in its implementation, and pushes WordPress. It might not be a Plugin that everyone must have on their site. It might not be a Plugin that even interests you. What these will do is to get you to look at the incredible diversity of Plugins available. If you are a Plugin author, hopefully these will light up your imagination as to the possible, building upon these and incorporating their originality into your Plugins.
news
plugins
webdesign
wordpress
5 weeks ago by buda
LESS « The Dynamic Stylesheet language
5 weeks ago by buda
LESS extends CSS with dynamic behavior such as variables, mixins, operations and functions. LESS runs on both the client-side (Chrome, Safari, Firefox) and server-side, with Node.js and Rhino.
css
development
framework
webdesign
ruby
5 weeks ago by buda
Golden Grid System
6 weeks ago by buda
Golden Grid System (GGS) splits the screen into 18 even columns. The leftmost and rightmost columns are used as the outer margins of the grid, which leaves 16 columns for use in design.
css
design
framework
grid
webdesign
6 weeks ago by buda
Home - Web design inspiration from siteInspire
6 weeks ago by buda
Browse 2,462 websites by style, theme, and type, or view a random selection. You can also see the very best.
best
blog
design
inspiration
webdesign
6 weeks ago by buda
Sticky Sidebar jQuery plugin | Phil Parsons
8 weeks ago by buda
This jQuery plugin allows you to set a number of sidebar or floating boxes that follow the user down the page as they scroll. The plugin uses absolute positioning calculated from the original css and offset to either the closest positioned parent or to the document. The plugin has been tested in IE6-9 and all the other major browsers.
javascript
jquery
opensource
webdesign
8 weeks ago by buda
How nth-child Works | CSS-Tricks
february 2012 by buda
how to target every n of elements with css
css
css3
webdesign
target
customize
february 2012 by buda
The Semantic Grid System
january 2012 by buda
Just released version 1.1 of the Semantic Grid System. Adds offsets, uses micro clearfix, and supports SCSS and Stylus.
Tools
CSS
framework
grid
less
webdesign
january 2012 by buda
Kotatsu
august 2011 by buda
Easy table maker
Barra_de_marcadores
Utilidades
webdesign
css
design
webdev
web
august 2011 by buda
jQuery for Designers - Tutorials and screencasts
august 2011 by buda
jQuery for Designers - Tutorials and screencasts
Barra_de_marcadores
Must_Read
jquery
javascript
tutorials
webdesign
design
js
designer
blog
article
ajax
august 2011 by buda
WordPress Ecommerce a WordPress Shopping Cart Plugin
Barra_de_marcadores Sites blogs cms design e-commerce ecommerce framework free freeware online plugin plugins scripts shopping webdev webdesign shop store software shoppingcart wordpress wordpress-plugins wp wp-plugins eshop cart wp-e-commerce
august 2011 by buda
Barra_de_marcadores Sites blogs cms design e-commerce ecommerce framework free freeware online plugin plugins scripts shopping webdev webdesign shop store software shoppingcart wordpress wordpress-plugins wp wp-plugins eshop cart wp-e-commerce
august 2011 by buda
Jan Quickels // Web-Typography-Tool zur Berechnung von CSS-Typosets in em und px
august 2011 by buda
Web-Typography 2 Beta: CSS-Typoset Matrix and code generator
Barra_de_marcadores
Utilidades
tools
webdesign
fonts
generator
type
web
typography
css
august 2011 by buda
45 Incredibly Useful Web Design Checklists and Questionnaires - Smashing Magazine
Barra_de_marcadores Utilidades business checklist cheatsheet design development freelance smashing seo resources reference productivity list lists testing tips usability webdesign webdev website webdevelopment checklists client management questionnaire
august 2011 by buda
Barra_de_marcadores Utilidades business checklist cheatsheet design development freelance smashing seo resources reference productivity list lists testing tips usability webdesign webdev website webdevelopment checklists client management questionnaire
august 2011 by buda
Simple JQuery Accordion menu - Version 3
december 2010 by buda
This is a simple menu done in JQuery. It's an evolved version of the menu first presented in this weblog entry.
I've got information man! New shit has come to light!
--Jeff Bridges as 'The Dude' in The Big Lebowski
* Now supports nested accordions (1 level, more is madness)
* Adds a class 'active' to any active (opened) item
* Now supports panels that can contain anything
There is no cookie stuff. Please control state through your page (generation) code by adding the expand class to items that need to be expanded t page load time.
If this plugin is useful for you feel free to download it and use it on your website.
This plugin is discussed on my blog in this post.
jquery
menu
javascript
code
webdesign
css
howto
navigation
accordion
I've got information man! New shit has come to light!
--Jeff Bridges as 'The Dude' in The Big Lebowski
* Now supports nested accordions (1 level, more is madness)
* Adds a class 'active' to any active (opened) item
* Now supports panels that can contain anything
There is no cookie stuff. Please control state through your page (generation) code by adding the expand class to items that need to be expanded t page load time.
If this plugin is useful for you feel free to download it and use it on your website.
This plugin is discussed on my blog in this post.
december 2010 by buda
Whiteboard – A Free Wordpress Framework | Bold Perspective Labs
october 2010 by buda
Powerful, clean, and well-noted code for efficient WordPress theme development
Whiteboard Framework has been helping WordPress developers cut back on their development time and improve their WordPress powered websites since 2008.
Whiteboard framework for WordPress was developed to speed up the development of WordPress themes. Whiteboard does so by eliminating the time spent on code common to all WordPress themes and includes non-intrusive code that improves the overall WordPress theme in many ways - including SEO, speed, usability, mobile support, and multi-lingual support.
wordpress
framework
themes
theme
webdesign
free
webdev
development
design
Whiteboard Framework has been helping WordPress developers cut back on their development time and improve their WordPress powered websites since 2008.
Whiteboard framework for WordPress was developed to speed up the development of WordPress themes. Whiteboard does so by eliminating the time spent on code common to all WordPress themes and includes non-intrusive code that improves the overall WordPress theme in many ways - including SEO, speed, usability, mobile support, and multi-lingual support.
october 2010 by buda
Popular Social Sharing and Bookmarking Widgets and Buttons for Wordpress :Speckyboy Design Magazine
social article blog blogging business button buttons design recursos plugins media javascript icons development reference resources sharing socialmedia tools webdesign widget widgets wordpress
september 2010 by buda
social article blog blogging business button buttons design recursos plugins media javascript icons development reference resources sharing socialmedia tools webdesign widget widgets wordpress
september 2010 by buda
Blank Themes, Frameworks and Templates: Resources to Speed Up Your Development Time – DesignM.ag
blog code css design framework frameworks development productivity layout html free links programming resources web toread tools themes theme templates web2.0 template webdesign webdev webdevelopment wordpress
april 2010 by buda
blog code css design framework frameworks development productivity layout html free links programming resources web toread tools themes theme templates web2.0 template webdesign webdev webdevelopment wordpress
april 2010 by buda
20 Must Know Recent CSS and CSS3 Resources and Tools
march 2010 by buda
CSS is always the easiest method to improve websites design and functionality. Moreover, The next version of CSS (CSS3) will revolutionize the way websites works. Except Internet Explorer most of the modern browsers supports CSS3 features. Here we present to you 20 recent CSS & CSS3 tools and resources you need to be aware of as a web designer/developer.
You can check here what CSS3 features Internet Explorer supports. Although, none of the new exciting new features of CSS3 are supported, Microsoft Announced to support CSS3 in Internet Explorer ( IE9). Keep your finger crossed!
css
css3
html5
resources
tools
webdesign
tutorial
design
You can check here what CSS3 features Internet Explorer supports. Although, none of the new exciting new features of CSS3 are supported, Microsoft Announced to support CSS3 in Internet Explorer ( IE9). Keep your finger crossed!
march 2010 by buda
CSSLab - jQuery browserSizr
january 2010 by buda
Coding liquid layouts for your website can become a major problem due to many factors to be taken into when the user resizes the browser: images that doesn’t fit the width, texts wrapping as not expected, columns breaking… not to mention that working with percentages in CSS is problematic among different browsers. With a fixed layout this should not happen, because you have more control over the structure itself and the box model behaves as you expect if you use a good CSS reseter.
css
webdesign
layout
javascript
browser
design
plugin
jquery
size
resolution
january 2010 by buda
Unit Interactive :: Labs :: Unit PNG Fix
december 2009 by buda
Waaaaah! Waaaaaah! You hear that? That’s IE6 whining about how you should be using an obtuse “filter” attribute, causing all those nice, pretty pngs on your page to go whacky. Fortunately for you, we got just the thing to shut it up. Give it just the tiniest dose of our Unit PNG Fix and bask in the the glorious phosphoresence of your png images once again! While this is not the only png fix out there (in fact, it was inspired by Drew McLellan’s supersleight), here’s why it will be the last one you need to download:
png
javascript
pngfix
ie6
css
ie
webdesign
transparency
fix
december 2009 by buda
The Icon Grab Bag: The Top 50 Sources for Free Designer Icons | Design Vitality
december 2009 by buda
Do you feel like something is missing from your site? Do you want to give your design a little snap? Make your site stand out with icons! When used correctly icons can add flavor and character to your site. Below are the top 50 sources for designer icons for use on your website:
icons
free
webdesign
design
graphics
resources
icon
tools
december 2009 by buda
23 Pure CSS Effects/Solutions to Make JavaScript Angry!- WebAnthology.net
december 2009 by buda
The title is a bit funny! Making JavaScript angry! but truthfully we’re not going to make JavaScript angry. We just would like to introduce you some effects or solutions which you may think are made using Javascript (or his friends) but after reading this post, you would be proud of CSS! All of them are made using Pure CSS.
css
webdesign
tutorials
effects
css3
javascript
development
webdev
december 2009 by buda
Interface elements for jQuery - About Interface
november 2009 by buda
Interface is a collection of rich interface components which utilizes the lightweight JavaScript library jQuery. With this components you can build rich client web applications and interfaces with the same simplicity as writing JavaScript with jQuery.
The collection is dual licensed with the MIT license and the GPL, which basically means you can use it for free for both non-commercial and commercial usage as long as you keep the copyright notice in each of Interface's JavaScript source file.
jquery
webdev
web2.0
ui
webdesign
library
javascript
plugin
interface
ajax
The collection is dual licensed with the MIT license and the GPL, which basically means you can use it for free for both non-commercial and commercial usage as long as you keep the copyright notice in each of Interface's JavaScript source file.
november 2009 by buda
ZURB – Super Awesome Buttons with CSS3 and RGBA
november 2009 by buda
One of our favorite things about CSS3 is the addition of RGBA, a color mode that adds alpha-blending to your favorite CSS properties. We've kicked the tires on it a bit with our own projects and have found that it helps streamline our CSS and makes scaling things like buttons very easy. To show you how, we've cooked up an example with some super awesome, scalable buttons.
button
webdev
css3
rgba
design
form
webdesign
tutorial
css
buttons
november 2009 by buda
related tags
3d ⊕ accessibility ⊕ accordion ⊕ actionscript ⊕ add-on ⊕ add-ons ⊕ addon ⊕ addons ⊕ admin ⊕ adobe ⊕ advertising ⊕ after ⊕ after-effects ⊕ agency ⊕ ajax ⊕ android ⊕ animation ⊕ apache ⊕ APRENDER ⊕ archive ⊕ art ⊕ article ⊕ articles ⊕ back ⊕ backbutton ⊕ banner ⊕ Barra_de_marcadores ⊕ best ⊕ bestpractices ⊕ better ⊕ blog ⊕ blogging ⊕ blogs ⊕ book ⊕ books ⊕ breadcrumb ⊕ breadcrumbs ⊕ browser ⊕ browsers ⊕ bugs ⊕ business ⊕ button ⊕ buttons ⊕ career ⊕ carousel ⊕ carrusel ⊕ cart ⊕ center ⊕ centered ⊕ centering ⊕ cheatsheet ⊕ checklist ⊕ checklists ⊕ chrome ⊕ chrome_extensions ⊕ chromium ⊕ cinema ⊕ cinematic ⊕ class ⊕ clean ⊕ cleanup ⊕ client ⊕ clones ⊕ cms ⊕ coda ⊕ code ⊕ coding ⊕ collection ⊕ color ⊕ columns ⊕ comment ⊕ comments ⊕ community ⊕ comparison ⊕ compatibility ⊕ compilation ⊕ conditional ⊕ contact ⊕ content ⊕ cool ⊕ corners ⊕ creativity ⊕ cross ⊕ css ⊕ css3 ⊕ custom ⊕ customfields ⊕ customize ⊕ database ⊕ desarrollo ⊕ descargas ⊕ design ⊕ designer ⊕ designers ⊕ desktop ⊕ developers ⊕ development ⊕ digital ⊕ diseño ⊕ display ⊕ documentation ⊕ download ⊕ downloads ⊕ drop ⊕ e-commerce ⊕ ecommerce ⊕ editor ⊕ effect ⊕ effects ⊕ email ⊕ email+marketing ⊕ email-marketing ⊕ emailmarketing ⊕ emails ⊕ employment ⊕ enhancement ⊕ eshop ⊕ examples ⊕ extension ⊕ extensions ⊕ featured ⊕ film ⊕ firefox ⊕ fireworks ⊕ fix ⊕ fixed ⊕ flash ⊕ flickr ⊕ float ⊕ floating ⊕ font ⊕ fonts ⊕ fontstack ⊕ form ⊕ formatter ⊕ forms ⊕ forum ⊕ forums ⊕ fotos ⊕ framework ⊕ frameworks ⊕ free ⊕ freebies ⊕ freelance ⊕ freelancing ⊕ freeware ⊕ frontend ⊕ fullscreen ⊕ gallery ⊕ generator ⊕ gif ⊕ goodness ⊕ google ⊕ graph ⊕ graphic ⊕ graphicdesign ⊕ graphics ⊕ gratis ⊕ grid ⊕ guide ⊕ hack ⊕ hacks ⊕ help ⊕ herramientas ⊕ hosting ⊕ hover ⊕ how-to ⊕ howto ⊕ htaccess ⊕ html ⊕ html5 ⊕ icon ⊕ iconos ⊕ icons ⊕ ideas ⊕ ie ⊕ ie6 ⊕ illustration ⊕ illustrator ⊕ image ⊕ images ⊕ important ⊕ inmobiliaria ⊕ inspiracion ⊕ inspiration ⊕ installation ⊕ interactive ⊕ interface ⊕ internet ⊕ ipad ⊕ iphone ⊕ ipsum ⊕ java ⊕ javascript ⊕ job ⊕ jobs ⊕ jquery ⊕ js ⊕ keep ⊕ language ⊕ languages ⊕ layout ⊕ less ⊕ library ⊕ lightbox ⊕ links ⊕ liquid ⊕ list ⊕ lists ⊕ load ⊕ login ⊕ logos ⊕ loop ⊕ loops ⊕ lorem ⊕ loremipsum ⊕ mac ⊕ magazine ⊕ Mailing ⊕ malo ⊕ management ⊕ maps ⊕ marketing ⊕ media ⊕ menu ⊕ menus ⊕ minimal ⊕ mobile ⊕ monitoring ⊕ motion ⊕ motiongraphics ⊕ mp3 ⊕ multilanguage ⊕ multilingual ⊕ multiple ⊕ music ⊕ Must_Read ⊕ navigation ⊕ news ⊕ newsletter ⊕ newsletters ⊕ online ⊕ opensource ⊕ optimization ⊕ optimize ⊕ pack ⊕ page ⊕ pages ⊕ pagination ⊕ paper ⊕ parallax ⊕ patch ⊕ patterns ⊕ pdf ⊕ perfect ⊕ performance ⊕ photo ⊕ photography ⊕ photos ⊕ photoshop ⊕ php ⊕ pictures ⊕ pixel ⊕ planning ⊕ plugin ⊕ plugins ⊕ png ⊕ png8 ⊕ pngfix ⊕ popup ⊕ portfolio ⊕ post ⊕ productivity ⊕ programming ⊕ progressive ⊕ psd ⊕ queries ⊕ questionnaire ⊕ rapidshare ⊕ realestate ⊕ recursos ⊕ redundancy ⊕ reference ⊕ regexp ⊕ resize ⊕ resolution ⊕ resource ⊕ resources ⊕ responsive ⊕ ressources ⊕ retina ⊕ rgba ⊕ round ⊕ rounded ⊕ rss ⊕ ruby ⊕ sandbox ⊕ script ⊕ scripts ⊕ scroll ⊕ seestyle ⊕ seo ⊕ server ⊕ set ⊕ sets ⊕ setup ⊕ shadow ⊕ sharing ⊕ shop ⊕ shopping ⊕ shoppingcart ⊕ shortcodes ⊕ showcase ⊕ signup ⊕ Sites ⊕ size ⊕ slide ⊕ slider ⊕ slideshow ⊕ smashing ⊕ smashingmagazine ⊕ snippets ⊕ social ⊕ socialmedia ⊕ socialnetworking ⊕ software ⊕ sound ⊕ soundeffects ⊕ soundfx ⊕ sounds ⊕ source ⊕ sprite ⊕ sprites ⊕ standards ⊕ statistics ⊕ sticky ⊕ stickypost ⊕ stock ⊕ store ⊕ structure ⊕ styleswitcher ⊕ support ⊕ svg ⊕ switch ⊕ syntax ⊕ target ⊕ technology ⊕ template ⊕ templates ⊕ testing ⊕ text ⊕ thematic ⊕ theme ⊕ themes ⊕ thumbnail ⊕ tipografia ⊕ tips ⊕ tool ⊕ tools ⊕ top ⊕ toread ⊕ translation ⊕ transparency ⊕ tricks ⊕ tutoriais ⊕ tutorial ⊕ Tutoriales ⊕ tutorials ⊕ tween ⊕ tweening ⊕ type ⊕ typeface ⊕ typo ⊕ typography ⊕ ui ⊕ upgrade ⊕ uptime ⊕ usability ⊕ useful ⊕ users ⊕ Utilidades ⊕ validation ⊕ vector ⊕ vectores ⊕ vectors ⊕ vertical ⊕ vfx ⊕ video ⊕ videos ⊕ visual ⊕ visualization ⊕ vml ⊕ warez ⊕ web ⊕ web2.0 ⊕ webdesign ⊖ webdev ⊕ webdevelopment ⊕ website ⊕ websites ⊕ webstandards ⊕ widget ⊕ widgets ⊕ window ⊕ wireframe ⊕ wireframes ⊕ wordpress ⊕ wordpress-plugins ⊕ wordpress-theme ⊕ wordpress-themes ⊕ wordpressplugins ⊕ work ⊕ wp ⊕ wp-e-commerce ⊕ wp-plugins ⊕ xhtml ⊕ xml ⊕ youtube ⊕Copy this bookmark: