Adobe Firefly - Free Generative AI for creatives
https://main--cc--adobecom.hlx.page/cc-shared/assets/img/product-icons/svg/firefly-appicon-256.svg | Adobe Firefly app icon {{adobe-firefly}} Your imagination’s new best friend. Use generative AI and simple text prompts to bring your ideas to life. And now you can add reference images to get the style and structure you’re looking for. {{get-adobe-firefly-free}} Try it -----------------------------
GitHub - adobe-fonts/adobe-blank-vf: Adobe Blank VF & Friends
Adobe Blank VF & Friends are a set of special-purpose Variable Fonts that are intended to render all Unicode code points using variable-spacing glyphs that are non-marking (Adobe Blank VF and Adobe Blank 2 VF) or marking (Adobe Black VF and Adobe Black 2 VF). These Variable Fonts are based on Adobe Blank and Adobe Blank 2, which differ in that the former font includes 2,048 functional glyphs (GIDs
Spectrum Web Components - Spectrum Web Components
Spectrum Web Components Spectrum Web Components The Spectrum Web Components project is an implementation of Spectrum, Adobe’s design system. It's designed to work with any web framework — or even without one. Accessible by default # Developed with existing and emerging browser specifications in mind, our components deliver a high quality experience whether using a screen reader, keyboard navigatio
Adobeが行っている各ブラウザへのコントリビューション
Life with Web Browser Engine (Gecko, WebKit and etc), Mobile and etc. Microsoft EdgeでAdobeがコードの貢献をしたという話があったのだけど、これを見て、EdgeはAdobe、Microsoft連合だ思っている人が多いみたいなので、Adobeが各ベンダに対してやってることを書こうかと。 まず、彼らはSVGとかCSSとかの仕様への貢献をずっと行っていて、SVGの場合ではSVGWGのFace to Faceミーティングの場所を毎年貸し出したりしてる（シアトルのオフィスがそれ）。 そもそもAdobe自体はいろいろとWebに対しても行っているのだけど、彼らにとって、仕様の貢献を行っていても実際ブラウザベンダが実装しない限り絵に書いた餅でしかないので、彼らが必要と思っている(関わっている)仕様に関しては実装まで手を出
Adobe製のJavaScriptデバッガTheseusがすごい - Qiita
この前、研究室の先生に教えてもらったAdobe製のJavaScriptデバッガTheseusがかなり便利なのでご紹介します。 Theseusとは Theseusは、AdobeとMITの共同研究から生まれたJavaScriptのデバッガです（→学会論文）。ChromeとNode.jsの上で動きます。具体的に何をしてくれるのかをざっくり言うと、関数のコールを追跡して、BracketsというAdobe製のエディタに下画像のような感じで表示してくれます。 Theseusのすごいところは、コールバックの実行まで追跡してくれることです。もちろん、エラーが起きた箇所もすぐに見ることができます。また、デバッグをするとき、気になる箇所にconsole.logを挟むことがあると思いますが、Theseusを使えばその必要もありません。関数の横に表示されているコール回数をクリックすれば、その関数の実行ログを表示し
【感動】ルーラー「Pixus」がパワーアップして綺麗になってる！
Mac / windows 共通で使える定規ツールは沢山ありますが、インターフェイスが綺麗で軽く、アプリ開発者もWebデザイナーも使えるルーラーは「Pixus」です。 PIXUS(adobe air)は、Webおよびインターフェイス設計者が簡単に画面上のオブジェクトのサイズやそれらの間の距離を測定することを可能にするアプリケーションです。 1.2.111にバージョンアップしたら、非常に使いやすくなったので簡単に解説を載せておきます。グリッドライン追加と綺麗なデザインにうっとりです。前面に固定出来るのでphotoshopなどと組み合わせて使うのも良いですね。 特徴 ピクセル単位で画面オブジェクトを測定出来る スキンやプリセットを使用してデザイン変更 綺麗なインターフェイス Windows 7 / vista / Mac OS X で動作確認済 使い方/ショートカットキー Pixus Alwa
Project Parfaitで尋常じゃない速さでpsdファイルからウェブサイトを組み立てる - 素人がプログラミングを勉強していたブログ
Project Parfaitとは、adobeが開発してるβ版の、ウェブサイト作成支援のサービス。これを使うと、.psdのデザインファイルからHTMLを書き起こすのが異常に高速になるので、オススメしておこうと思う。 具体的には、psdファイルをアップロードすると、psdファイルの要素がレイヤー別に選択できるようになる。わかりやすいように画像で実例を出すと（一部塗りつぶしてあるが） このようになる。 あとは、Copy Textをクリックするとクリップボードに文字が選択されるので、HTMLファイルを書きながら <li><a href="#">{テキストをペーストする}</a></li> のように書いて、その後、Copy CSSをクリックし li { /*CSSをペーストする*/ } のように、貼り付けて上記の画像の場合はfont-weightがおかしいのでboldに手動で直して、widthやh
The Typekit Blog | Source Han Sansの紹介：オープンソースのPan-CJK書体
アドビは、Googleとのパートナーシップにもとづいて、Source Han Sansのリリースを発表しました。この書体は、新しいオープンソースのPan-CJK書体ファミリーであり、Typekitからフォントを入手してデスクトップで使用できます。Typekitアカウントをお持ちでない場合でも、セットアップは簡単におこなえ、無料ですぐにSource Han Sansフォントを使い始めることができます。オリジナルのソースファイルを使用したい方は、GitHubのダウンロードページから入手できます。 Source Han Sansは、7つのウエイトが利用可能で、日本語と韓国語で用いる文字および中国語で用いる繁体字と簡体字のグリフのバリエーションすべてに完全に対応する 書体ファミリーです。さらに、評価の高いSource Sansファミリーのラテン文字、ギリシャ文字、キリル文字も含まれます。ファミリー
Snap.svg - The JavaScript SVG library for the modern web.
Why SVG (and Snap)? SVG is an excellent way to create interactive, resolution-independent vector graphics that will look great on any size screen. And the Snap.svg JavaScript library makes working with your SVG assets as easy as jQuery makes working with the DOM. Modern features for modern browsers Snap.svg is designed for modern browsers and therefore supports the newest SVG features like masking
アドビの新プロジェクト：JavaScript で WebGL シェーダを記述できる ShaderDSL.js - akihiro kamijo
アドビの新しいオープンソースプロジェクトが公開されました。WebGL のシェーダを JavaScript で記述できるよう開発されたフレームワーク ShaderDSL.js です。 WebGL の場合は、シェーダーの記述に使用される言語は GLSL が一般的です。そのため、一般的な Web 開発者にとっては、WebGL を使うには、機能だけでなく、新しい言語を学ぶという手間も発生します。 また、複数のの言語を使って Web ページを記述するのは、メンテ等も大変そうです。そこで、JavaScript で WebGL のシェーダーが記述できたたらよいね！と思ったアドビが新しいフレームワークの開発に着手したというお話です。 （なぜアドビがこんなフレームワークを開発しているのか妄想してみると楽しいかもです） ShaderDSL.js は、内部的に Gladder と RiverTrail を利用し
Adobeアカデミックストア
Yes, Adobe offers free products like Acrobat Reader, Aero, Fill & Sign, Photoshop Express, and Adobe Scan. You can also use Creative Cloud Express, Fresco, and Lightroom Mobile for free, with the option of making in-app purchases. Adobe makes some of the most widely used software applications in the world, many of which are industry standard. Get started with free apps like Adobe Acrobat Reader, A
Edge Reflow プレビュー版公開 - akihiro kamijo
Edge Reflow は、レスポンシブ Web デザインのために開発が始められた新しいツールです。昨年のイベントで紹介されたので、ご存知の方も多いと思います。 この Edge Reflow のプレビュー版が Creative Cloud に公開されました。 これまで、デバイスと PC に対応するサイトをデザインしようと思った時は、ブラウザで直接確認しながら行う方法か、既存のデザインツールを使う、という選択だったかと思いますが、ブラウザで確認するためにはコードを扱う必要が出てきますし、既存のデザインツールは 「ステージサイズは固定」 という前提で作られています。 もしかして新しいアプローチが求められているのでは ？ ということで設計されたのが、Edge Reflow ということです。 Edge Reflow の位置づけを知るのに参考になりそうなので、FAQ からの他のツールとの比較に関する
H2O Blog., Adobe Edge Codeがリリース
Coda 2や Sublime Text 2など、最近は「軽量エディタ」が人気。私も、Adobe Dreamweaverや Eclipseのような「重量級ソフト」はなかなか立ち上げる機会が減ってしまいました。 そんななか、Adobeがいよいよ軽量エディタ市場に参入。Edge Codeというエディタソフトを登場させました。 Adobe Edge Code 現在「プレビュー版」として、無償で配布されています。 このソフトのユニークな部分は「Brackets」という、同じAdobeのオープンソースプロダクトから構成されていること。エディタ自体が、HTML+JavaScriptで作られており、誰でも中身を改造して使うことができます。 Adobeという大企業が、こうしてオープンソースに乗り出し、「みんなで育てよう」という姿勢を見せたことは、非常に大きな意味を持っているのではないかと思います。今後の展
An Overview of Brackets' Code Architecture | Adobe Developer Connection
A basic understanding of JavaScript programming and code editors. Additional Required product Brackets https://github.com/adobe/brackets Brackets, the new code editor for the web, is a fairly ambitious project on many levels, not the least of which is that the tool itself is written using JavaScript, CSS, and HTML, with the developers using Brackets itself when possible. At a time when discussions
作業時間を10分の1にできて、デザイナーとコーダーのお互いが幸せになれるプラグイン「SPECCTR」が素晴らしい。
ややうさんくさい感じのするタイトルですが、ホントの話なんです。 海外のサイトを見ていてたまたま見つけて試してみたところ「このプラグインを使えばデザイナー自身、そしてコーダーのお互いが幸せになれるっ!」と思ったので全力でご紹介したいと思います。 SPECCTRについてごく簡単に説明すると… フォント名やオブジェクトのサイズ、間隔、色などをボタン一つで建築の設計図のようにデザインの仕様を書き出せる というものです。 これまで、デザインからコーディングに取りかかる際に、ボタンのサイズやレイアウト間隔を正確に調べたりするには元データをいちいち開いたりしなければならず、地味ながら非常に手間のかかる作業が必要で、それらを一覧にできる良い方法が無いのが実情でした。 また、デザイナーからコーダーにデータを渡して、いざあがって来た時のレイアウトをみると、ところどころ変わっている部分があったりして、相互の無駄
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Files | Adobe
Brackets Blog - The Free, Open Source Code Editor for the Web
Amazon.co.jp: はじめてのEdge Animate: ザストリッパーズ: 本
GitHub - topcoat/topcoat: CSS for clean and fast web apps
GitHub - adobe-fonts/source-code-pro: Monospaced font family for user interface and coding environments
