スクリーンショットを印刷してもクオリティを落とさないようにする方法
スクリーンショットをプロダクトの写真などと一緒に300dpiで出力する際にぼやけてしまう場合、スクリーンショットがシャープになるようにする方法をTurbo Photoから紹介します。 ビフォーとアフター Step 1: Capture the screen スクリーンをキャプチャします [Ctrl]キーを押しながら、[PrtSc]（プリントスクリーン）キーを押します。 アクティブなウインドウだけをキャプチャしたい場合は、[Ctrl]+[Alt]と[PrtSc]キーを押します。 Step 2: Paste in Photoshop Photoshopにペーストします Photoshopを起動し、新規ドキュメントを開きます([Ctrl]+[N]）。Photoshopはキャプチャに合わせたサイズで開きます。 スクリーンショットをペースト（[Ctrl]+[V]）します。 Step 3: Chang
シンプルな背景パターン画像を作成する無料サービス「Background Image Maker」
斜め線や平行線、ドットやグラデーションのパターンのもととなる背景画像を簡単にサクサク作成できる無料サービスです。線と線の間隔や色、背景色、透過するかどうかなどを指定することで、お好みのパターンが作成できます。 Background Image Maker http://lab.rails2u.com/bgmaker/ 条件を指定してから「Make」をクリックすれば右側にサンプルが出てくるので、気に入ったパターンが生成されたら「URL」に表示されているアドレスをコピーして、ブラウザのアドレスバーに貼り付けて表示すれば、元になる画像が表示されます。あとはそれをダウンロードすれば完了。 繰り返しパターンの画像というのは慣れている人はすぐに作成できますが、それでもいろいろな種類をドンドン作るというのはかなり繁雑な作業の繰り返しになるので、こういったサービスは助かります。
[JavaScript] Animation.Cube - サイコロ回転エフェクト (rotating cube animation)
Kawa.netxp [JavaScript] Animation.Cube - サイコロ回転エフェクト (rotating cube animation) Animation.Cube クラスは、JavaScript のみでサイコロ回転風の アニメーションエフェクト(rotating cube animation)を実現するライブラリです。 事前に画像ファイルを加工(拡大縮小や分割処理)せず、JavaScript のみで リアルタイムにアニメーション処理を行います。 2画像の切替えエフェクト処理用、または、 サイコロの4面に貼り付けた画像をループで回転させるような処理に利用できます。 画像の拡大縮小処理が入っているため、 ラスタスクロール よりもマシン負荷が高いようです。 Opera だと少しスムーズなようです。 画像サイズを抑えれば、Celeron 2.4GHz 機でも十分に回転してく
[JavaScript] Animation.Raster - ラスタースクロールだ！
※4月2日が1日になっていた点と、 31日まであった点を修正しました。 JavaScript 技術メモ 先日書いた Nクイーン問題 を解く JavaScript と同様に、アニメーションの１コマずつ 1ミリ秒のタイマー割り込み(というかsetTimeout)を使って表示を行っています。 JavaScript の処理をロックせずに、ブラウザに画面描画を行わせるためのテクニックです。 もちろん、垂直同期とか本来のラスタスクロール的な技術は使っていません。 Raster.js スクリプトをロードした上で、以下のように使います。 var ras = new Animation.Raster( id_or_elem, image_url ); ras.scroll(); new() コンストラクタの 第1引数 id_or_elem は、描画キャンバスを設置する要素（または要素id文字列）を指定します
akihiro kamijo: Spry （Ajax フレームワーク）公開
Adobe から Spry という名前の Ajax フレームワークが公開されました。（Adobe Labs/spry） Spry は BSD ライセンスの下でフリーで使用できます。 こちらのページでデモが見られます。（Spry Demos） ダウンロードはこちらから。（Spry Download） Spry の特徴は Web 制作者を主ターゲットにしていることで、CSS を使った HTML ページ作成の知識があれば、特に JavaScript に詳しくなくても使えるよう設計されています。このようにすることで、従来の Web デザインの延長として Ajax を使えるようにしたいというのが目標です。今までの Ajax はどちらかというとプログラマの視点から語られることが多かったですよね。 既に公開されている Flex-Ajax Bridge (FABridge) と組み合わせれば Spry と
GIGAZINE - 使えるCSSコードいっぱい「Dynamic Drive CSS Library」
CSSを使ったタブ型の各種メニューとか、CSSによる画像のポップアップとか、ドロップシャドウやページカールの作り方などのコードが実際の例と一緒に置いてあります。実例を見てから選ぶことができるので、希望通りのものが手に入りやすいです。 Dynamic Drive CSS Library- Practical CSS codes and examples http://www.dynamicdrive.com/style/ RSSもあるので新しいコードが追加されればすぐにわかります http://www.dynamicdrive.com/style/csslibrary/rss/ コードの種類としては以下のような感じでカテゴリ分けされています。 横型のメニュー http://www.dynamicdrive.com/style/csslibrary/category/C1/ 縦型のメニュー h
CLUB Pocket PC
すべての Microsoft 製品 Global Office Windows Surface Xbox セール サポート ソフトウェア Windows アプリ OneDrive Outlook Skype OneNote PC とデバイス アクセサリ エンタメ Xbox ゲーム (ダウンロード) Windows ゲーム 映画とテレビ番組 法人向け Azure Dynamics 365 Microsoft 365 データ プラットフォーム 法人向け Developer & IT .NET Visual Studio Windows Server デベロッパー センター ドキュメント その他 Microsoft Store Microsoft Rewards 無料ダウンロード & セキュリティ プリペイド カード サイトマップの表示
Open Source Web Design - オープンソースによるIT戦略支援 -
無ければ外から デザインセンスが無いからと言って嘆く事はない。これだけ参考にできるものがあればきっと出来るはず。 無ければ外から Webサイトのデザインはある意味で楽しく、ある意味で非常に苦しい作業だ。特にデザインセンスのない私にとってはそうだ。頭の中で考えるのとそれを実際に表現する事とのギャップが大きいのだ。 ただ、最近はCSSによるデザインが増えたので若干楽になりつつある（デザインを後回しにしておける）。そして最後にこれを見れば良い。 今回紹介するのはOpen Source Web Design、Webデザインテンプレートがダウンロードできるサイトだ。 具体的なライセンス等についてはダウンロードできるファイルの中にあるか、またはPublic DomainかCreative Commonsが適用されるとの事だ（具体的に明記されている場所がないのだが）。 登録されているデザインはどれも素晴
暴満館 » JavaScriptでCSSを弄る際のメモ
このエントリは、JavaScriptによるCSSの操作として新たに書き直しました。 – 俺の探し方が悪いんだろうが、JavaScriptでCSSを弄るリファレンスが中々見当たらなかったので、メモも兼ねて書く。 結構適当に書いてる部分もあるので鵜呑みにしないように。あと、Operaは知らね。 スタイルシートのルールを弄る div内の全要素をgetElementsByTagNameで拾ってforで回してstyleに・・・ってなことをやるよりも、スタイルシート側から操作できるようになれば楽になる。 function addRule( selector, property ) { if( document.styleSheets[0].addRule ) //IE document.styleSheets[0].addRule( selector, "{" + property + "}" );
窓の杜 - 【NEWS】プログラムのソースコードをWeb上で見やすく表示させるためのHTML生成ソフト
C/C++/C#/Visual Basic/Java/JavaScript/SQL/XML/HTML/JSP/ASP/PHPに対応 各種プログラム言語のソースコードをWebページへ掲載するために、予約語やコメントを見やすく色分け表示したHTMLソースを生成できるソフト「SourceConverter」v1.0.0が、7日に公開された。Windows 2000/XPに対応するフリーソフトで、現在作者のホームページからダウンロードできる。動作には、.NET Framework 2.0が必要。 「SourceConverter」は、プログラムのソースコードをWebページ上で見やすく表示させるためのHTMLソースを生成できるソフト。予約語の色分けやインデントなどを、開発環境上での見た目と同じように表示できる。C/C++/C#/Visual Basic/Java/JavaScript/SQL/XML
Google Web Toolkit - Google Code
GWT is used by many products at Google, including Google AdWords and Google Wallet. It's open source, completely free, and used by thousands of enthusiastic developers around the world. GWT is the official open source project for GWT releases 2.5 and onwards. This site houses links to the documentation, source code repository, issues list and information related to GWT roadmap and release. It is i
GIGAZINE - CSS3はこうなる
現在のところFirefoxなどのGeckoエンジンとOpera、それからSafari/WebKitベース以外のブラウザでは実現できていませんが、次の「CSS3」だとこういうことができるよ～という例。テキストに影を付けるとか、コーナーを丸くするとかなかなか面白い。CSS3 Preview - Joost de Valk http://www.joostdevalk.nl/code/css3-preview/ ブラウザのサポート状況は以下のサイトが上手にまとまっています。 Web Browser CSS Support http://www.webdevout.net/browser_support_css.php#css3standards W3CのページによるとCSS3というのはこんな感じらしい。 Introduction to CSS3 http://www.w3.org/TR/css3
フォント・フリーフォント情報サイト
無効なURLです。 プログラム設定の反映待ちである可能性があります。 しばらく時間をおいて再度アクセスをお試しください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The Moleskin ? Think.Try.Teach ? Firefox Extensions For Web Development
まとめ.com
caramel*vanilla » Blog Archive » WordPressでLightboxを超簡単に使ってみる
色々ロゴジェネレーター:Cool Text
あまとも : アマゾン(Amazon)の友 - トップ
100 Random Colors 2.0 - Your probable source of random colors, designer colors, palettes, motifs and color combinations
BlogHeader-ブログ検索