TwitterやFacebookでシェアされたときに、アイキャッチ画像がどんなサイズでどう表示されるのかをまとめてチェックできるツールです。「文字がはみ出てしまわないか」「意図せず一部が切れてしまわないか」などを確認するためにご活用ください(表示は2018年7月時点のものです)。 画像を選択
TwitterやFacebookでシェアされたときに、アイキャッチ画像がどんなサイズでどう表示されるのかをまとめてチェックできるツールです。「文字がはみ出てしまわないか」「意図せず一部が切れてしまわないか」などを確認するためにご活用ください(表示は2018年7月時点のものです)。 画像を選択
異なるサイズの画像を並べて瞬時にサイズを揃えられるjQueryプラグイン「MyThumbnail」 2011年06月27日- Official Demo page for MyThumbnail jquery plugin 異なるサイズの画像を並べて瞬時にサイズを揃えられるjQueryプラグイン「MyThumbnail」。 画像は普通に並べると高さやサイズも一定ではなくかといってサイズしていで縮めちゃったとしても幅は一定になりません。 このプラグインを使えば指定のサイズにまるめてくれるだけでなく、トリミングもして画像が変な方向に伸縮しないようにも調整してくれます 次のような画像を並べただけの状態があったとして。 次のように、指定したサイズに調整した上でトリミングもしてくれます(角丸はCSSで指定してます)。 HTMLは次のようにかなり単純に<a>付きの<img>を並べただけです。 <div
The use of repeating patterns in Photoshop can help to produce attractive website backgrounds with very little effort, and of course patterns have other uses as well. In this post we’ll feature some of the best free patterns that are available. You’ll find some individual patterns as well as many packs of multiple patterns. Seamless Subtle Patterns (15 patterns) Paisley Photoshop Patterns (8 patte
Photo Editor - Photoshop Online by Pixlr - Free Image Editing Tools Now, there are even more compelling reasons to choose Pixlr as your go-to solution for all your online image editing requirements, particularly when you're looking for a powerful "photo editor." Whether you're inclined towards traditional desktop-style photo editing or prefer a more contemporary approach, Pixlr has you covered. Pi
30 Photoshop Actions for Touch Ups and Enhancements - Part 2 1クリックで写真の印象を簡単に変えてしまうPhotoshopアクション集が公開されています。 色合いの微調整で調整していくのもいいですが、数あるアクションをそれぞれ試してみてどれがいいかを見比べる、なんていうアジャイル(?)なレタッチ方法があってもいいのかも。 50 Photoshop Postwork Actions 50ものアクションが詰まったアクションパック SA-Cool Action 1.06 写真をクールな印象に仕立てるアクション Pack Actions 01 11のアクションが含まれている。次のようなエフェクトをそれぞれかけられるみたい SA-Cool Action 2.06 写真を色々な色調に仕立て上げてくれるアクション集。 全部見る deviantA
写真みたいなのにシームレスな背景として使えるテクスチャ配布サイト「SeamlessTextures.net」 2009年02月16日- SeamlessTextures.net - Free Seamless Textures 写真みたいなのにシームレスな背景として使えるテクスチャ配布サイト「SeamlessTextures.net」 ページの背景にしてもシームレスにつながるので次のような、芝生を背景にしたようなデザインも簡単に作れます。 紙、コンクリート、ファブリック、雲、木目などのカテゴリに分かれていて色々探せます。 普通の写真でつなぎ目をうまく合わせるのは大変ですが、こうして最初からシームレスになっていると良いですね。 関連エントリ デザイナーが知っておくべき背景画像のリソースサイト集 伸縮する全画面背景を設定できるjQueryプラグイン「Supersized」 サイトデザインをオシ
(Leopard Preview.app's potential) アプリケーションの名前こそ「プレビュー」だが、すでに機能は「レタッチ」レベルなのであった! The application's name is "Preview", but the function is "retouch" level! スクリーンショット(Screen capture) ウィンドウの影なし撮影ができる。(command-shift-4 & spaceの影あり撮影と使い分けると便利) "File >> Grab >> Window" is without shadow.(Properly, we can use that "command-shift-4 & space" is with shadow.) タイマー撮影ができる。 "File >> Grab >> Timed Screen" command
Also visit our sister site Templateswise.com and start creating presentations faster with free PowerPoint templates! Background Labs share a wide variety of free patterns, website backgrounds, vector graphics, textures and design resources for everyone. Browse colors and styles, we have fresh resources and inspirational art for all your needs!
PSDファイルとは、Photoshopのデフォルトのファイル形式であり、レイヤー構造や画質などがかなりそのまんまなので、いろいろとこのPSDファイルを元にしてサイトのデザインや素材作成などに利用されています。Photoshopを持っていなくても、例えばフリーソフトの「Paint.NET」とPSDファイルの読み込み・編集ができるようになる「Photoshop file plug in」を組み合わせれば、完全無料で利用可能になります。また、PhotoshopのPSDファイルをXHTML&CSSに一発変換できる「psd2css」というような無料サービスもあります。 というわけで、いろいろな局面で役に立つPhotoshopのPSDファイルを無料でダウンロードできるサイトいろいろは以下から。 60 Most Wanted Photoshop Tutorials, Brushes, .PSDs and
久しぶりのJavaScriptネタです。最近は、マック(MBP)で作業することも多いのですが、アップルの提供する.Mac というサービスを使うと簡単に見栄えのよいホームページ(HP)を作成することが出来ます。このサービスはマックを使ってこそ活きるものですが。 で、何種類ものHP向けのテンプレートが予め用意してあるんですが、多くのテンプレには、デジカメで撮った写真を単に貼り付けるだけでなくて、それらをちょこっと斜めにしたり切手風に縁取りしたり出来て、お洒落に演出できるわけです。自分も以前からこういうことをppBlogでしたいなぁとは思っていて、現状、写真っぽく見せたりドロップシャドウを付けたりというのはスタイルシートを使って出来るようにしています。後は、切手風とか写真を少し傾けて貼り付けるとかですが、これらはサーバーサイドのPHPプログラムで画像を加工すれば可能なんだけど、写真をアップする際
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く