サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
Pixel 9
www.askthecssguy.com
Features The Paper Marauder 3000 is an industrial high-capacity shredder, shredding up to 300 sheets of paper into .006 inch strips. A 30 horsepower motor powers the unit. The all-metal construction makes this machine as rugged and durable as it looks. Whether your needs require the destruction of large quantities of paper, currency, passports, homework, leftovers, or comic books, this shredder wi
There's a voice that keeps on calling me. Down the road, that's where I'll always be. Every stop I make, I make a new friend. Can't stay for long, just turn around and I'm gone again. Maybe tomorrow, I'll want to settle down, Until tomorrow, I'll just keep moving on. Hong Kong Phooey, number one super guy. Hong Kong Phooey, quicker than the human eye. He's got style, a groovy style, and a car that
Mike asks the CSS Guy about a scrolling trick with background images Mike writes: Check this out: http://econsultancy.com/reports.Scroll up/down... whaaaaat? :) How was this done? Answer: fixed background images. Let's look at some examples. Images For the basic effect, start with two same sized images, with a slight difference. For my example, I chose this color image and made second version of i
With regards to this article, Josh writes: "Would it be possible for you to recreate this with jQuery and see how many lines of JS you can save in the process?" Yes! View demo This is a direct jQuery replacement of this particular example. The jQuery I ditched all the home-grown functions, linked out to the jQuery-latest.js, then wrote the following bits: $(document).ready(function() { $('.pickme
Generated HTML shows up below. Click it to select all. Cmd-C to copy and paste.
I use Google Analytics, and I noticed that their left nav has an interesting characteristic: instead of each option being boxed in a clickable rectangle, there is a one pixel notch in each corner. It's not necessarily a curved corner, but it is a little softer than a normal box. I would've naturally thought that if someone is going to use background images to create a capsule effect, they would ha
A form is shown when needed, and hidden when the form is cancelled. The form container is set inline to display:none, which is ok, because if someone has javascript off, the "choose" button in the table has a real destination in its href attribute.
Creating a table with dynamically highlighted columns like Crazy Egg's pricing table Update Aug 29, 2007: Examples 9 and 10, and the downloadable zip now accommodate for JavaScript-disabled browsers. Update Aug 28, 2007: links to examples fixed. Again. I like Crazy Egg's pricing table on their Pricing & Signup page. When you click on "Sign Up" for an option, that plan's column highlights, the othe
Stijn writes: Now I ran into a site a while ago that had a basic form with a gray border, if I would enter a correct contents the outline would be green, if I would enter something like: fake@fakemail as the contact mail address the outline would be red. I really like this effect but can’t seem to find a tutorial on it. Maybe you have a good solution? I'm not sure if we can check if the email addr
All the CSS, JavaScript, and HTML are in the source code of this HTML file. Use View Source and copy/paste for your local copy. Traffic Waves Have you ever been driving on an interstate highway when traffic suddenly slows to a crawl? You inch along for many minutes while waiting to see the accident which must have caused the jam. At the same time you also curse the "rubberneckers" who are causing
On this page, the javascript looks for a ul tag with the class of "favilist". Then it goes through every link in that list and looks to see if the href starts with "http:", which would indicate that it's an external link. If so, it grabs the favicon off that domain name and inserts it before each link. If no favicon exists, it uses a locally stored image () to indicate the link is external. A List
I like the little icons next to hyperlinks that signify if that link will take me offsite, open a popup, or link to a file (as opposed to another html page). Here's how to do it in a way that's supported in IE7, Firefox, and Safari. Download zip Images First, find some nice little icons (or better yet, create them yourself) in gif format that will be used as the cues. It might be easier for them a
I wanted to extend the concept of hyperlink cues a little. For links that point to external sites, what if, instead of showing a generic 'external link' icon, we showed that site's favicon? View demo Instead of this: or this: Do this: The favicon gives the reader something to recognize if they are already familiar with the destination site, and if not familiar, something new to associate with it.
I mistakenly deleted the site that previously stood here. I hadn't posted to the site in years, and wasn't planning on it anytime soon. It's name no longer fit its purpose, and it's not easy to rename a domain to 'site that sits on the shelf with outdated techniques.' Perhaps its best this accident happened. - CSS Guy
このページを最初にブックマークしてみませんか?
『Hyperlink Cues with Favicons』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く