Best svg 애니메이션 Update

주제에 대한 새 업데이트 svg 애니메이션


Table of Contents

웹에서 SVG 사용하기 New Update

SVG 애니메이션 기능은 매우 강력하지만, 실제로 제가 사용한 애니메이션은 일부라 너무 깊이 다루지 않겠습니다. 멋진 애니메이션을 만들고 싶겠지만, 모든 프로젝트가 이를 위해 소비할 수 있는 시간과 예산은 한정적입니다.

+ 여기서 자세히 보기

Read more

웹용 SVG를 만드는 과정은 매우 간단합니다

JPEG 또는 PNG 파일을 변환하는 것보다 더 복잡하지 않습니다

좋아하는 벡터 그래픽 편집기(Illustrator, Sketch, Inkscape[무료], [Photoshop에서도 모양 레이어를 사용하는 경우])에서 원하는 정확한 크기의 그래픽으로 작업합니다

나는 내가 사용하고 있는 일러스트레이터에 초점을 맞출 것이지만, 이것은 작동하는 모든 소프트웨어에 동일하게 적용될 수 있습니다

사용 중인 웹 글꼴로 페이지의 스타일을 지정하지 않으면 올바른 글꼴로 표시되지 않을 수 있으므로 텍스트를 윤곽선으로 변환해야 합니다

모든 개체를 솔리드 모양으로 확장하는 것에 대해 걱정하지 마십시오

특히 획이 있는 경우 페이지에서 획을 조작하고 확장해도 파일 크기가 작아지지 않습니다

레이어/그룹에 입력한 이름은 해당 요소의 ID로 변경되고 SVG에 추가됩니다

전체 파일 크기가 약간 증가하지만 스타일 지정이 더 쉬워집니다

SVG로 내보내기 전에 디자인 작업이 전체 픽셀(23.3px x 86.8px가 아님) 영역 내에 있는지 확인하십시오

대지가 영역 외부에 있으면 실제 결과가 선명하지 않을 수 있으므로 주변 대지를 다듬습니다

일러스트레이션에서 저는 Object > Artboards > Fit to Artwork Bounds를 사용하여 아트웍의 경계에 맞게 잘라냅니다

그런 다음 다른 이름으로 저장 버튼을 누르고 SVG를 선택하고 기본 설정을 사용합니다

물론 이 단계에서도 최적화가 가능하지만 나중에 최적화 작업을 하기 때문에 지금 설정 단계에서 시간을 보내는 것은 무의미하다

파일 크기를 줄이는 방법

(외부 참조를 확인하십시오)

SVG 최적화에 대한 훌륭한 기사는 이미 많이 있지만 가장 효과적이고 유용한 몇 가지 팁과 방법을 공유하고 있습니다

추가 작업이 많지 않아 구현 및 작업이 용이합니다

SVG 파일 크기를 최소화하는 가장 효과적인 방법은 불필요한 코드를 제거하는 것입니다

SVGO는 불필요한 코드를 모두 제거하는 가장 인기 있고 최고의 도구입니다

– 참고: CSS/JS로 조작하고 싶다면 주의해서 사용해야 합니다

파일을 과도하게 최적화하면 향후 작업이 더 어려워질 수 있습니다

SVGO의 가장 편리한 기능은 빌드 프로세스에 추가하여 자동으로 사용할 수 있다는 것입니다

(또는 GUI를 사용할 수 있습니다)

‘불필요한 코드 삭제’를 넘어 그래픽 편집기에서 추가 작업을 수행할 수 있습니다

먼저 가능한 한 적은 수의 경로/모양으로 작업하고 경로에 몇 개의 점이 있는지 확인하십시오

가능한 모든 요소를 ​​결합하고 단순화하여 경로에서 가능한 한 많은 점을 제거합니다

VectorScribe는 Smart Remove Brush Tool을 사용하여 전체 모양을 동일하게 유지하면서 점을 제거할 수 있는 일러스트레이터 플러그인입니다

최적화 전

스마트 제거 브러시 도구로 점을 제거합니다

이제 화면을 확대해 보겠습니다

Illustrator에서 보기 > 픽셀 미리보기로 픽셀 미리보기를 활성화하고 경로 포인트 위치를 확인합니다

파일 크기를 최소화하려면 픽셀 그리드(즉, 전체 픽셀 값) 내에 이미지를 배치합니다

가능한 가장 선명한 품질로 렌더링하려면 모든 곳에서 세심하게 작업해야 합니다

(0.5픽셀을 초과하지 않도록 주의하십시오.) 포인트가 픽셀과 일치하지 않습니다

포인트를 픽셀에 맞춥니다

모양이 2개 이상인 경우 불필요한 겹치는 부분을 제거합니다

경로가 정렬되어 있어도 흰색 선은 여전히 ​​​​보이기 때문에 제거하기 위해 서로 약간 겹칩니다

기억하세요: SVG의 z-index는 파일의 맨 끝부터 순서대로 정의되므로 파일의 맨 끝에 첫 번째 모양에 대한 코드를 넣으십시오

의 gzip 압축을 활성화해야 합니다

AddType 이미지/svg+xml svg svgz AddOutputFilterByType DEFLATE “이미지/svg+xml” \ “텍스트/css” \ “텍스트/html” \ “텍스트/자바스크립트”. .

앞서 설명한 기법의 효과를 더 자세히 설명하기 위해 Breaking Borders 로고 이미지를 예로 최적화했습니다

SVGO를 통해 최종 출력을 실제 크기로 조정하고, 경로를 트리밍하고, 가능한 한 많은 점을 제거하고, 점을 픽셀 값에 맞추고, 가능한 한 많은 겹치는 영역을 제거하여 얻었습니다

원본 이미지: 1,413b

최적화된 이미지: 409b

전체 용량이 71%로 감소한 것을 알 수 있습니다

(gzip으로 압축하면 83% 이상으로 감소)

부록: Rob Sterlini는 ‘b’의 각 반복에 대해 요소를 반복하여 용량을 더 줄일 수 있다고 말했습니다

이것은 정말 좋은 방법입니다

로 최적화된 이미지 : 311b

전체 크기가 78% 이상 감소했습니다

사이트의 모든 SVG에 대해 이 방식으로 작업하여 이미지 크기를 최소화할 수 있습니다.

놀라운 SVG 애니메이션 제작 FAST | SVGator New Update

아래 동영상 보기

주제에 대한 새로운 업데이트 svg 애니메이션

SVGator is an online SVG animation creator. It doesn’t require any coding skills and it simplifies the way you animate SVG by including the most advanced features in a user-friendly interface.
— Easily Add SVG Animation to WordPress: https://youtu.be/DzM3U4OrxTw
Create an SVG animation with SVGator in three easy steps:
1. First, import a static SVG file.
2. Next, you can animate an element by selecting it on the canvas and adding animators to the timeline. Adjust the animation by adding keyframes and dragging them on the timeline. You can make the transition smoother by using custom easing functions.
3. When your animation is done, export the animated SVG file.
SVGator exports a single animated SVG file so it’s easy to add it to your website. You can also make the SVG animation interactive by starting it on click or hover.
Included features: Path animation, Morph animation, Filter, Custom easing functions, Snapping, Interactive events, and more.
Our website: https://www.svgator.com
This is a step-by-step tutorial about how to get started in SVGator. In this tutorial, you will learn how to:
– Import a new file
– Change the canvas size
– Change the timeline duration
– Reposition the origin point
– Group elements
– Work with the Transform tool
– Create a simple animation
And more! 🙂
Still got questions? Visit our Help Center: https://www.svgator.com/help
Subscribe: https://www.youtube.com/channel/UC0MXZwZer6zQ6VR1NuA4cKQ?sub_confirmation=1
Let’s connect:
Facebook: https://www.facebook.com/svgator
Instagram: https://www.instagram.com/svgatorapp/
Twitter: https://twitter.com/SVGatorApp
LinkedIn: https://www.linkedin.com/company/svgator
Pinterest: https://www.pinterest.com/svgatorapp/
SVGator is an online SVG (Scalable Vector Graphics) animation creator.

svg 애니메이션주제 안의 사진 몇 장

 Update  놀라운 SVG 애니메이션 제작 FAST | SVGator
놀라운 SVG 애니메이션 제작 FAST | SVGator Update

CSS 애니메이션 18가지 예제 최신

2/1/2019 · 애니메이션이 가능한 특성과 SVG 및 탐색 가능한 DOM으로 인해 애니메이션 또는 전환을 수행하는 코드는 거의 변경되지 않습니다. 기술은 동일합니다. 먼저 SVG 내부의 div 나 경로 내부에 4 개의 요소를 만들어야합니다.

+ 여기서 자세히 보기

CSS로 SVG 애니메이션을 만드는 방법 배우기 Update New

동영상 보기

주제에 대한 새로운 정보 svg 애니메이션

My new HTML5 \u0026 CSS3 COURSE IS OUT NOW!
https://developedbyed.com/
Today we are going to take a look at how to build animations using css3 and svgs.
SVG is a really popular format on the web that has many advantages, such as support, size and the abillity to create animations using css3.
All the code will be available on patreon.
Microphones I Use
Audio-Technica AT2020 – https://geni.us/Re78 (Amazon)
Deity V-Mic D3 Pro – https://geni.us/y0HjQbz (Amazon)
BEHRINGER Audio Interface – https://geni.us/AcbCpd9 (Amazon)
Camera Gear
Fujifilm X-T3 – https://geni.us/7IM1 (Amazon)
Fujinon XF18-55mmF2.8-4 – https://geni.us/sztaN (Amazon)
PC Specs
Kingston SQ500S37/480G 480GB – https://geni.us/s7HWm (Amazon)
Gigabyte GeForce RTX 2070 – https://geni.us/uRw71gN (Amazon)
AMD Ryzen 7 2700X – https://geni.us/NaBSC (Amazon)
Corsair Vengeance LPX 16GB – https://geni.us/JDqK1KK (Amazon)
ASRock B450M PRO4 – https://geni.us/YAtI (Amazon)
DeepCool ATX Mid Tower – https://geni.us/U8xJY (Amazon)
Dell Ultrasharp U2718Q 27-Inch 4K – https://geni.us/kXHE (Amazon)
Dell Ultra Sharp LED-Lit Monitor 25 2k – https://geni.us/bilekX (Amazon)
Logitech G305 – https://geni.us/PIjyn (Amazon)
Logitech MX Keys Advanced – https://geni.us/YBsCVX0 (Amazon)
DISCLAIMERS:
I am a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for us to earn fees by linking to Amazon.com and affiliated sites.

🎁Support me on Patreon for exclusive episodes, discord and more!
https://www.patreon.com/dev_ed
🛴 Follow me on:
Twitch: https://www.twitch.tv/developedbyed
Twitter: https://twitter.com/developedbyed
Instagram: https://www.instagram.com/developedbyed/
Github: https://github.com/developedbyed/

#svg #css3

svg 애니메이션주제 안의 사진 몇 장

 Update  CSS로 SVG 애니메이션을 만드는 방법 배우기
CSS로 SVG 애니메이션을 만드는 방법 배우기 Update New

Organic Shape Animations | Codrops New

Some shape morphing hover effects using SVG clipPath on an image. Organic Shape Animations Hover effects with SVG clipPath 21 BX3 Codium fasciculatus Exoplanet Gliese 180 b 65 AG9 Amphiroa corymbosa Exoplanet Kepler-174d 46 XK2 Exoplanet K2 …

+ 여기서 자세히 보기

Read more

이 데모를 즐겼다면 다음도 좋아할 것입니다

모핑 배경 모양

모양 호버 효과

복잡한 애니메이션을위한 SVG 및 GreenSock-Forward 4 Web Summit New Update

아래 동영상 보기

주제에 대한 새로운 업데이트 svg 애니메이션

SVG is a strong part of the future of the web-based imagery. Because it is written in math not rigid pixels, it reduces our large Front-End testing matrix and allows for interesting solutions to common web problems.
When we animate SVG, we can guide our viewers with informative UX patterns, as well as create engaging and interactive experiences. The GreenSock Animation API is a highly performant, feature-rich library with which we can create performant, complex, and responsive animations.
In this session, we will cover:
-Responsive Animations
-Motion Along a Path
-SVG Attribute Morphing
-Advanced API Features
http://forwardjs.com/
https://newcircle.com/

svg 애니메이션주제 안의 사진 몇 장

 Update New  복잡한 애니메이션을위한 SVG 및 GreenSock-Forward 4 Web Summit
복잡한 애니메이션을위한 SVG 및 GreenSock-Forward 4 Web Summit Update

애니메이션 – 위키백과, 우리 모두의 백과사전 New Update

애니메이션(영어: cel animation)은 애니메이션을 만드는 제작 기법으로 셀룰로이드라는 투명한 플라스틱 및 필름 위에 수작업으로 채색하여, 배경 위에 놓고 촬영할 수 있는 편집을 말한다. 같이 보기 컴퓨터 생성 이미지

+ 여기서 자세히 보기

Read more

이 그림은 두 개의 투명 셀이 그림을 합성하는 방법을 보여줍니다

애니메이션 만화는 어떻게 만들어지는가(1919)(1919)

셀애니메이션(영문:셀애니메이션)은 애니메이션을 제작하는 제작기법으로 투명한 플라스틱과 셀룰로이드라는 필름에 수동으로 채색하고 배경에 올려놓고 촬영하는 편집을 말한다.

jQuery 51 [ SVG Scroll Animation ] SVG 스크롤 애니메이션 Update

아래 동영상 보기

주제에서 더 많은 유용한 정보 보기 svg 애니메이션

Sample Download: https://bit.ly/2IIBLnJ
stroke-dasharray 참고
https://codepen.io/alikerock/pen/WpPMyb
stroke-dashoffset 참고
https://codepen.io/alikerock/pen/PpVQdv
에디터: visual studio code
티스토리 : http://alikerock.tistory.com/
트위터: #eztoweb
#svg #jquery #scroll

svg 애니메이션주제 안의 멋진 사진을 볼 수 있습니다

 Update  jQuery 51 [ SVG Scroll Animation ] SVG 스크롤 애니메이션
jQuery 51 [ SVG Scroll Animation ] SVG 스크롤 애니메이션 New

Animated GIF editor and GIF maker New

22/11/2021 · We just added one more converter to ezgif – SVG to JPG converter. Sep 27, 2019 We added a quick and easy barcode image generator with support for various formats and batch processing. Jan 17, 2018 Added a couple of tools for work with image sprite sheets.

+ 여기서 자세히 보기

Read more

2021년 12월 17일 저는 몇몇 사용자에게 사이트 업데이트를 제안했습니다

GIF 메이커에 업로드하기 위해 특정 순서로 파일을 수동으로 선택하는 옵션

비디오를 GIF(apng/webp/avif)로 변환하는 더 많은 FPS 옵션;

텍스트 도구의 불투명도 매개변수

몇 가지 덜 일반적인 비디오 파일 형식 지원 ts.

2021년 11월 22일 ezgif.com에 다크 모드를 추가했습니다

브라우저 설정에 따라 자동으로 선택됩니다.

GIF 및 기타 이미지의 업로드 파일 크기 제한이 50MB로 증가했습니다.

2021년 2월 23일 ezGIF가 이제 AVIF 이미지 형식을 지원합니다

GIF처럼 AVIF 파일을 생성, 변환, 분할 및 편집할 수 있습니다: https://ezgif.com/avif-maker

2021년 1월 15일 Android Motion Picture(MVIMG) 파일에서 비디오 및 이미지 구성 요소를 추출하는 도구: https://ezgif.com/mvimg-to-video

2021년 1월 13일 Ezgif에 이제 여러 비디오와 GIF를 결합할 수 있는 간단한 비디오 병합 도구가 있습니다

다양한 형식과 크기의 파일을 지원합니다

https://ezgif.com/merge-videos

2020년 1월 18일 ezgif – SVG to JPG 변환기를 하나 더 추가했습니다.

2019년 9월 27일 다양한 형식 및 일괄 처리를 지원하는 빠르고 쉬운 바코드 이미지 생성기를 추가했습니다.

2018년 1월 17일 몇 가지 추가 이미지 스프라이트 시트 작업을 위한 도구

GIF에서 스프라이트로 변환기를 사용하면 애니메이션 이미지를 스프라이트 시트로 변환할 수 있는 반면 스프라이트 시트 커터는 스프라이트를 슬라이스하고 개별 이미지 또는 애니메이션 GIF를 생성할 수 있습니다.

CSS3 – 75 [ SVG Loading Animation 2] 일러스트레이터 SVG 아이콘 디자인, SVG html 구현, SVG CSS 애니메이션 Update

아래 동영상 보기

주제에서 더 많은 유용한 정보 보기 svg 애니메이션

Sample Link : http://bitly.kr/v8LiDb
– 일러스트레이터에서 svg 아이콘 디자인하기
– SVG 저장하기
– SVG HTML에 구현하기
– SVG CSS Animation
홈페이지 : http://ezwebpub.com/
구독하기(subscribe now) : https://bit.ly/30wbC1y
멤버쉽 가입하기: https://www.youtube.com/channel/UCax1DP6hqZowNWF2lquKk0w/join
오프라인 수업 문의: [email protected]
완료본 소스 구매하기(buy final source) : http://ezwebpub.com/product-category/source/
#css animation #css #animation #animate

svg 애니메이션주제 안의 관련 사진

 Update  CSS3 - 75 [ SVG Loading Animation 2] 일러스트레이터 SVG 아이콘 디자인, SVG html 구현, SVG CSS 애니메이션
CSS3 – 75 [ SVG Loading Animation 2] 일러스트레이터 SVG 아이콘 디자인, SVG html 구현, SVG CSS 애니메이션 Update

시작 – Adobe Inc. 업데이트

이 안내서에서는 Photoshop을 사용하여 여러 크리에이티브 자산을 빠르고 쉽게 미리보기, 구성, 편집 및 게시하는 방법에 대해 학습합니다. 처음부터 시작하거나, 각 섹션을 개별적으로 방문하거나 커뮤니티에 연결하여 프로젝트를 원활하게 진행하십시오.

+ 여기서 자세히 보기

Read more

이 가이드에서는 Photoshop을 사용하여 여러 크리에이티브 자산을 빠르고 쉽게 미리 보고, 구성하고, 편집하고, 게시하는 방법을 배웁니다

처음부터 시작하거나 각 섹션을 개별적으로 방문하거나 커뮤니티와 연결하여 프로젝트를 원활하게 실행하세요

해.

CSS로 멋진 SVG 애니메이션 만들기 // 7 가지 유용한 기술 New

아래 동영상 보기

주제에 대한 새로운 정보 svg 애니메이션

Learn 7 useful SVG animation techniques to make beautiful graphics for your website. In this tutorial, we’ll build two different SVGs from scratch and animate them CSS. Source code: https://github.com/fireship-io/animated-svg-demo
00:00 What we’re building
00:42 What is an SVG?
02:22 1. Chrome Animation Inspector
03:11 2. Drawing Groups
05:10 3. Duotone CSS Variables
06:30 4. Transition Animations
07:41 5. JS events
08:36 6. Keyframe Animations
10:11 7. Animation Staggering
#css #animation #tutorial
Also see…
SVG in 100 Seconds https://youtu.be/emFMHH2Bfvo
CSS Keyframe Animation https://developer.mozilla.org/en-US/docs/Web/CSS/@keyframes
SVG Docs https://developer.mozilla.org/en-US/docs/Web/SVG
Install the quiz app 🤓
iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8
Android https://play.google.com/store/apps/details?id=io.fireship.quizapp
Upgrade to Fireship PRO at https://fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.
My VS Code Theme
– Atom One Dark
– vscode-icons
– Fira Code Font

svg 애니메이션주제 안의 사진 몇 장

 New  CSS로 멋진 SVG 애니메이션 만들기 // 7 가지 유용한 기술
CSS로 멋진 SVG 애니메이션 만들기 // 7 가지 유용한 기술 Update New

iLoveIMG | 쉽고 빠른 온라인 무료 이미지 편집 툴 Update New

PNG, GIF, TIF, PSD, SVG, WEBP 회전 , HEIC 또는 RAW 형식의 이미지를 JPG로 손쉽게 일괄 처리할 수 있습니다. JPG에서 변환 JPG 이미지를 PNG 또는 GIF로 변환하세요. 애니메이션 GIF 생성을 위해 여러 JPG 파일을 선택하세요!

+ 여기서 자세히 보기

Read more

전 세계 사용자에게 사랑받는 안정적인 온라인 이미지 편집기

iLoveIMG는 온라인 이미지 편집을 위한 간단한 솔루션입니다

100% 보안으로 웹에서 직접 이미지를 향상시키는 데 필요한 모든 도구에 액세스할 수 있습니다.

jQuery 109 [ SVG animation ] svg 인포그래픽 애니메이션, 스크롤 연동하기 New Update

아래 동영상 보기

주제에 대한 새로운 정보 svg 애니메이션

NO SAMPLE
아무것도 없는 상태에서 작성합니다. ^^
– svg 원형 그리기
– 라인 애니메이션
– 스크롤 연동하기
완료본은 골드회원 전용 폴더내 jQuery 폴더에 업로드 되어있습니다.
#jquery #svg #scroll
홈페이지 : http://ezwebpub.com/
구독하기(subscribe now) : https://bit.ly/30wbC1y
멤버쉽 가입하기: https://www.youtube.com/channel/UCax1DP6hqZowNWF2lquKk0w/join
**가입후 반드시 유튜브 닉네임과 gmail주소를 [email protected]으로 보내주세요. 등급별 자료폴더의 권한을 드립니다.

수업 문의: [email protected]
온라인 수업 신청하기: https://forms.gle/CkgyzgDXfVGiuNrv8

완료본 소스 구매하기(buy final source) : http://ezwebpub.com/product-category/source/

svg 애니메이션주제 안의 사진 몇 장

 Update New  jQuery 109 [ SVG animation ] svg 인포그래픽 애니메이션, 스크롤 연동하기
jQuery 109 [ SVG animation ] svg 인포그래픽 애니메이션, 스크롤 연동하기 Update

GSAPGreenSock 최신

Compatible HTML, SVG, React, Vue, Angular, jQuery, Canvas, CSS, new browsers, old browsers, mobile, and more – GSAP gets along with them famously. Use your favorite tools without jumping through endless hoops to ensure compatibility. GSAP “just works”.

+ 여기서 자세히 보기

Read more

GSAP를 자바스크립트 애니메이션의 Swiss Army Knife라고 생각하면 됩니다

하지만 더 좋습니다

JavaScript가 만질 수 있는 모든 것(CSS 속성, 캔버스 라이브러리 개체, SVG, React, Vue, Angular, 일반 개체 등)에 애니메이션을 적용하고 자동 GPU를 포함하여 놀라운 속도로(jQuery보다 최대 20배 빠름) 수많은 브라우저 불일치를 해결합니다

-변환의 가속화

“왜 GSAP인가?”를 참조하십시오

자세한 내용은 기사를 참조하십시오

대부분의 다른 라이브러리는 CSS 속성만 애니메이션합니다

또한, 시퀀싱 기능과 런타임 컨트롤은 상대적으로 빈약합니다

간단히 말해서 GSAP는 지구상에서 가장 강력한 고성능 JavaScript 애니메이션 라이브러리입니다

이것이 아마도 Google이 JS 기반 애니메이션에 권장하고 모든 주요 광고 네트워크에서 제외하는 이유일 것입니다

파일 크기 계산에서

앱을 구성하는 방법을 지시하는 모놀리식 프레임워크와 달리 GSAP는 완전히 유연합니다

원하는 곳에 뿌릴 수 있습니다

GSAP에는 Draggable 및 SplitText와 같은 몇 가지 플러그인, 용이성 및 특수 도구가 있습니다.

Spirit-SVG 애니메이션 New

아래 동영상 보기

주제에 대한 추가 정보 svg 애니메이션

Learn all about how to visually animate a SVG. Experience how easy it is to create advanced animations. In this video we’ll walk you through how to export your design to SVG, animate it, embed it on your webpage and finally learn how to use the Webplayer’s API to control the animation.
Check out the animation on Codepen — https://codepen.io/inlet/pen/oPoBNe
Illustrator and SVG assets — https://bit.ly/2FKn9EV

Download your Spirit free trial — https://spiritapp.io
Follow us on Twitter — https://twitter.com/spiritjsapp
Music: The Urban Symphonia – Unicorn Heads

svg 애니메이션주제 안의 멋진 사진을 볼 수 있습니다

 Update  Spirit-SVG 애니메이션
Spirit-SVG 애니메이션 New Update

주제에 대한 추가 정보 svg 애니메이션

Updating

사용자가 주제에 대해 검색한 키워드 svg 애니메이션

Updating

방금 주제 제목 svg 애니메이션

Leave a Comment