[JS]鏡面効果やカールなど画像にエフェクトを与えるスクリプト -CVI-Laboratory
CVI-Laboratoryでは、当サイトでも何回か紹介したことのあるCVIで開発した、画像にさまざまなエフェクトを与えるスクリプトのポータルサイトです。 CVI-Laboratory CVI-Laboratoryでは、画像にさまざまなエフェクトを与えるスクリプトを実際に試すことができるポータルサイトとなっています。 下記は、そのリストと元となるスクリプトの配布先のリンクです。 curl(カール効果) reflex(鏡面効果) edge(縁の加工) corner(角の加工) glossy(光沢効果) instant(インスタントカメラ風) slided(スライド風) filmed(フィルム風) CVIの紹介エントリー ページをめくったような効果を出すスクリプト -curl.js 画像に鏡面効果を与えるスクリプト -reflex.js
[CSS]高さの異なるカラムを揃えるスタイルシート | コリス
Columnas 100% altas Columnas 100% altasのエントリーでは、下記のデモのように高さの異なるdivで組んだカラムの高さを揃えるスタイルシートを紹介しています。 sample:高さがばらばらのdiv sample:高さが揃ったdiv スタイルシートは、各divに対して「padding-bottom」と「margin-bottom」に同じ数値をプラス値とマイナス値で指定を行い高さを揃え、それらのdiv要素を包んだdivで「overflow:hidden;」を指定します。 詳しくは、最小限にしたサンプルを作成したので参照ください。 高さの異なるカラムを揃えるスタイルシートのサンプル 下記の「32768px」って、何か特別な意味があるのでしょうか。
[JS]PrototypeとjQueryの比較
JavaScriptのライブラリ、prototypeとjQueryのさまざまな面から比較したスライドショーの紹介です。 Prototype & jQuery
![[JS]PrototypeとjQueryの比較](https://cdn-ak-scissors.b.st-hatena.com/image/square/bc54860ba06deaa45382cf2bddc929515def0354/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fshared%2Flogo-2014050501-en.png)
フリーの高品質なアイコン集 -dryicons.com
上記のアイコン画像は、左2つがBlue Velvet、右2つがAestheticaで、それぞれPSDとPNG(16x16, 24x24, 32x32, 48x48)の形式がセットでダウンロードできます。
[CSS]hackを使用していないCSSのテンプレート集
Perfect multi-column CSS liquid layoutsは、CSS hackを使用せず、iPhoneにも対応したベーシックなCSSのテンプレート集です。 Perfect multi-column CSS liquid layouts テンプレートは、全てリキッドタイプで、横幅はパーセント指定されています。 対応ブラウザは、下記のものと記されていました。 Win Firefox 1.5 & 2 Safari Opera 9 Explorer 5, 5.5, 6 & 7 Netscape 8 Mac Safari Firefox iPhone & iPod Touch Safari
[JS]スムーズに切り替わるタブ型コンテンツ -Coda-Slider 1.1
Coda-Slider 1.1は、先日紹介したCoda-Slider 1.0からバージョンアップをした、タブ型のコンテンツをスムーズに移動させて切り替えるスクリプトです。 Coda-Slider 1.1 Coda-Slider 1.1 デモ Coda-SliderはjQueryのプラグインで、1.1の主な改良点は下記のようになっています。 jQuery 1.2への対応 IE6, 7でタブを早くクリックした場合のバグ スクリプトオフへの対応(<noscript>) YouTubeなどの動画のバグ preloaderの採用 タブと矢印以外にもスライドするリンクを設置可能 参考： スムーズに切り替わるタブ型コンテンツ -Coda-Slider
[CSS]フォームのスタイルシートをオンラインで簡単作成 -Form style generator
Form style generatorは、フォームのスタイルシートを表示確認しながら、3ステップで作成できるオンラインサービスです。 Form style generator Form style generatorは現在バージョン0.9で、フォームのテキストフィールドのスタイルシートを作成することができます。 スタイルシートを作成するには、「1)design」でフォームの外観やマウスのフォーカス・ホバー時を選択します。 選択した項目は、右上の「preview」にリアルタイムに反映されます。 フォームのスタイルが決まったら、「2)download」の「Your CSS」からスタイルシートファイルをダウンロードします。 背景にグラデーションなど使用した場合には、「Your Image」から画像ファイルもダウンロードします。 HTMLに適用するには、ダウンロードしたスタイルシートに記述してあ
TimeやVogueなど雑誌の表紙を作成するオンラインジェネレーター -MagMyPic
MagMyPicは、アップロードしたGIFやJPEG画像を使用して、雑誌の表紙にするオンラインサービスです。 MagMyPic MagMyPicで生成される雑誌の種類は、下記の8つで、それぞれJPEGで生成されます。 National Geographic Playboy Time People Sports Illustrated Vogue Fortune Rolling Stone
[CSS]気をつけたいIE 7のバグ -CSS-Discuss
CSS-Discussにアップされている「IE 7 Bugs」の意訳です。 省略している箇所も多数あるので、原文も参照ください。 Internet Explorer Win Bugs - css-discuss 注意： バグには、IE7のみでなく、IE 5, 5.5, 6のものも含まれています。 公開されてから時間が経っているためか、ちょっと古いものもあります。 IEのフォントサイズのバグ フォントサイズの継承 IEの相対指定のフォントサイズの継承は、うまく機能しません。 相対指定を行う場合、emより%で指定を行う方が便利です。もし、em指定を行う場合は最初に%指定を行ってください。 例： body{ font-size: 100.01%; } ※100%の代わりに100.01%を使用するのは、Operaでの継承バグの回避のためです。 キーワード指定でのサイズ フォントサイズに「small
フリーのJavaScriptの統合開発環境「Aptana 1.0」正式版がリリース | コリス
AptanaはフリーのJavaScriptの統合開発環境で、Aptana 1.0 正式版が2007年10月29日にリリースされました。 Aptana Studio Aptanaは、JavaScript開発の他にも、HTML・CSSの編集やレビュー機能、FTP機能なども備えており、ウェブオーサリングツールとしても充分な機能を備えています。 Aptanaには、フリーの「Comunity Edition」と有償の「Professional Edition」があります。 動作環境は、Win、Mac、Linuxの各OSにインストールする版と、Eclipseのプラグインとして動作する版があります。 Download: Aptana 有償のProfeessional版では、JSON Editor、IEのデバッグ拡張、リモートプロジェクト機能、FTPS・SFTPの対応があります。 現在、$199が$99に
２５の 生産性を高めるためのiGoogleモジュール | GoogleMania - グーグルの便利な使い方
２５の 生産性を高めるためのiGoogleモジュール 管理人 @ 10月 31日 02:15pm iGoogle Mashable.comより２５の 生産性を高めるためのiGoogleモジュールを紹介です。 既に利用している人も多いと思いますが、iGoogleをウェブOSのように利用して、作業効率を上げましょう。 ノート・タスク管理 Google Notebook : Googleの便利なウェブメモ帳。 Remember the Milk : 高性能なタスク管理サービス。 Sticky Note : iGoogleで使える付箋紙。 To-Do List : シンプルなToDoリスト。 To-Do List : シンプルなToDoリスト。 ToDo Reminder List : メールお知らせ機能のあるToDoリスト。 Uday’s Scratch Pad : シンプルなメモ帳。 カレンダ
60行で作るPHP用テンプレートエンジン:phpspot開発日誌
60行で作るPHP用テンプレートエンジン 唐突に、PHP用のテンプレートエンジンを作ってみる。 60行で作るPHP用テンプレートエンジン。 テンプレートエンジンを60行で作ったコードが公開されています。 テンプレート利用コードは次のような感じになるようです。 <?php require_once('SixtyLinesTemplate.php'); $TEMPLATE_DIR = 'templates'; // optional $context = array('title'=>'Example', 'list'=>array(10,'<A&B>',NULL)); include_template('template.php', $context); ?> 独自にテンプレートを作る際の参考や、軽量なテンプレートエンジンを実装したい場合に便利ですね。
MOONGIFT: よく使うスタイルをユーティリティ化「logicss」:オープンソースを毎日紹介
CSSを使うのが当たり前になり、Webエンジニアと言えどもある程度のデザインはこなす必要がある時代になっている。だがいざやってみると色々と大変なのがCSSでもある。 よく使われるスタイル指定や、テクニックをまとめてしまったのがこちらのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはlogicss、どこでも使えるCSSフレームワークだ。 logicssはがちがちな固定ではなく、通常使うタグを便利なように上書きしたり、サブセット化してくれる。例えばh-listというクラスは水平方向に、v-listというリストは垂直方向に項目をリスト化してくれる。 CSSを眺めてみるだけで、便利だと思えるスタイル指定も数多く登録されている。CSSの勉強材料としても良さそうだ。もちろん印刷時の設定もある。 また、サイトのグリッドを定義してくれるツールも付属している。これは指定した幅などで枠線やフォント
クールなボタン画像をジェネレートできる「The Button Generator」:phpspot開発日誌
ButtonBoost - The Button Generator クールなボタン画像をジェネレートできる「The Button Generator」。 ボタンのテキスト、色、フォントスタイル、アイコンスタイルなどを指定した後、ページ中央から下の「Render as PNG」ボタンを押すことでボタンをジェネレートできます。 大量のボタンテンプレートがあって、様々なボタンをジェネレートできますね。 サイト作りに役立てられそうです。
文字を読み上げてくれるWEBAPI「Audio CAPTCHA Web Service」:phpspot開発日誌
TRYNT Audio CAPTCHA Web Service // Trynt Heavy Technologies The TRYNT Audio CAPTCHA Web Service provides a simple mechanism for the generation of short audio verification WAV files. TRYNT Audio CAPTCHA audio files can be generated in both male and female voice variants. 文字を読み上げてくれるWEBAPI「Audio CAPTCHA Web Service」。 例えば、「http://www.trynt.com/audio-captcha-api/v1/?code=auto&v=male」にアクセスすると、次のようなXMLが
最も有名な無料で使えるクオリティの高いフ...
無料フォントを探している。 そんなあなたにおすすめなのが、『Most Popular Free Quality Fonts』。最も有名な無料で使えるクオリティの高いフォント30選だ。 以下にいくつかご紹介。 » Audimat » Greyscale Basic » The Delicious. » District Thin » Existence » Geo Sans » Legendum その他のリストは以下から。 著作権についてはリンク先のページの表記に従う必要がある。 » Most Popular Free Quality Fonts 最も有名な無料で使えるクオリティの高いフォント、チェックして使っていきたいですね。 本を買いました。Photoshopとイラレのリファレンスですね。見開きで完結するしわかりやすくてとてもいい。
ブックマークをサムネイル画像で見やすくするサービス*web9.0
登録はメールアドレスだけで 登録はメールアドレスだけで出来ます。 非常に簡単に使う事が出来るのが特徴。 記事単位でブックマークするなら、はてなやlivedoorクリップなどのソーシャルブックマークサービスのほうが優れていますが、サイトごとの登録ならこちらの方が圧倒的に見やすくなります。 是非お試しあれ。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GIFやJPEG画像をベクター化できるオンラインサービス -VectorMagic | コリス
[JS]Flickrの画像をスライドショーで表示するスクリプト -MooPix
[JS]モーションとサウンドが快適なスライドショー -Couloir Slideshow
[CSS]スタイルシートで実装するアクセシブルな棒グラフ -SAC Simple Accessible Charts
テキストをGoogleのロゴ風にするオンラインサービス -GoogleFont
[JS]15種類のツールチップが実装できるスクリプト -Prototip
Is it cold? :-o (39 pics) (//STATiC)
アイコン110個詰め合わせセット*web9.0
マッシュアップツール「Popfly」*ホットなウェブサービス・ツール・素材をいつもあなたに
gifやjpg画像をベクター形式に変換してしまうWEBサービス『VectorMagic』*web9.0
マルチトラック録音やタイムライン編集ができるフリーの音声・動画編集ソフト*web9.0
Misc pics of the day 10-30-2007 (39 pics) (//STATiC)