タグ

ブックマーク / gigazine.net (26)

  • CSSフロートコード作成のチュートリアルサイト「Floatutorial」

    CSSコードのチュートリアルサイト「Max Design」の9つのフローティングチュートリアルです。細かく手順が書いてありますので、わかりやすいのではないかと思います。 詳細は、以下から。1から9のチュートリアル名とデモ画面の画像です。 右にイメージを置く Floatutorial: Tutorial 1 - all steps combined イメージとキャプション Floatutorial: Tutorial 2 - all steps combined 縦にイメージを並べる Floatutorial: Tutorial 3 - all steps combined サムネイルギャラリー Floatutorial: Tutorial 4 - all steps combined 「next」と「back」を使ったリスト Floatutorial: Tutorial 5 - all s

    CSSフロートコード作成のチュートリアルサイト「Floatutorial」
  • 入力値を簡単に制限する「yav」とかフォーム入力チェックいろいろ

    メール送信フォームやらアンケートの回答フォームやら、とにかくネット上には様々なフォームが存在しています。入力する値が間違っていると「エラー」表示を出すタイプのモノが多いですが、出される側から見れば「そんな値を入力できるようにするなよ!」「8文字までしか受け付けないんだったら、最初から入力可能な文字数を8文字に制限しておけよ!」「エラーが出たらどこを再入力すればいいのかわかりやすく表示してくれ!」などと思うこともしばしば。 というわけで、この「yav」は入力エラーチェックだけでなく、最初から入力できる値を制限したり、数字であれば範囲指定したり、入力チェック後にフォームの色を変えてわかりやすくしてくれたり、とにかくいろいろ便利な入力チェック機能を簡単に組み込むことができるオープンソースで開発されているJavaScriptファイルです。入力チェック後のエラー表示もポップアップウインドウやページ内

    入力値を簡単に制限する「yav」とかフォーム入力チェックいろいろ
  • フルスピードで動作するドリームキャストのエミュレータ「nullDC」

    ドリームキャストと言えば既に死んでしまったセガのハードウェアだと考える人が多いかもしれませんが、実は新作ゲームが先月までねばり強くリリースされ続けていたという実績があるものすごいゲーム機なのです。なぜかというと、アーケードゲーム用基板「NAOMI」とドリームキャストがほぼ同じ設計であるために移植が割と容易かつ低コストで可能なため、NAOMI基板で出たアーケード用シューティングゲームの移植が行われていたためです。それどころか、2007年9月28日到着分まではまだ有償修理もしてくれます。 というわけで、1998年11月27日に発売されて以来、真の意味で長年にわたって親しまれ続けられまくってきたドリームキャストをパソコン上で動作させるエミュレーションとして「nullDC」というのが新しくリリースされたようです。 詳細は以下の通り。 1Emulation.Com - nullDC Dreamcas

    フルスピードで動作するドリームキャストのエミュレータ「nullDC」
  • あらゆるマルチメディアファイルを相互変換するフリーソフト「SUPER C」 - GIGAZINE

    使い方は簡単、変換したいファイルをドラッグ&ドロップして、コンテナ形式(iPod用とかPSP用とかAVIファイル用とかが用意されている)を選び、ビデオ形式とオーディオ形式を選ぶだけ。 変換できるビデオ形式は3gp/3g2、asf、avi(DivX・H263・H263+・H264・XviD・MPEG4・MSmpeg4など)、dat、fli/flc/flv(Flash)、mkv、mpg(MPEG1・MPEG2)、mov(H263・H263+・H264・MPEG4など)、mp4(H263・H263+・H264・MPEG4)、ogg、qt、rm/ram/rmvb(RealPlayer)、str(PlayStation)、swf(Flash)、ts(HDTV)、viv、vob、wmv。おまけでGIFアニメーション形式も可能。 また、変換できるオーディオ形式はac3、amr、mp2、mp3、mp4、m

    あらゆるマルチメディアファイルを相互変換するフリーソフト「SUPER C」 - GIGAZINE
    nisshin-k
    nisshin-k 2007/03/29
  • 相性の良い色を自動でピックアップしてくれる「ColorBlender」

    ウェブサイトやブログを作る上で配色はかなり重要ですが、それ故に面倒なものです。そういった悩みを解消するのがこの「ColorBlender」。基準となる色を1つ指定すれば、それに合う色を5色出してくれます。 詳細は以下から。 ColorBlender.com | Your free online color matching toolbox まずスライダーでRGBを調節。 色が決まったら右の「Match blend from active colour」を押し、今のパレットを破棄することをOKする。 すると自動でピックアップされた色が出てきます。 Editing modeを「Direct Edit」から「AutoMatch」に変えると、スライダーを動かすだけで色がピックアップされます。 フォトショップ用やイラストレーター用のカラーパレットとして保存でき、作った配色にリンクするURLも生成可能

    相性の良い色を自動でピックアップしてくれる「ColorBlender」
  • Photoshopを完全マスターするためのチュートリアルいろいろ - GIGAZINE

    ウェブデザインに限らず、何かパソコンを使ってデザイン関連の仕事をするにはあの「Photoshop」を使いこなすことが必須らしいとはわかっていても、いまいちどういう風に使えばいいのかわからない、あるいは、仕事でPhotoshopを使ってはいるが必要な機能のみを使っているだけであって、ちょっと凝ったことを聞かれると即答できないのでテクニックをブラッシュアップしたいと思っている……そんな人向けに役立つPhotoshopをマスターするためのチュートリアルをいろいろと集めてみました。時間のあるときにでも少しずつ眺めていけば、なんでもできるようになるかも。 チュートリアルの詳細は以下の通り。 まずは基的なテクニックを具体例と一緒に解説しているサイトを3つほど。初級テクニックから高等テクニックまで具体例を交えて解説しています。 Photoshop Tutorials from PhotoshopCAF

    Photoshopを完全マスターするためのチュートリアルいろいろ - GIGAZINE
    nisshin-k
    nisshin-k 2007/03/27