ScriptCopy.comは、DeliciousやWikipediaやYoutubeなどの有名サイトのクローンを作成できるスクリプトを収集しているサイトです。

当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る

MakeUseOf.comのエントリーから、Firefoxの表示スペースを広げる10の方法の紹介です。 Get Back your Screen Space: Maximize Firefox Viewing Area 下記の全部を同時に使用することは、できません。 個人的にお勧めなのは、お手軽なことも考えて、1, 2, 3, 6, 10でしょうか。 小さいアイコンにする。 [表示] - [ツールバー] - [カスタマイズ] から、「小さいアイコンを使用」をチェック。 ツールバーのアイコンを小さくします。 TinyMenuを導入する。 Firefoxのエクステンション「Tiny Menu」をインストール。 メニューバーを縮小表示します。 Hide Menubarを導入する。 Firefoxのエクステンション「Hide Menubar」をインストール。 [Alt]キーで、メニューバーの表示・

Bram.usのエントリーから、Photoshopで作成したPSDファイルのレイヤーに配置されたテキストをテキストファイルに書き出すスクリプトの紹介です。 Automatically export all Text layers from Photoshop PSD to a Text file PSDファイルからテキストデータを書き出すには、サイトで配布されているPhotoshopのScripting「PS_BRAMUS.TextExport 1.3」を使用します。 Photoshop CSの場合、ダウンロードしたファイル「PS_Bramus.TextExport-1.3.jsx」を「C:Program Files\Adobe\Adobe Photoshop CS2\プリセット\スクリプト」に入れ、[ファイル] - [スクリプト] からスクリプトの実行が可能になります。 テキストデータは

CSSnewbieのエントリーから、ボックスモデルのマージン(margin)とパディング(padding)の利用シーンにおける違いを紹介します。 When to Use Margins and Padding マージン(margin)を採用する場合 パディング(padding)を採用する場合 ブラウザによる問題 マージン(margin)を採用する場合 borderの外側にスペースが必要な場合。 スペースに背景色(画像)を適用したくない場合。 上下に隣接したボックスにスペースを設ける場合、マージンの相殺を期待して、大きいサイズを有効にしたい場合。 例：15px + 20px の場合、スペースは20px。 ※相殺されない場合もあります。 パディング(padding)を採用する場合 borderの内側にスペースが必要な場合。 スペースに背景色(画像)を適用したい場合。 上下に隣接したボックスにス

Chandoo.orgのエントリーから、条件付き書式を利用して、エクセルのデータを見やすくする5つのテクニックを紹介します。 Learn Cool Microsoft Excel Conditional Formatting Tricks テーブルの横列・縦列をハイライト 条件付き書式を使用したガントチャート セル内に配置するグラフ ミスやエラー・データ欠落などのハイライト表示 直感的に把握できるデータテーブル [ad#ad-2] エクセルデータは、Chandoo.orgのエントリーの一番下からダウンロードできます。 テーブルの横列・縦列をハイライト テーブルのデータを見やすくするために、横列・縦列を交互にハイライト表示にします。 ハイライトにするテーブル全体を選択します。 メニューより、[書式] - [条件付き書式] を選択。 「数式」を選択し、「=MOD(ROW(),2)=0」を入力し

IzzyMenuは、CSSやJavaScriptを知らなくても、簡単にCSSのナビゲーションが作成できるオンラインサービスです。

写真画像をレタッチして、見栄えをよくするPhotoshopのチュートリアルの紹介です。 イラストにレタッチ Create an Illustrated Look From a Photograph

iBoxは、画像・動画・インラインコンテンツ・ドキュメント・フォームなどをLightbox風のエフェクトで表示するスクリプトです。 iBox v2 iBox - Lightweight inline popup Lightbox風のスクリプトは多数ありますが、その多くはjQueryやPrototypeなどのライブラリと一緒に設置しないと動作しなかったりしますが、このiBoxは単独で実装することができます。 また、容量も18.5KBと他の多くのスクリプトと比べ軽く、Packerを使用すると7KBになります。 iBoxの実装方法は、「ibox.js」と「ibox.css」を外部ファイルとして指定し、下記のコードを記述します。 titleは、キャプションとして表示されます。 画像 <textarea name="code" class="html" cols="60" rows="5"> <a

Super Tablesは、テーブルのヘッダを固定表示にし、縦横にスクロールバーを表示させるスクリプトです。

MoreCSSは、スクリプトや複雑なスタイルシートを使用しないと実装できないものを、スタイルシートで簡単に指定するだけで実装できるようになるスクリプトです。 MoreCSS ライセンスはCC3.0 Unportedのため、クレジットを消さない限り利用はフリーです。 下記は、MoreCSSで実装できるサンプルの一例です。 ※下記以外にも、たくさんの機能が実装されています。

<textarea name="code" class="js" cols="60" rows="5"> $(document).ready(function() { $("#mainblock").corner("30px"); $("#menu ul li").corner("8px top"); }); </textarea>

当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る

Bits & Pixelsのエントリー「Cross-browser transparent columns」から、背景が透けるカラムを実装するスタイルシートを紹介します。 <textarea name="code" class="html" cols="60" rows="5"> null<div id="column-1" class="container"> <div class="overlay"></div> <div class="content"> <h2>Content</h2> </div> </div> </textarea>

フリーやシェアウェアのピクセルフォント集です。 画像は各サイトで配布しているピクセルフォントの一部です。 フリーのピクセルフォント

TJK Designのエントリーから、ヘッダ・フッタ・3カラムのレイアウトをdiv, float, clear, CSS hackを使用しないで実装するスタイルシートの紹介です。 A CSS layout that does not rely on DIV, FLOAT, CLEAR nor structural HACK! 対応ブラウザは、WidnowsがIE5.01, 5.5, 6, 7, Fx0.8, 1.5, 2.0, Op9.0, 9.24、MacがIE5.2, Safari2.0, 3.0, Fx2.0、LinuxがKonqueror, Mozilla、そしてiPhoneとなっています。 仕組みは、簡単に説明するとリストを使用したもので、実装方法は８つのステップで紹介されています。

Vandelayのエントリー「45 Photoshop Tutorials for Better Navigation」から、先日紹介した「ボタン画像のPhotoshopのチュートリアル集」とかぶらない、ナビゲーション画像を作成するチュートリアルを紹介します。 45 Photoshop Tutorials for Better Navigation

Konstruktors Notesのエントリー「How to Create Beautiful and Elegant HTML Lists Using CSS」から、CSSを使用して美しくエレガントなリストを制作する方法を紹介します。 How to Create Beautiful and Elegant HTML Lists Using CSS 各ブラウザによるリストのレンダリングの差 リストにmarginやpaddingを指定した場合、「Internet Explorer」と「Gecko, Webkit and Opera」の各ブラウザで、レンダリングが異なります。 <textarea name="code" class="css" cols="60" rows="5"> ul, ol{ margin:auto -3em 1em 0; padding:0; position:rel

Ancient world map in vector ダウンロードできるアンティークな地図はEPS形式のベクター素材で、ライセンスは「100% royalty free」とあります。