Browsing All Posts filed under »Technologies«

A Fresh Bottom Slide Out Menu with jQuery | Codrops

March 10, 2010

0

In this tutorial we will create a unique bottom slide out menu. This large menu will contain some title and a description of the menu item. It will slide out from the bottom revealing the description text and some icon. We will use some CSS3 properties for some nice shadow effects and jQuery for the [...]

Ajaxian » HTML Minification

March 10, 2010

0

Good old Kangax has been playing with HTML minification and has shared his new tool in an early stage. via Ajaxian » HTML Minification.

Awesome Speech Bubbles With Pure CSS3

March 9, 2010

0

Nicolas Gallagher is sharing a creative way on creating good-looking speech bubbles with CSS3. There are no images or JavaScript in the implementations but uses the :before and/or :after pseudo-elements to produce basic shapes. The HTML remains semantic however we should remember that CSS3 is not fully supported by all major browsers & we may again require [...]

5 Advanced CSS Pseudo Classes that will Save your Day | DevSnippets

March 9, 2010

0

CSS3 provides powerful pseudo-classes that allow the designer to select multiple elements according to their positions in a document tree. Using these pseudo-classes can be a little confusing at first, but it becomes a lot easier over time to set up your layout. In today’s article I’m going to take a look at 5 pseudo-classes that [...]

MicroTut: Centering a Div Both Horizontally And Vertically – Tutorialzine

March 8, 2010

0

While building web page layouts, you’ve probably been faced with a situation where you need to center a div both horizontally and vertically with pure CSS. There are more than a few ways to achieve this, and in this MicroTut I am going to show you my favorite involving CSS and jQuery. via MicroTut: Centering a [...]

How To Setup A Reusable Framework For Your Next Website – Freelance Web Designer Lee Munroe

March 4, 2010

0

You’ve done your research, sketched out the wireframes, designed a stunning mockup and now its time to markup. Where do you start? Having your own reusable framework is a great way to save time and provide a basis for your next website. Your own reusable framework is by no means perfect for every project that you work [...]

Dynamic Drive DHTML Scripts- jQuery Image Magnify

March 4, 2010

0

Some images are worth a closer look, which is why there’s Image Power Zoomer. It gives any image on your page the ability to be magnified when the mouse rolls over it. A “magnifying glass” that appears over the image lets the user zoom in on any portion of it as it follows the cursor [...]

How To Build An Ajax Contact Form With jQuery | thatryan

March 3, 2010

0

Ajax is cool. I mean, as long as you use it when practical and necessary, the benefits both visual and experience wise are very evident. The days of submitting a form and being sent to a new page just to have to navigate back to where you were are passed, and sending information without page [...]

CSS3 loading spinners without images • CSS & (X)HTML • Kilian Valkhof

March 3, 2010

0

While playing around with css-transform to make various shapes, I saw a way to create animated image-less loading spinners such as used in a lot of webapps and of course on the iPhone. CSS transforms CSS transform (in Firefox 3.5+ and Webkit-based browsers) has a whole bunch of interesting functions, such as rotation, translation, scaling and skewing. [...]

Future of CSS: The Flexible Box Model

March 3, 2010

0

The Flexible Box Model is part of the CSS3 Specification that doesn’t really get a lot of attention. While everyone’s off checking out how to use selectors, the flexible box model is crying in the corner asking why no one pays him any attention, and rightfully so! The flexible box model has the potential to [...]