一文字さんのタグ「Webデザイン」についてのクリップ一覧｜@nifty クリップ

わかばマークのMacの備忘録 : Hex Color Picker

一文字 — 2008-04-03T22:44:56Z

Hex Color Picker : カラーパネルで16進数カラーコードで色選択できるプラグイン
OS10.4以上（UB）
ドネーションウェア

カラーパネルで16進数カラーコードで色選択できるColorPickerプラグイン
「Hex Color Picker」の紹介です。

インストールは「HexColorPicker.colorPicker」ファイルを次の場所に保存します。

（単独ユーザで使用する場合）
/Users/登録アカウント名/Library/ColorPickers

（すべてのユーザで使用する場合）
/Library/ColorPickers

※「ColorPickers」フォルダがない場合はその名前のフォルダを作成する

インストールが完了すると、カラーパネルを開いたときに「＃」のアイコンを選択すれば使えるようになります。
（カラーパネルを開けるCocoaアプリケーションで ⇧⌘C のショートカットで開く）

選択している色の16進数カラーコードを表示します。

「Copy to Clipboard」をクリックすると、クリップボードにコピーします。

これはカラーピッカー全体のことですが、選択色の左横の虫... 続きを読む

クリップへ追加する

[CSS]マージンとパディングの使い分けをおさらい | コリス

一文字 — 2008-03-18T14:59:26Z

CSSnewbieのエントリーから、ボックスモデルのマージン(margin)とパディング(padding)の利用シーンにおける違いを紹介します。
When to Use Margins and Padding 続きを読む

クリップへ追加する

[CSS]いろいろな問題を解決する1行のスタイルシート集 | コリス

一文字 — 2008-03-11T19:44:40Z

CSS Globeのエントリーから、スタイルシートのレイアウトで生じる問題を解決する８つの1行のスタイルシートの紹介です。8 Premium One Line Css Tips縦方向のセンタリング高さが固定されている場合、「line-height」を使用して、縦方向のセンタリングが実装できます。デモページ
line-height:24px; 続きを読む

クリップへ追加する

iCarousel - An open source (free) javascript tool for creating carousel like widgets.

一文字 — 2008-03-11T16:42:56Z

iCarouselby Fabio Zendhi Nagao (http://zend.lojcomm.com.br)iCarousel is an open source (free) javascript tool for creating carousel like widgets.index:IndexAbstractExamplesBrowser compatibilityFeaturesUsageLicenseDownloadVersion historyCommentsabstract:One of the most common problems a web developer usually face is related to continuously rotate a fragment of content. It can be a presentation of headlines, small fragments of news or a list of thumbnails. The nature of the thing being rotated doesn't mat... 続きを読む

クリップへ追加する

[CSS]Lightbox風エフェクト+画像拡大をCSSで実装するスタイルシート | コリス

一文字 — 2008-02-21T17:12:20Z

コリスcontactsitemapサイト構築 -CSS[CSS]Lightbox風エフェクト+画像拡大をCSSで実装するスタイルシートPure CSS LightBoxは、Lightbox風エフェクトに加え、画像拡大までもCSSのみで実装するスタイルシートです。Pure CSS LightBox以前、紹介した「Lightbox風エフェクトをCSSで実装する方法」では、Lightbox風エフェクトとしてページ全体をフェードイン・アウトされるものでした。
Pure CSS LightBoxは、更に画像拡大も実装しています。スクリプトは使用してないため、拡大時のモーションはありませんが、さくさく動作します。画像のマウスオーバー時に、虫眼鏡になるともっといいかもしれません。Post on:2008年2月21日[CSS]Lightbox風エフェクトをCSSで実装する方法2007年、ウェブデザイン関連で人気が高かった海外のブログエントリーオンラインで、さまざまなエフェクトを実装できる -The Effect Generator[JS]簡単に画像表示のエフェクトを変更できるスクリプト画像にいろいろな効果を与えるPhotosh... 続きを読む

クリップへ追加する

Shadowbox.js Media Viewer

一文字 — 2008-01-26T02:13:27Z

Shadowbox.js by Michael J. I. Jackson Version: 1.0 Overview Support Usage Introduction Shadowbox is a cross-browser, cross-platform, cleanly-coded and fully-documented media viewer application written entirely in JavaScript. Using Shadowbox, website authors can display a wide assortment of media in all major browsers without navigating away from the linking page. Motivation I know what you're thinking—this has been done before. What makes Shadowbox s... 続きを読む

クリップへ追加する

複数のライブラリに対応したLightboxスクリプト -Shadowbox.js | コリス

一文字 — 2008-01-26T02:11:22Z

コリスcontactsitemapサイト構築 -JavaScript複数のライブラリに対応したLightboxスクリプト -Shadowbox.jsShadowbox.jsは、Prototype、jQuery、YUI、Extなど複数のJavaScriptのライブラリに対応した、画像や動画などを拡大表示できるLightbox風のスクリプトです。Shadowbox.js Media Viewer
デモ
ダウンロードShadowbox.jsは複数のライブラリに対応しているというだけでもすごいですが、画像や動画の拡大表示にもさまざまなオプションがあり、多数あるLightbox風スクリプトの中でも充実した機能を持っていると思います。
下記に主な特徴を挙げます。拡大する際のコードは、簡易です。
Image併用するJavaScriptのライブラリは、下記の中から好きなものを選べます。jQueryPrototype + ScriptaculousYUIExt(standalone)対応ブラウ... 続きを読む

クリップへ追加する

ies4osx

一文字 — 2007-12-10T15:26:27Z

ies4osxInternet Explorer™for OS XBevore You install, please make sure: (hope to fix this soon)you are not using a proxy to connect to the internetTiger users: install X11 from your Tiger Installation DVDdownload and open Darwine 0.9.55drag Darwine to "/Applications" Folder
download and open ies4osxstart installation by doubleclicking "install ies4osx"
select desired browser(s) and language and press
the browser(s) will be prepared right on your Desktop
to delete, just drag the browser... 続きを読む

クリップへ追加する