Quantcast
Channel: NealGrosskopf.com - Geek Speak
Browsing all 40 articles
Browse latest View live

Image may be NSFW.
Clik here to view.

Creating Facebook Styled Photo Tagging With CSS & jQuery

Example vs. FacebookIn this article I'll show you how to create a Facebook-like photo tagging feature. If you're like me you're probably more interested in a live example than digging through this...

View Article



Image may be NSFW.
Clik here to view.

A jQuery Tool That Generates External Stylesheets From Your HTML Structure

HTML to CSS ToolMy HTML to CSS tool will parse through your HTML structure, pull out IDs, classes and any inline CSS and create a basic stylesheet for you. To see this article in action, feel free to...

View Article

Image may be NSFW.
Clik here to view.

Create An Icon Bouncing Effect With jQuery & CSS

Adding animations to a webpage can give it a polished appearance to visitors. One effect that can be added, is a bouncing effect on icons or graphics. In many ways this is much like the 'dock' in Mac...

View Article

Image may be NSFW.
Clik here to view.

A List of New CSS Features In Firefox 3.6, Set to be Released Tomorrow

Firefox 3.6Firefox 3.6 looks to have plenty of new features for web developers to play with.Firefox 3.6 is set to be released January 21st and is packing several new and exciting properties in it....

View Article

Image may be NSFW.
Clik here to view.

Find Unused CSS Selectors With CSS Usage, A Firebug Extension

As a website grows so does its stylesheet. The problem is, the opposite is not true. As a pages get removed, seldom do the selectors in the external stylesheet. This becomes even worse with multiple...

View Article


Image may be NSFW.
Clik here to view.

Don't Like The New Facebook Home Page? Fix It With 5 Lines of CSS

New Facebook Home PageAbove is a screenshot of the new Facebook home page. One change on the new page is showing all types of updates rather than just status updates.Facebook has once again decided to...

View Article

Image may be NSFW.
Clik here to view.

Google vs. China: How It Will Affect Web Workers

First let me start with this won't be my typical "how-to-like" article which I typically write on my website. I haven't posted many of those over the past month mostly because I was in the process of...

View Article

Image may be NSFW.
Clik here to view.

Everything You Need to Know About jQuery's .data() Method

I was recently working on a project that required users to input numbers, formatted as currency into textboxes and then calculate said numbers with other formatted textboxes. My client-side calculator...

View Article


Image may be NSFW.
Clik here to view.

Tracking Internal Website Campaigns With Google Analytics and PHP

Internal Campaign Tracking With Google AnalyticsLearn how to implement internal website campaign tracking with Google AnalyticsMany sites nowdays self promote content deep within from the home page. In...

View Article


Image may be NSFW.
Clik here to view.

Tracking Outgoing Links in Google Analytics Using Event Tracking and jQuery

Outgoing Link Tracking With Google AnalyticsLearn how to track outgoing links using Google Analytics & jQuery.By default Google Analytics will track the exit page, or last page a user views while...

View Article

Image may be NSFW.
Clik here to view.

Beautify Your CSS With CleanCSS

It's been awhile since I've posted. Frankly I just haven't had anything to talk about. I thought I'd write up a quick article on a useful tool I found the other day called CleanCSS. If you're...

View Article

Image may be NSFW.
Clik here to view.

Media Query Madness: See How Firefox & Opera Preload Images Differently Than...

Recently, I was thinking about creating a media queries for my website. Specifically for users on small screen devices and users on the iPad. This is relatively easy using media queries and can be...

View Article

Image may be NSFW.
Clik here to view.

Determine CSS Property Support Using Javascript Feature Testing

Testing For CSS Support In JavascriptLearn how to test for CSS property support using JavascriptI was looking to test if a certain browser (I'm looking at you Internet Explorer) supported CSS opacity...

View Article


Image may be NSFW.
Clik here to view.

A CSS Only Lightbox/Shadowbox Media Viewer Using CSS Transitions

My site was recently featured in a web magazine for an article I had written on a CSS only content slider. I noticed another CSS only article featured was a CSS only lightbox. After investigating the...

View Article

Image may be NSFW.
Clik here to view.

Track Embedded YouTube Video Events in Google Analytics Using YouTube's JSAPI

View Demo »Download Demo ↓Ever wonder how many of users watched an embedded YouTube video all the way through? How about how many simply pause the video halfway through out of boredom? This is all...

View Article


Image may be NSFW.
Clik here to view.

Emulate Facebook By Preloading Previous & Next Photo Gallery Images

I've always looked to Facebook when it comes to adding new features to my own website. I mean, why not? Certainly 500(estimate/exaggeration) developers must be smarter than 1. I also look at it like a...

View Article

Image may be NSFW.
Clik here to view.

Improve Responsive Designs & Re-Use Images With CSS3's Background-Size Property

The Same CSS Sprite Re-Used Multiple TimesAn example of how the same CSS sprite can be used for multiple icons sizes. Check out my demo to see this in action.I'll admit it, I've been living in a CSS...

View Article


Image may be NSFW.
Clik here to view.

Create An Image Swipe/Shimmer Effect With CSS Transitions

Shimmer Effect AnimationAbove is an example video of what the effect looks like using CSS transitions. It can be accomplished relatively easily and is completely hidden from browsers that don't support...

View Article

Image may be NSFW.
Clik here to view.

Demystifing Nth-Child in CSS

I'm not going to lie, using nth-child has always made my brain hurt when using it in CSS. Maybe it's the fact that math is involved and for the most part, I can avoid math in most other areas of CSS...

View Article

Image may be NSFW.
Clik here to view.

Fixing The Extra Bold Font Bug In IE9 - (AKA Font Bigger In IE9)

IE9 vs FirefoxAbove is a comparision of IE9 and Firefox. As you can see, IE9 was bolding the font much larger than Firefox and other browsers and causing it to misrender on the page. View a demo of...

View Article
Browsing all 40 articles
Browse latest View live




Latest Images