Latest Blogs In "Css" On DeVSeO
Find Your Nearest ATM
Find Your Nearest ATM I have been working on a few scripts recently a little different to the normal ones you might find on DeVSeO. Partly this is because I have now discovered how awesome jQuery can be, and how easy it is to learn and use. Because of this I have undertaken a few personal "mini-projects" with the help of jQuery and a little bit of HTML5 thrown in for good measure. The first of these is my new "ATM Finder", which uses Google Maps to plot ATMs on a map for you based on one of...
Posted Wed 6th Jul @ 16:25 by ahallicks | Comments 1
Blurry Text & Simple Snapshots With HTML & CSS3
I was reading the latest post on Ajaxian and found Marcin Wichary (the creator of the Google Pacman Logo) to be an absolute genius with some very interesting ideas. Thought I'd try out a couple of them here, so to start with here's some blurry text: Blurry Title Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dapibus arcu sit amet erat feugiat accumsan. Morbi rutrum dui a lacus sollicitudin in accumsan quam vestibulum. In hac habitasse platea dictumst. Donec sed sapien mi, ut bl...
Posted Fri 24th Sep @ 14:02 by ahallicks | Comments 2
The Decline Of Internet Explorer 6?
Recently I've been looking at some new sites made by various designers and developers and I've begun to notice a trend. The obvious use of CSS3 and HTML5 has risen dramatically since the beginning of the year. This makes me wonder, is it because people have finally stopped caring so much about IE6 looking visually identical as all the other browsers? I'd certainly like to think so! One recent incident regarding this comes from the sites I've been working on at work. I've been m...
Posted Wed 28th Jul @ 15:30 by ahallicks | Comments 5
Microsoft Could Support IE6 For Longer!
I know it's the most depressing news you've probably heard for a long time, but Microsoft are talking about extending the life of Windows XP based on a fact that 74% of work PC's still run the 4 and a half year old OS.This could potentially mean that IE6 (which shipped with the original versions of XP and therefore must be supported as long as the OS) could well be supported for a longer length of time too to accommodate businesses that don't want to update their IE6-specific software until they...
Posted Wed 14th Jul @ 15:01 by ahallicks | Comments 4
CSS3 Rounded Images Without Clipping
Have you ever tried to style an image in CSS3 with a border radius of anything except 0? If you have you may have noticed that the image clips outside of the container, which looks absolutely horrible! The desired effect would be for the image to sit below the border and clip underneath so it looks like the image has a nice rounded corner. However, because of this (Firefox?) bug, the desired effect cannot be achieved this way.However, there is a workaround! (Actually there's a couple, but this i...
Posted Wed 7th Jul @ 16:17 by ahallicks | Comments 6
Simple CSS Debugging Methods
Firebug, Firebug, Firebug!If you are a web developer and you haven't heard of Firebug you need to get it now! It is a free Firefox addon that lets you traverse the contents of any web page, view the CSS, view the javascript, debug your scripts and edit them live. Basically, everything you could want from a development tool. And the best part is that it's free!All you need to do to use it is download it/install it (if you are not using Firefox you can download the Lite version (installation instr...
Posted Tue 15th Jun @ 10:37 by ahallicks | Comments 4
The Acid 3 Test - The Latest Browser Results
Whilst browsing the Internet today I came across this great letter, which contained a link to a blog written by Internet Explorer and how IE9 is going to eventually almost comply to the acid 3 test (although the time that happens the acid 4 test will have been released and IE9 won't have a chance!). This led me to wonder how the current array of popular and up-to-date browser versions are complying with the acid 3 test as it stands today. The results were interesting in some cases, bhut as yo...
Posted Tue 18th May @ 22:28 by ahallicks | Comments 2
YUITip - Simple JavaScript Tooltip For YUI
Demo I wanted to create a simple tooltip for a project I was working on and have seen plenty of jQuery examples, but as you may know by now I prefer to use the YUI library for all of my javascript. So I took this opportunity to write myself a nice little script that would do exactly what I wanted with the greatest of ease.I also thought I would share the finished result with you, in case you are looking for the same sort of thing. It is configurable by changing a couple of the options at the to...
Posted Thu 22nd Apr @ 23:14 by ahallicks | Comments 9
YUILight - Spotlight Your Page Elements With YUI
YUILight is a customisable YUI Script that will highlight an element on your page simply by applying a class of 'yuilight' to that element. When that element is clicked and focused on, everything else on the page will be covered by a mask and that single element will stand out from the rest.It is a very simple script to implement only requiring two javascript files and no CSS! The options for customising the script can be found at the top of the javascript file (which is fully commented for you)...
Posted Fri 26th Mar @ 13:38 by ahallicks | Comments 7
Pure CSS Speech Bubbles
I love CSS3. If you're viewing this in a decent modern browser (not Internet Explorer) then you can probably see that because of the amount I use. I do, however, always try to use progressive enhancement in my projects so that anything that looks great in the good browsers still looks presentable in other browsers. What I love most about CSS3 is how easy it is to do some of the things that used to be an absolute chore for us web developers. Simple things such as creating rounded corners for e...
Posted Mon 8th Mar @ 10:09 by ahallicks | Comments 2
The Universal Selector - A CSS Must Have?
During the creation of web pages the most difficult task set forth before any web developer is that of cross-browser compatibility. Internet Explorer, Mozilla Firefox, Opera, Safari and so forth, have their own default margins and padding for certain elements on the page, and the page itself. This means that when building a web site there are going to be differences between browsers in terms of display and layout. The Universal Selector is not as widely known as many of the CSS selectors beca...
Posted Fri 5th Mar @ 14:20 by ahallicks | Comments 5
IE6Update And Pushup For The Web
Recently I have been conducting a fair bit of research regarding a finite resolution to one of the largest issues faced by web developers and web companies alike. Internet Explorer 6. The biggest question I have asked myself is "How on earth has this browser been around for so long, and why is it still here?".It is now officially the oldest and yet still widely-used browser around, possibly because of the fact that it comes installed as standard on out-of-date Microsoft computers owned by large...
Posted Mon 17th Aug @ 15:29 by ahallicks | Comments 9
- Page 1
- Page 1
Add Us To Twitter
This Months Most Viewed Articles
- Star Rating Script Php And Mysql Tutorial5182
- Star Rating Script With Yui2893
- Get The Distance Between Two Addresses2569
- Yuilight Spotlight Your Page Elements With Yui1126
- Tweetywall Yui Plug In To Put Twitter Live On Your Website1075
News/Blogs/Articles
Get The Distance Between Two Addresses
Find The Distance Between Two Addresses After having a lot of fun working on the "Find Your Nearest ATM" script I decided to have a go at something...
read moreThoughts About Google+
It's everywhere at the moment. Everyone is talking about it. Not so many have managed to use it yet. I am one of the fortunate ones that has had a f...
read moreFind Your Nearest ATM
Find Your Nearest ATM I have been working on a few scripts recently a little different to the normal ones you might find on DeVSeO. Partly this is...
read moreBlurry Text & Simple Snapshots With HTML & CSS3
I was reading the latest post on Ajaxian and found Marcin Wichary (the creator of the Google Pacman Logo) to be an absolute genius with some very in...
read moreHTML5 Search Inputs - Tips and Tricks
HTML5 has some great new tags and attributes allowing you to do some neat stuff without having to resort to HTML/JavaScript/CSS hacks. Today I learn...
read more
