Photoshop不要！ ブラウザにPSDを重ねてコーディングする方法 - LCL Engineers' Blog
フロントエンドエンジニアの岡田です。 弊社ではデザイナーとフロントエンドエンジニアで分業をしていることもあり、HTML/CSSコーディングの際にはデザインカンプ（PSD）にスクリーンショットを重ねて確認しています。 ですが、この作業、少し面倒ですよね… 今回、LayerXとBrowserSyncを導入して少しだけ快適になったので紹介します。 今までの確認方法 スクリーンショットをクリップボードへコピー（Macなら⌘ + shift + 4 + control） スクリーンショットをPhotoshopへペーストして、不透明度を50%へ設定（もしくはレイヤーモードを「差の絶対値」に設定） ペーストしたレイヤーをPSD上で上下左右に動かしながら、ずれているピクセル数を計算してCSSへ反映 ブラウザをリロード 1〜4の繰り返し… 上記の3. の作業でPSDとスクリーンショットの位置を揃えるのも面倒
iOS 10のSafariではWebPに加えてPhotoshopフォーマットが表示可能に。
iOS 10のSafariではWebPに加えてPhotoshopフォーマットが表示可能になるようです。詳細は以下から。 昨日、現在Betaユーザー向けに公開されているmacOS 10.12 SierraおよびiOS 10, Safari v10でGoogleの画像フォーマット「WebP」がサポートされるという記事を公開しましたが、 Image Format Test Page: #iOS10 Safari now supports WebP and Photoshop image format too! Everything but SGI & XBM. 💯 https://t.co/ufaMRHD9Tv — Jake Hamby (@jhamby) 2016年7月13日 この記事に対し、次期OSでは新たにPhotoshop(.psd)フォーマットの表示(プレビュー)が可能になっていると
Free photoshop script: Export your vector layers from PS to SVG in a single click! – Hacking UI
Finally a solution to one of the biggest and most annoying workflow setbacks in every interaction designer’s day. Here’s a free script that we created that will save you a lot of time slicing and restore your sanity. What this Photoshop script does: This script, once activated, exports all vector layers named with “.svg” at the end of the layer name as SVG files, along with their shape and color a
正式版がリリースしたAvocodeの便利な使い方をご紹介（コリス限定の優待コードもあるよ） | コリス
制作の効率が劇的にアップする『Avocode』の正式版が、1/29にリリースされました！ Avocodeは簡単に言うと、PSDのプレビューや書き出しをPhotoshop無しで行うもので、書き出しは画像だけでなく、SVGやCSSにも対応しています。画像のスライスやスタイルシートのコーディング作業がググッと楽になるWin/Mac/Linux対応のアプリです。 正式版で、特に大きく変わったのがデザイナー用簡単GitHub。これは無料で単体利用できる機能で、PSDファイルの共有やリビジョン管理が非常に簡単にできます。 ベータ版の時から、そして正式版がリリースされてからみっちりと試したので、Avocodeの使い方や登録方法を紹介します。 Avocode Avocodeには無料と有料のプランがあり、有料プランの優待コードがコリスのビジター限定でもれなく使用できます。無料プランだけを使ってもよし、有料プ
PSD Viewing & Diffing
ProductPSD Viewing & DiffingWe've supported image viewing and diffing for quite some time now, but today we're happy to announce that we're adding PSD files to the images we support for this. Any… We’ve supported image viewing and diffing for quite some time now, but today we’re happy to announce that we’re adding PSD files to the images we support for this. Any PSD assets in your repositories wil
Avocode – Preview and inspect designs without Photoshop or Sketch.
Goodbyes aren't our thing, but exciting new tools are! 🙌 “Avocode” was sunset on October 1st, 2023 Here at Ceros, we're no good at goodbyes. But one thing we've always excelled at? Embracing new beginnings and creating awesome new solutions. That's why we're kicking off a new era of tools crafted just for you: This transition means we’ve bid a fond farewell to all products offered by the Avocode
psdiff - GitHub上でPSDファイルの差分表示を可能にするスクリプト MOONGIFT
デザイナーの方は覚えておくと便利そうですよ！ GitHubでは様々なファイルの差分表示が行えます。その一つに画像があります。PNGやJPEGといった画像の差分をWebブラウザ上で行えます。これはデザイナーの方にとってかなり便利な機能ではないでしょうか。 しかしデザイナーであればなんとしても対応して欲しいと思うのがPhotoshopのPSDではないでしょうか。GitHubではPSDをサポートしていませんが、それを可能にするライブラリがpsdiffです。 psdiffのインストール インストールは簡単で、一行のスクリプトで完了します。これは差分チェックを行いたいGitリポジトリ上で行います。 $ bash <(curl -sSL https://raw.github.com/filp/psdiff/master/install.sh) Damn, the 'psd' gem is not in
MacRabbit was here
Here hopped MacRabbit. Makers of some damn good software. Apps that shone bright and some that never saw the light. Norbert the magical rabbit was never real, but the magic was. Espresso and CSSEdit acquired by, alive and kicking at Kangacode Fifteen Crazy Years: A Toast to Life What a wild space carrot ride... Thanks for all the memories, lovely people. Signing off, Jan (this guy, also on Twitter
Download: Aktualisiertes Photoshop Template für die Facebook Timeline - AllSocial der Blog
Philipp war einer der Gründer von AllFacebook.de und hat sich sich 2021 von AllFacebook getrennt. Er ist diesem Blog als Gastautor treu geblieben. Durch über 10 Jahre Erfahrung ist einer der bekanntesten Experten zum Thema Social Media Marketing, berät Unternehmen, organisiert Workshops, hält Vorträge und realisiert viele der heute sehr erfolgreichen Auftritte auf Facebook, Instagram, TikTok, What
PSD.js by meltingice
A Photoshop PSD file parser in Javascript for NodeJS and the browser. View the Project on GitHub meltingice/psd.js Download ZIP File Download TAR Ball View On GitHub A general purpose PSD parser written in Coffeescript. Based off of PSD.rb. It allows you to work with a Photoshop document in a manageable tree structure and find out important data such as: Document structure Document size Layer/fold
FACEs: PsdReader.js
PSDから画像を取得。Chrome、FireFoxのみ。 FileReader メモ ・Safari とスマホに FileReader がない。 File API も最小限。 ・FireFox は File API に lastModifiedDate がない。 //こんな感じで使う。 var reader = new FileReader(file); var uploader = new FileUploader(); var psd; reader.onload = function(e){ psd = new PsdReader(e.target.result); var base64 = psd.getDataURL().split(',').pop() uploader.upload(base64); } reader.readAsBinaryString(file); P
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://www.webbsy.com/index.html
Learn | Adobe Creative Cloud
Website