THE HAM MEDIA BLOG

imgを画像置換で直接ロールオーバーさせる時のちらつきをなくすCSSの設定方法

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
CSS
タグ:
CSS
ロールオーバー
rollover

imgを画像置換で直接ロールオーバーさせる時のちらつきをなくすCSSの設定方法

以前『二つの画像とCSSやjQueryで表現する3種類のロールオーバー
というのをエントリーしたのですが、
サンプルで作った「imgを直接ロールオーバー」というのが
なんだかちらちら。そして少しぶれて動く。
単にデフォルトでボーダーがついているので、その問題なのですが、
そうじゃないにしろ、FirefoxやOperaで見たときに、
画像やマウスがちらついてみえたりする設定になってしまっていた。

ということで修正してみる!

続きを読む »

東京で大学生向けコミュニティサイト「リンノ」が流行っているらしいが

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
サイトクリッピング
タグ:
SNS

大学生向けコミュニティサイト「リンノ」
LinNo ( リンノ )

大学生向けのSNSで、Facebookのように、
氏名と学籍番号の登録が必須となるサービス。

学生の活動などを応援している僕としては、
このような学生向けの面白いサービスもかなり興味がある。

続きを読む »

jQuer基礎:ベーシックフィルターを学ぶ

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
jQuery
タグ:
jquery
javascript
DOM
filter

ベーシックフィルターを学ぶ

CSSの疑似要素に似たような性質のjQueryのフィルター機能。
実はどんなのがあるのかわかっていなかったりするので勉強!

こんなにあったの!?
と、ただただ、驚くばかりの今日のお勉強。

続きを読む »

jQuer基礎:深い階層のタグを指定する方法

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
jQuery
タグ:
jquery
javascript
DOM

深い階層のタグを指定する方法

jQueryをもう一度基礎的なことから学ぼうかな、
なんて考えていたので、勉強がてらエントリー。

idとかclassを指定していなくても、
特定の階層のタグを指定すべきときがある。
そんな場合の方法をご紹介。

続きを読む »

テクノラティモンスターがまた逃げ出してしまいました?

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
つぶやき
タグ:
ブログ
検索

テクノラティモンスターがまた逃げ出してしまいました?
Technorati Japan

普段はテクノラティはあまり見ないのですが、
ちょっとブログで検索したいことがあって見ようとしたら、
なんだかページが表示されない。

かわりにこんなのが表示された。

続きを読む »

jQuery1.2.6リリース

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
jQuery
タグ:
javascript
jquery

jQuery1.2.6リリース
jQuery: The Write Less, Do More, JavaScript Library

先日1.2.5のリリースをお知らせしたのですが、
もう1.2.6のバージョンが!?

続きを読む »

JavaScriptで動作するマリオカート

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
便利サイト
タグ:
javascript
game

JavaScriptで動作するマリオカート
Javascript Super Mario Kart

JavaScriptで動作するマリオは以前に紹介しましたが、
今回はマリオカートだそうです!

続きを読む »

行動をマルチタスク化するための5つのステップ

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
つぶやき
タグ:
マルチタスク

行動をマルチタスク化するための5つのステップ

一つ前のエントリーで、
「スピード」というライフハック
というのを書いたが、実は書きたかったことからかなり遠のいた事を書いていた。

単に内容が頭の中でまとまらなかったのですけどね。

スピードを速くすることも、時間効率をよくする一つの方法ですが、
それも含めて、行動をマルチタスク化させて進めることが重要である。

マルチタスク、つまりは同時に作業したり、
時間や順序を意識しながら行動することが大切なのだが、
そのための5つのステップを紹介する。

続きを読む »

「スピード」というライフハック

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
つぶやき
タグ:
戯言
ライフハック

「スピード」というライフハック

○ 1ページのデザイン時間:6時間
○ 1ページのマークアップ時間:1時間
○ 1ページのCSS設定時間:2時間
○ デバッグ時間:1時間
--
○トータル:10時間

と、上のは適当に書いた時間なのでページ規模により変化しますが、
とりあえず今回の話の内容のサンプル。

もしこれがもっと速ければ・・・
かかる時間を短くできたなら、どんなにいい事か!!

例えばこんな風に

続きを読む »

jQuery1.2.5リリース

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
jQuery
タグ:
jquery
javascript

jQuery1.2.5.jsリリース
jQuery: The Write Less, Do More, JavaScript Library

先ほど1.2.4のリリースをお知らせしたのですが、
もう1.2.5のバージョンがリリースされていました。

1.2.4を紹介したのが、出てから数日たってからだったのですが、
まさか数日で1.2.5になるなんて。

続きを読む »

jQuery1.2.4リリース

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
jQuery
タグ:
jquery
javascript

jQuery1.2.4リリース
jQuery: The Write Less, Do More, JavaScript Library

jQueryがバージョンアップしたようですね。

05/21(Wed) 15:30
既に最新の1.2.5がリリースされました。
参照:jQuery1.2.5リリース
続きを読む »

「だるい」「疲れた」そんな人のためのホッテントリメーカー

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
便利サイト
タグ:
メーカー
タイトル

ホッテントリメーカー
ホッテントリメーカー

ほっとエントリーになりそうなタイトルを作ってくれるメーカー。
こんなのがあったのですね。

なかなか面白かったのでエントリーしてみた。

続きを読む »

サイトで使われている色を調べる「mooColorFinder」

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
便利サイト
タグ:
COLOR
ツール

mooColorFinder
mooColorFinder

サイトでどんな色が使われているのかというのを、
自動的にCSSを解析してパレットのように見せてくれるサービスだそうです。

さっそくためしてみた。

続きを読む »

第6回北海道WEBコンソーシアム定例会終了

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
北海道WEBコンソーシアム
タグ:
札幌
セミナー
HWC

WEBデザイナーってこの先大丈夫!?

先日(16日金曜)に北海道WEBコンソーシアムのセミナーがありました。
簡単にまとめた事を書こうと思っていたのですが、
今日までまとめるのを忘れていました。

ということで、セミナー内容を簡単にまとめてみようと思います。

ちなみに今回の内容は、WEBデザインについてです。

続きを読む »

onclick 属性をHTMLに書くかどうか

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
JavaScript
タグ:
onclick
javascript
jquery

onclick 属性をHTMLに書くかどうか

いつも読んでいるブログのあちらこちらで、
JavaScriptのonclickについて書いてあったので、
自分の意見をふまえ簡単にまとめておく。

続きを読む »

font-sizeの基本設定

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
CSS
タグ:
CSS
font
font-size

font-sizeの基本設定

過去にもfont-sizeの問題について考えた事があったのですが、
今回はfont-sizeのパーセント表記一覧 - Webtech Walkeを読んで、
今後のfont-size指定、自分はこうしようと思うのを書いておきます。

続きを読む »

デザインをより美しく見せるために:ステルス・ウェブ・デザイン

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
デザイン
タグ:
デザイン
design

stealth web design

ステルス・デザイン理論というのを知っているでしょうか?
僕も半年前まではしらなかったことなのですが、
建築関連での理論だそうです。

その理論をWEBに置き換えているデザインの名称があり、
ステルス・ウェブ・デザイン」というらしいです。

今回はその事について書いてみようと思います。

続きを読む »

優雅なWeb制作のためのJavaScript:yuga.jsがバージョンアップ

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
jQuery plugin紹介
タグ:
javascript
jquery
タブ

inputlog - yuga.js 0.6.0 - 優雅なWeb制作のためのJavaScript

yuga.js

jQueryを使い、優雅なWeb制作をするためのJavaScript「yuga.js
そのyuga.jsがバージョンアップしたようです。

続きを読む »

5月 第6回北海道WEBコンソーシアム開催!

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
北海道WEBコンソーシアム
タグ:
セミナー
HWC
北海道WEBコンソーシアム
札幌

北海道WEBコンソーシアム 5月

北海道WEBコンソーシアムのセミナーが、
今月も5月16日(金)19:00から開催されます!
札幌や北海道のWeb業界関係者は参加してみてはどうでしょう?

続きを読む »

CSS:displayプロパティによる変化一覧

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
CSS
タグ:
CSS
display
BLOCK
INLINE

CSS disolay?

CSSのプロパティで「display」ってありますけど、
displayプロパティってどのくらい利用していますか?

あまり多様するようなプロパティではないのですが、
それでもdisplayプロパティを使う時って出てくると思います。

このdisplayプロパティは色々な値を持っているのですが、
どんな値がどんなことになるのかって実は僕もあまり知らなかったりします。

そんなときに、
Understanding CSS Positioning part 1 | KilianValkhof.com
というエントリーを読んだので、いっそ勉強してみようと思い、
displayプロパティについて書いてみる事にしました。

続きを読む »

トップに戻る