HTMLとCSSでパララックスページを作ってみよう | Casley Deep Innovations株式会社 技術ブログ
皆様こんにちは。 キャスレーコンサルティング、CC(CSVクリエーション)部の細見です。 今回は、HTMLとCSSだけで作ることができる、レスポンシブに対応した シンプルなパララックスページの作り方を、ご紹介したいと思います。 「パララックスってなに？」と思われる方もいらっしゃると思いますので、 まずは、その言葉の意味から解説したいと思います。 1. パララックスとは パララックス(en. Parallax)とは、日本語で「視差」という意味です。 Webデザインの世界においては、「視差効果」とも呼ばれ、画面をスクロールするといった動作の際に 要素を異なる速度で動かしたりすることで、あたかも立体で奥行きがあるように見せる手法とのことです。 最近ではプラグインも増えつつあり、単に速度の変更だけでなく、様々な動きを持たせることが可能になってきました。 2. 実際に触ってみましょう まずは、こちら
商用のデザインやイラストにも無料でガンガン使える！超高解像のフリーテクスチャ素材 -CC0 Textures
商用でも無料で利用できる2,000px, 4,000px, 8,000pxの超高解像度のテクスチャ素材がダウンロードできるCC0 Texturesを紹介します。 8,000pxまで揃ってるフリーテクスチャは、かなり貴重ですね。 しかもライセンスはCC0、クレジット表記なしで利用できます。 CC0 Textures CC0 Texturesの特徴 CC0 Texturesでは、無料で利用できるテクスチャ素材がダウンロードできます。ライセンスはCC0で、クレジット表記の必要はありません。また、サインアップやメールアドレス登録などの面倒なことも一切不要です。 PBR(フィジカルベースドレンダリング)ベースの素材 テクスチャは物理ベースのレンダリングで作成されており、シームレスで利用できます。 超高解像度のテクスチャ素材 ダウンロードできる素材は、2,000px, 4,000px, 8,000px
ClippingMagic
Trained on millions and millions of real world images, not artificial lab data, the Clipping Magic Auto-Clip AI background remover handles so much more than just a few cherry-picked foreground categories. And the learning hasn't stopped. As the AI background editor is exposed to more and more photos, its ability to handle yours continues to improve. The only background removal editor in the world
標準～中望遠単焦点＆マクロレンズの「ぼけ」大全：ニコン Fマウント編 | マガジン記事 | GANREF
レンズの性格を表現する言葉として「ぼけ」はあまりにも有名だ。英語圏に住む海外のカメラファンの間でも、原語に近い発音である「Bokeh」という言葉が広く使われている。さてレンズにおけるぼけの定義にはさまざまな解釈があり、ぼけの感じ方も十人十色だ。光学的にはピントが合っている部分以外のすべての描写がぼけの対象となるが、一般的には主要被写体に対して最も大きくぼけている部分を「ぼけ」とする場合が多い。またぼけの発生についてのメカニズムも複雑であり、単に絞り値が小さいからといってすべてのレンズが美しいぼけを表現できるとは限らない。今回はそれらの現象を実際に目視できるよう、描写テストを実施。絞りにより変化するぼけの様子や、レンズごとに異なるぼけのテイストを探ってみることにした。使用カメラはAPS-C機専用レンズ：D300S、フルサイズ対応レンズ：D700。絞り優先AEを使用し、1/3EVステップで、1
フィルムっぽいこの写真なんだけどさ - Yukarin'Note
フィルムっぽく加工されてるデジタルで撮影された写真に驚愕するopenarmsにみんながコメントするハートウォーミングなTL。影の部分が大事なのね。
IE8でimgの横幅だけ縮小表示される不具合？(max-widthがうまく反映されない） | 某氏の猫空
IE8でimgの横幅だけ縮小表示される不具合？(max-widthがうまく反映されない）投稿 : 2011-02-08更新 : 2013-05-18 画像を縮小表示しようとして、320pxX240pxに指定するとなぜか、横幅だけが24pxで表示される不具合にあい困りました。Bloggerの投稿画面で画像挿入したときの動作です。IE8だけ起こって、他のブラウザでは問題なく表示されていることは確認しました。 この現象に関して、Googleで検索したのですがなかなか原因らしきものが見つからずに困ってました。最終的に発見したのは、IE8のmax-widthではまる（nybbの雑記）です 対処1 画像に入っていたwidhtの値を削除する → OK 対処2 cssのimgに対しての、「max-width:100%;」の記述を削除する → OK via: IE8のmax-widthではまる（nybbの雑
大きな画像を自動でリサイズしてくれるwordpressプラグイン「Imsanity」
wordpressで、デジカメで撮影した画像をアップロードすることってありませんか？プリント用に撮影した写真は、ウェブサイトで使用するにはサイズが大きすぎます。だからといって、画像編集ソフトでリサイズするのもめんどくさい。最近のwordpressは、様々なサイズでサムネイルを自動作成してくれるけど、アップロードした元画像のサイズが大きいままだと、結局サーバー容量を圧迫してしまう・・・。 そんなあなたに、Imsanity！ 使い方 Imsanity 管理画面からプラグインを検索して自動インストール！有効化すると、「設定」→「Imsanity」という項目が表れます。 こちらの設定画面で、あらかじめ画像の最大サイズを指定しておくと、アップロード時に自動でリサイズしてくれます。 このプラグインのすごいところは、どこから画像をアップしたかによって、最大サイズを変更できる点です。例えば、投稿画面からア
tips - GIMPでJPEGの蚊を退治して"PNG"化する : 404 Blog Not Found
2012年09月05日03:00 カテゴリTips tips - GIMPでJPEGの蚊を退治して"PNG"化する このためだけにGIMPをインストールしておく価値あり。 可逆対非可逆 我々がふんだんに画像や音楽や動画をネットでやりとりできるのは、非可逆圧縮(Lossy compression)のおかげ。これがなかったらとうの昔にネットはパンクしています。静止画や音声はとにかく、動画ともなれば無圧縮ではネットどころかハードディスクすらついていけないほど。 うぶんちゅ! 瀬尾浩史 たとえば以下の画像。片方が可逆圧縮(Lossless compression)のPNG、そしてもう片方が非可逆圧縮のJPEGで圧縮してありますが、どっちがどっちだかおわかりいただけますか?画像をクリックした先に1246x1635ピクセルの元画像があるのでそちらも確認してみてください。 ぱっと見た目にはまるで同じ画像
プロが教える本当にシャープな写真の撮り方 第3回 | デジタルフォト達人への道 | Shuffle by COMMERCIAL PHOTO
アメリカで大ベストセラーとなった書籍「The Digital Photography」が日本語に翻訳されて発売された。この「デジタルフォト達人への道」（発行：ピアソン桐原）、著者は全米Photoshopプロフェッショナル協会（NAPP）会長のスコット・ケルビー氏、日本語版の監修は日本におけるデジタルフォトの第一人者・早川廣行氏だ。Shuffle読者のために、第1巻から第3巻まで各巻のハイライトを特別公開する。 ピントのしっかり合った鮮明でシャープな写真を撮ることが、プロの写真家にとっては何より重要です。「デジタルフォト達人への道」第1巻からは、「第1章 プロが教える本当にシャープな写真の撮り方」を公開します。 画像を拡大してピントを確認する デジタル写真の悲しい現実─それは、カメラ背面の小さな液晶モニター上では、どの写真もしっかりピントが合ってシャープに見えるということです。小さなサイズ
Yahoo! Smush.it™
Smush.it uses optimization techniques specific to image format to remove unnecessary bytes from image files. It is a "lossless" tool, which means it optimizes the images without changing their look or visual quality. After Smush.it runs on a web page it reports how many bytes would be saved by optimizing the page's images and provides a downloadable zip file with the minimized image files. Do not
画像を綺麗に拡大するフリーソフト「SmillaEnlarger」がすごい | 日刊ウェブログ式
小さな画像を拡大したい時、どうしても起こってしまう画像の劣化。そんなときに便利な、画像を美しく拡大するフリーソフト「SmillaEnlarger」をご紹介します。上の画像は拡大例ですが、かなり滑らかに拡大出来てます。 ダウンロード こちらから「SmillaEnlarger」をダウンロードします。 Download ソフトを起動させます。 使い方 まずは、拡大したい画像をドラック＆ドロップします。 Output Dimensions …サイズ変更 Specify zoom facter: 倍率 Specify width of result: 横幅指定 Specify height of result: 縦幅指定 Fit inside boundary: 縦横幅の最大値指定 Stretch to fit: 縦横幅の指定 Crop to fit: 切り取り指定 Fit inside, add
exiftoolを使って写真の情報を管理 - muibrog
exiftoolとは デジカメなどで撮影した写真に付加されるexif情報を読んだり書いたりするツール。もともとはperlのモジュールだけど、いまはMac版、Windows版ともにスタンドアロンで実行できるバイナリとしてExifTool by Phil Harveyで配布されているのでperlわからなくても大丈夫。 ただ、コマンドラインから使うソフトなのでMacならターミナル、Windowsならコマンドプロンプトから実行しないといけません。多少面倒ですがいっぺんに複数のファイルを簡単に処理できるという利点もあります。 画像ファイル(jpgやRAWファイル)のexifを読む $ exiftool 画像ファイル とすれば画像ファイルのexifを確認することができますよ。 デジカメで撮った画像ファイル(RAWでもjpgでもなんでもいい *1 )を使って試してみるとファイル名(File Name)や
Photo Notes - Home
Kostenlose Grußkarte als E-Card online mit Polaroid™ Effekt versenden Ihre persönliche Grußkarte ganz einfach per E-Mail an Freunde verschicken. Sie können ein eigenes Bild hochladen, aus unserer Bildergalerie auswählen oder direkt aus dem Internet. Mit unserem Grußkarten-Editor haben Sie die Möglichkeit, einen persönlichen Text hinzuzufügen oder Ihre Karte mit einem schönen Rahmen zu versehen.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
waifu2x
Photoshop.com | Tools
Design a Colorful Retro Futuristic Poster in Photoshop
XEQUALS - Learn. Create. Dominate.
写真を絵のように見せる写真加工技術「PhotoDramatica」トップ - あやえも研究所
Pixelmator Filters
http://insidelightroom.com/