baruf www
674 views | +0 today
Follow
Your new post is loading...
Your new post is loading...
Scooped by Kostas Athanasopoulos
Scoop.it!

Fancy Input – jQuery plugin – dropthebit

Fancy Input – jQuery plugin – dropthebit | baruf www | Scoop.it
A blog about client side web development and my personal creations. Only high quality stuff.
more...
No comment yet.
Scooped by Kostas Athanasopoulos
Scoop.it!

How to Create CSS3 Gradient Buttons (Tutorial) | Web Design Inspiration

How to Create CSS3 Gradient Buttons (Tutorial) | Web Design Inspiration | baruf www | Scoop.it
In this quick tutorial we'll create a set of CSS3 gradient buttons that are cross-browser compatible and come in 3 sizes: big, medium, small.
more...
No comment yet.
Scooped by Kostas Athanasopoulos
Scoop.it!

Tutorial Annotation Overlay Effect with CSS3

Tutorial Annotation Overlay Effect with CSS3 | baruf www | Scoop.it
In this tutorial we'll create a little overlay effect with CSS using a combination of the :checked pseudo-class with sibling combinators. The idea is to make an image or element clickable and transition to an overlay-like state that ...
more...
No comment yet.
Scooped by Kostas Athanasopoulos
Scoop.it!

How To Create a Cute Popup Bar With HTML5, CSS3 and jQuery | SpyreStudios

How To Create a Cute Popup Bar With HTML5, CSS3 and jQuery | SpyreStudios | baruf www | Scoop.it
Today we’ll be creating a bar that pops up at the top of a page, and stays above the content (similar to ‘hellobar’). The popup bar was only tested in Chrome and Safari and may not work in other browsers.
more...
No comment yet.
Scooped by Kostas Athanasopoulos
Scoop.it!

How To Create Sticky Footer That Scrolls Along Using CSS?

How To Create Sticky Footer That Scrolls Along Using CSS? | baruf www | Scoop.it
Create a simple sticky footer that scrolls along using CSS. A Simple CSS sticky footer which stays on the page all the time. (How To Create Sticky Footer That Scrolls Along Using CSS?
more...
No comment yet.
Scooped by Kostas Athanasopoulos
Scoop.it!

CSS3 Family Tree

CSS3 Family Tree | baruf www | Scoop.it
Cool walkthru showing how to render a family tree with just HTML+CSS3: http://t.co/tQGgwfnX...
more...
No comment yet.
Scooped by Kostas Athanasopoulos
Scoop.it!

Sass - Syntactically Awesome Stylesheets

Syntactically Awesome Stylesheets (Very fun, small and useful CSS compiler #sass #scss http://t.co/G6FWGKvv...)...
more...
No comment yet.
Scooped by Kostas Athanasopoulos
Scoop.it!

Slick login form with HTML5 & CSS3

Slick login form with HTML5 & CSS3 | baruf www | Scoop.it
We already know that CSS3 has the ability to create a lot of new possibilities to design and implement better web forms. Also, HTML5 has its important role when it comes about creating more usable ...
more...
No comment yet.
Scooped by Kostas Athanasopoulos
Scoop.it!

Creating Responsive Web Design

Creating Responsive Web Design | baruf www | Scoop.it
Learn how to optimize your webpages for different screen sizes and platforms.
more...
No comment yet.
Scooped by Kostas Athanasopoulos
Scoop.it!

Vertical Jquery Gallery | jQuery Gallery

Vertical Jquery Gallery | jQuery Gallery | baruf www | Scoop.it
Vertical Jquery Gallery. jQuery Slider Gallery is the best photo gallery software on the Web! Gallery And Jquery Example (Vertical jquery gallery If...Else syntax might be wrong?
more...
No comment yet.
Scooped by Kostas Athanasopoulos
Scoop.it!

Iphone Css3 Buttons | Pure CSS Buttons

Iphone Css3 Buttons | Pure CSS Buttons | baruf www | Scoop.it
Iphone Css3 Buttons. Make Fancy CSS3 Dropdown Menu & Button Navigation in Minutes! No JavaScript, No Images, No Flash : CSS Only!
more...
No comment yet.
Scooped by Kostas Athanasopoulos
Scoop.it!

5 Steps to Drastically Improve Your CSS Knowledge in 24 Hours | Design Shack

5 Steps to Drastically Improve Your CSS Knowledge in 24 Hours | Design Shack | baruf www | Scoop.it
Reading an article entitled 5 Steps to Drastically Improve Your CSS Knowledge in 24 Hours on Design Shack.
more...
No comment yet.
Scooped by Kostas Athanasopoulos
Scoop.it!

My HTML/CSS coding style — CSS Wizardry—CSS, Web Standards ...

When I write HTML and CSS I have a certain set of rules and guidelines I stick to with regards syntax and formatting. I've decided to write them up here not to preach or tell you how to do things, but simply to share how I like to ...
more...
No comment yet.
Scooped by Kostas Athanasopoulos
Scoop.it!

Textillate.js - A jQuery plugin for applying CSS3 animations to text

Textillate.js - A jQuery plugin for applying CSS3 animations to text | baruf www | Scoop.it
Textillate.js – Plugin jQuery para aplicar animaciones CSS3 a textos http://t.co/8lPDEIYU via @zite (via @matthewadavid)
more...
No comment yet.
Scooped by Kostas Athanasopoulos
Scoop.it!

10 Great jQuery Plugins for 360-Degree Image Rotation | InspireFirst

10 Great jQuery Plugins for 360-Degree Image Rotation | InspireFirst | baruf www | Scoop.it
It is really amazing to see what great things can be created with jQuery.Live action and dynamism have become quite popular in web design industry.Creating slideshows,forms,animations and various effects with stylish ...
more...
No comment yet.
Scooped by Kostas Athanasopoulos
Scoop.it!

12 Really Useful CSS3 Tips And Techniques

12 Really Useful CSS3 Tips And Techniques | baruf www | Scoop.it
CSS 3 no doubt is amazing. I have been using slight bits of it in some of my other web projects, and i am more than pleased with it. Its simplicity runs so well with its advanced features such as rounded corner rendering and font file reading.
more...
No comment yet.
Scooped by Kostas Athanasopoulos
Scoop.it!

jQuery-Error-Handler-Plugin

jQuery-Error-Handler-Plugin | baruf www | Scoop.it
jQuery-Error-Handler-Plugin - This jQuery plugin send an email when a javascript error is triggered (@mkotsalainen This one, really simple thing =) http://t.co/kInzaQWF...)...
more...
No comment yet.
Scooped by Kostas Athanasopoulos
Scoop.it!

How To Create 3D Text using CSS3 | CSSReX

How To Create 3D Text using CSS3 | CSSReX | baruf www | Scoop.it
I am very happy to see, CSS3 finally eliminates the use of Photoshop in terms of giving text shadows. I was just trying my hands on text shadows in CSS3 and thought of creating 3D text by giving multiple shadows and I got something wonderful.
more...
No comment yet.
Scooped by Kostas Athanasopoulos
Scoop.it!

25 Coolest CSS3 Effects Roundup from 2012 | Webdesignersblog - The Best Daily Online Resources for Web and Graphic Designers

25 Coolest CSS3 Effects Roundup from 2012 | Webdesignersblog - The Best Daily Online Resources for Web and Graphic Designers | baruf www | Scoop.it
Webdesignersblog is a Leading Design Blog Focus on Web Design Inspiration, Tutorials, New Design Trends, Digital Art Works, Photos, Vector, Freebies, Internet Resources, Graphics, Typography, Online Tips and Tricks and Much More for Web Designers ...
more...
No comment yet.
Scooped by Kostas Athanasopoulos
Scoop.it!

CSS Tabbed Navigation Menu – 2 of 2

CSS Tabbed Navigation Menu – 2 of 2 | baruf www | Scoop.it
New post: CSS Tabbed Navigation Menu - 2 of 2 http://t.co/XDBSToGA...
more...
No comment yet.
Scooped by Kostas Athanasopoulos
Scoop.it!

Beercamp: An Experiment With CSS 3D | Smashing Coding

Beercamp: An Experiment With CSS 3D | Smashing Coding | baruf www | Scoop.it
This year’s experiment: a 3D pop-up book á la Dr. Seuss. If you’ve not seen it, hop on over and take a look. The website was a test to see how far SVG and CSS 3D transforms could be pushed.
more...
No comment yet.
Scooped by Kostas Athanasopoulos
Scoop.it!

33 Powerful jQuery Slideshow (Sliders) Plugins and Tutorials

33 Powerful jQuery Slideshow (Sliders) Plugins and Tutorials | baruf www | Scoop.it
jQuery has overpowered Flash in a lot of web uses becoming a very powerful tool for web designers. One of these uses that I’m referring to is the image slider.
more...
No comment yet.
Scooped by Kostas Athanasopoulos
Scoop.it!

Free Website Template for Business Site with jQuery Slider

Free Website Template for Business Site with jQuery Slider | baruf www | Scoop.it
Free Website Template for Business Site with jQuery Slider http://t.co/xjC010zm...
more...
No comment yet.
Scooped by Kostas Athanasopoulos
Scoop.it!

Submit Button – PSD | Free Design Resources & PSD Files by Awesome Designers

Submit Button – PSD | Free Design Resources & PSD Files by Awesome Designers | baruf www | Scoop.it
Here at Freebie Pixels we give away premium free PSD files and other design resources, but thats not all! We also pay our members Pixel Points which can be used to buy advertising here on our website.
more...
No comment yet.
Scooped by Kostas Athanasopoulos
Scoop.it!

CSS3 Menu and Navigation Tutorials

CSS3 Menu and Navigation Tutorials | baruf www | Scoop.it
All of the CSS3 navigation tutorials we have for you today are all fully functional and could easily be used on a live site. But we do prefer to think of them all as being more experimental and proof-of-concept rather than being a ...
more...
No comment yet.