Sử dụng Lolly

Một hướng dẫn thực tế về việc dùng ứng dụng - mở một công cụ, làm việc trên canvas, xuất file, lưu và chia sẻ. Mọi thứ ở đây đều chạy trên thiết bị của bạn: không tài khoản, không tải lên, không cần internet sau lần tải đầu tiên.

Mới dùng? Bắt đầu nhanh giúp bạn tạo được sản phẩm chỉ trong vài phút, còn Lolly cho nhà vận hành hướng dẫn cài đặt/triển khai ứng dụng; trang này nói về cách điều khiển nó khi đã mở.

Mở một công cụ

Màn hình chính là gallery - mọi công cụ, nhóm theo danh mục. Nhấp vào một thẻ để mở công cụ; nếu bạn đã từng làm việc với nó, nút Continue sẽ khôi phục phiên gần nhất của bạn. Dùng ô tìm kiếm để lọc theo tên - hoặc Tìm kiếm từ thanh ở chân sáu màn hình danh sách (gallery, Utilities, Projects, Catalogue, Dashboard và Profile), nơi với tới cả công việc đã lưu, catalogue và các thiết lập của bạn chứ không riêng các công cụ. Bên trong một công cụ, thanh này nhường chỗ cho giao diện riêng của công cụ.

Gallery công cụ - mỗi công cụ là một thẻ, nhóm theo danh mụcsigned by Lollyvector SVGTự kiểm chứngGet the signed file281 paths~38k nodes443 groups6 images2.269 KBGallery công cụ - mỗi công cụ là một thẻ, nhóm theo danh mụcsigned by Lollyvector SVGTự kiểm chứngGet the signed file281 paths~38k nodes443 groups6 images2.265 KBTry it in the app

Mỗi công cụ là một khung chia đôi: các điều khiển ở một bên, bản xem trước (canvas) trực tiếp ở bên kia. Thay đổi bất kỳ điều khiển nào và bản xem trước cập nhật ngay lập tức.

Chế độ xem chia đôi của một công cụ - ngăn xếp điều khiển ở bên trái, và biểu đồ cột nhóm trực tiếp mà nó vẽ ở bên phảisigned by Lollyvector SVGTự kiểm chứngGet the signed file23 paths372 nodes11 groups21 KBChế độ xem chia đôi của một công cụ - ngăn xếp điều khiển ở bên trái, và biểu đồ cột nhóm trực tiếp mà nó vẽ ở bên phảisigned by Lollyvector SVGTự kiểm chứngGet the signed file23 paths372 nodes11 groups21 KB

Một vài công cụ (như Design) lại mở dưới dạng canvas tự do - một bề mặt thao tác trực tiếp, không khung giao diện, nơi bạn kéo, đổi kích thước, xoay và gắn các khối văn bản, hình khối và hình ảnh, rồi nhấp đúp để sửa văn bản ngay tại chỗ. Nó xuất file qua cùng quy trình render như mọi công cụ khác, nên canvas chính là file. Xem Canvas tự do bên dưới.

Hai cách để nắn chính cái lưới đó thành cái lưới bạn muốn:

Cuối lưới Tools với các công cụ đã ẩn được hiện ra: thẻ QR Code Generator mờ đi, và bên cạnh là ô xám vừa đưa nó trở lại tầm nhìn, giờ hiện chữ Hide hidden toolssigned by Lollyvector SVGTự kiểm chứngGet the signed file251 paths~29k nodes440 groups658 KBCuối lưới Tools với các công cụ đã ẩn được hiện ra: thẻ QR Code Generator mờ đi, và bên cạnh là ô xám vừa đưa nó trở lại tầm nhìn, giờ hiện chữ Hide hidden toolssigned by Lollyvector SVGTự kiểm chứngGet the signed file247 paths~29k nodes439 groups1 image729 KB

Ask Lolly

Khi bạn muốn hỏi thay vì tự lần tìm, Ask Lolly (#/ask) nhận một câu hỏi bạn gõ vào và trả lại đúng phần tài liệu này nguyên văn - chính lời của các hướng dẫn, không phải bản tóm tắt và không phải nội dung sinh ra - kèm trích dẫn trang nguồn và một liên kết Open in docs bên cạnh. Dưới câu trả lời là những chỗ trong ứng dụng khớp với cùng câu hỏi đó: một công cụ, một thiết lập, một dự án đã lưu, mỗi thứ là một nút chỉ việc đưa bạn tới đó.

Bản ghi hội thoại là bộ nhớ của phiên: hỏi tiếp và mạch trò chuyện dài dần theo bạn, rồi tải lại trang thì nó bắt đầu lại từ đầu. Kết quả tìm kiếm mang một dòng *Ask Lolly: truy vấn của bạn*** ở dưới cùng - bên dưới mọi kết quả cụ thể mà các nhóm khác tìm được - chuyển thẳng câu hỏi sang, nên bạn có thể bắt đầu ở thanh tìm kiếm và kết thúc tại đây.

Canvas (bản xem trước)

Bản xem trước luôn hiển thị chính xác thứ sẽ được xuất ra.

Máy tính

HUD thu phóng ở góc canvas - dấu trừ, phần trăm trực tiếp, dấu cộng, Fit, rồi tới công tắc giao diện và âm thanhsigned by Lollyvector SVGTự kiểm chứngGet the signed file5 paths199 nodes11 groups7 KBHUD thu phóng ở góc canvas - dấu trừ, phần trăm trực tiếp, dấu cộng, Fit, rồi tới công tắc giao diện và âm thanhsigned by Lollyvector SVGTự kiểm chứngGet the signed file5 paths186 nodes11 groups7 KB

Cảm ứng

Nhấp để nhảy tới điều khiển tương ứng: nhấp vào phần tử bất kỳ trong thiết kế và trường nhập tương ứng ở thanh bên sẽ được focus và cuộn vào tầm nhìn - với một nhóm hàng lặp lại, nó mở ra đúng hàng bạn vừa nhấp, nên sửa thứ bạn đang nhìn chỉ cách một cú chạm.

Mỗi lần đổi kích thước, khung nhìn luôn tự chỉnh về trạng thái vừa khung gọn gàng.

Canvas tự do (Design)

Các công cụ canvas tự do thêm một bề mặt làm việc bao quanh khung tranh, giống bảng dán của nhà thiết kế:

Design's free canvas - the artboard with its surrounding pasteboardsigned by LollyPNGTự kiểm chứngGet the signed filepixels, not shapes543 KBDesign's free canvas - the artboard with its surrounding pasteboardsigned by LollyPNGTự kiểm chứngGet the signed filepixels, not shapes490 KB

Lật một lựa chọn. Nhấp chuột phải vào bất kỳ khối nào và chọn Lật ngang hoặc Lật dọc để phản chiếu nó tại chỗ, hoặc nhấn Shift+H / Shift+V từ bàn phím - dùng Shift, vì V đơn thuần là công cụ Con trỏ. Mỗi khối được chọn phản chiếu theo trục riêng của nó trong một bước hoàn tác, và phép phản chiếu là một phép biến đổi thực sự, nên nó vẫn giữ nguyên trong SVG, PDF và PNG xuất ra chứ không chỉ trên canvas.

Tự vẽ hình của bạn (công cụ pen)

Khối hộp, hình tròn và khung bo góc lo được phần lớn bố cục. Khi bạn cần một hình không có trong danh sách đó, hãy vẽ nó: nút Pen trên thanh công cụ (hoặc phím P) đưa bạn vào chế độ vẽ. Ba phím đơn chuyển qua lại giữa các chế độ - V quay về Pointer, P cho Pen, N cho công cụ node (Edit points) - và Pointer luôn là lối ra khỏi bất kỳ chế độ nào bạn đang ở.

Thanh công cụ của canvas tự do: tay cầm kéo, menu Lolly, rồi Pointer, Add a box, Pen, Edit points, Line, Timeline, Artboards và Auto-arrangesigned by Lollyvector SVGTự kiểm chứngGet the signed file36 paths206 nodes31 groups22 KBThanh công cụ của canvas tự do: tay cầm kéo, menu Lolly, rồi Pointer, Add a box, Pen, Edit points, Line, Timeline, Artboards và Auto-arrangesigned by Lollyvector SVGTự kiểm chứngGet the signed file36 paths206 nodes31 groups22 KB

Kết quả là một khối bình thường trên canvas. Di chuyển, đổi kích thước, xoay, nhóm, canh hàng, xếp lại lớp, cho nó màu nền, một gradient, một bóng đổ hay một độ mờ - một path hành xử như mọi khối khác, và không điều khiển nào đối xử với nó khác đi.

Nó cũng có sẵn màu. Path đầu tiên bạn vẽ lấy màu nền và nét mà thương hiệu của bạn gán cho một path, sau đó mỗi path mới lấy thứ bạn dùng gần nhất - đặt màu nền một lần rồi vẽ tiếp, thay vì phải tô lại từng hình. (Trong một công cụ mà thương hiệu không nói gì về path, path bạn vẽ ra được kẻ nét đúng màu bạn nhìn thấy lúc đang vẽ, nên nó không bao giờ vô hình.)

Chỉnh lại các điểm. Nhấp đúp vào hình (hoặc dùng Edit points trên thanh đối tượng) và các điểm hiện lại. Kéo một điểm để dời nó, kéo một tay cầm để đổi hướng, nhấp vào bất cứ đâu trên đường cong để chèn một điểm, khoanh chọn một nhóm điểm rồi nhấn Delete để xoá những điểm đang chọn. Một path luôn giữ ít nhất hai điểm, nên bạn không thể lỡ tay xoá nó biến mất hoàn toàn.

Spline type quyết định loại đường cong chạy qua các điểm của bạn, và đây là lựa chọn đáng hiểu cho rõ:

KiểuNó làm gì
Smooth (auto)Mặc định. Tự tính lấy độ dài tay cầm, nên chỉ nhấp - nhấp - nhấp là có một đường cong mượt thật sự mà không phải vật lộn với tay cầm. Nếu bạn có đặt một tay cầm, nó ghim hướng lại, còn độ dài vẫn do đường cong nắm.
Bezier handlesCây pen cổ điển. Tay cầm chính là điểm điều khiển, và việc chèn một điểm không bao giờ làm đường cong xê dịch.
Through the pointsĐi đúng qua mọi điểm bạn đặt, không tay cầm.
B-splineChạy gần các điểm chứ không xuyên qua chúng, cho một hình mềm hơn.
Straight linesMột đường gấp khúc.

Chuyển một path có sẵn sang kiểu tự tính lấy tay cầm sẽ hỏi trước, vì độ dài tay cầm bạn đã đặt không lấy lại được - chuyển sang Bezier handles thì luôn không mất mát gì. Đang vẽ dở thì không có hộp hỏi: việc chuyển áp thẳng vào bản nháp, và mọi tay cầm bạn đã kéo ra sẽ đi theo. Ở những kiểu tự nắm tay cầm, chèn thêm một điểm làm đường cong đổi dáng rất nhẹ; với Bezier handles thì không.

Mỗi điểm còn mang một quy tắc liên tục, thể hiện qua hình dạng của nó trên canvas - vuông là Corner (hai tay cầm di chuyển độc lập), tròn là Smooth (hai tay cầm luôn thẳng hàng), tròn có vòng là Symmetric (thẳng hàng và bằng độ dài). Đặt quy tắc cho các điểm đang chọn và đường cong lập tức tuân theo.

Hai path vẽ bằng pen render thẳng từ một liên kết: một đường cong chữ S có nét và một khối tròn khép kín được tô đầysigned by Lollyvector SVGTự kiểm chứngGet the signed file5 paths38 nodes7 groups5 KBHai path vẽ bằng pen render thẳng từ một liên kết: một đường cong chữ S có nét và một khối tròn khép kín được tô đầysigned by Lollyvector SVGTự kiểm chứngGet the signed file5 paths38 nodes7 groups5 KB

Một path đã vẽ đi theo liên kết như mọi thứ khác, nên hình bạn vẽ mở lại được từ một liên kết chia sẻ và render y hệt từ CLI. Không có gì ở nó phụ thuộc vào trình chỉnh sửa.

Kết hợp các hình (phép toán path)

Chọn từ hai hình trở lên, nhấp chuột phải lên canvas (chạm hai ngón trên màn hình cảm ứng) và menu đưa ra những phép toán bạn vẫn chờ đợi ở một ứng dụng vẽ:

Ba phép nữa làm việc trên một hình đơn: Outline stroke… biến một nét thành hình tô kín đúng theo đường bao đó (hữu ích khi bạn muốn giữ độ dày đúng như đã vẽ), Offset path… phình bóng hình ra ngoài hoặc, với một số âm, co nó vào trong và Simplify dựng lại một path với ít đoạn hơn mà vẫn giữ nguyên dáng.

Một hình lưỡi liềm và một vòng khuyên có lỗ thật, cả hai đều do Subtract tạo rasigned by Lollyvector SVGTự kiểm chứngGet the signed file5 paths47 nodes7 groups5 KBMột hình lưỡi liềm và một vòng khuyên có lỗ thật, cả hai đều do Subtract tạo rasigned by Lollyvector SVGTự kiểm chứngGet the signed file5 paths47 nodes7 groups5 KB

Kết quả là một path mới mà bạn có thể tiếp tục chỉnh bằng pen. Lỗ là lỗ thật - một điều khiển Fill rule trên bảng nét quyết định các đường bao chồng nhau sẽ tô kín (non-zero) hay đục thủng qua (even-odd).

Có hai điều các phép toán này cố tình không làm. Chúng từ chối chứ không phá: bảo nó giao hai hình không chồng nhau thì bạn được báo là chẳng còn gì để giữ, và không có gì thay đổi. Còn khối văn bản và khối ảnh không có đường bao để làm việc, nên chúng được để yên thay vì bị xấp xỉ bằng cái khung của mình. Một kết quả kết hợp được lưu dưới dạng đường Bezier thuần, đúng như cách một ứng dụng vẽ vẫn làm - kiểu spline ban đầu không sống sót qua phép toán.

Dòng thời gian (Sequence Studio)

The timeline with the music clip selected: its strip runs along the bottom with Speed, Fades, Volume, Pan, EQ, Pitch, Normalize volume and the Effect slotsigned by Lollyvector SVGTự kiểm chứngGet the signed file104 paths~7.2k nodes157 groups2 images97 KBThe timeline with the music clip selected: its strip runs along the bottom with Speed, Fades, Volume, Pan, EQ, Pitch, Normalize volume and the Effect slotsigned by Lollyvector SVGTự kiểm chứngGet the signed file104 paths~7.2k nodes157 groups2 images97 KB

Sequence Studio thêm thời gian vào canvas tự do. Mỗi khối có thể bắt đầu ở một thời điểm, chạy trong một khoảng và có hiệu ứng vào ra, còn dòng thời gian gắn dưới khung tranh là nơi bạn sắp xếp chúng. Mở lên là đã có sẵn một chuỗi đang chạy - một thẻ tiêu đề, một clip, một thẻ kết, một dòng chữ dưới màn hình và một nền nhạc - nên mô hình hiện ra trước mắt trước khi bạn thay đổi bất cứ thứ gì.

Dòng thời gian của Sequence Studio: thanh điều khiển vận chuyển, thước đo, một lane overlay, hàng chuỗi có nam châm với các clip và các chip nối liền, cùng dải Always onsigned by Lollyvector SVGTự kiểm chứngGet the signed file73 paths~5.4k nodes115 groups80 KBDòng thời gian của Sequence Studio: thanh điều khiển vận chuyển, thước đo, một lane overlay, hàng chuỗi có nam châm với các clip và các chip nối liền, cùng dải Always onsigned by Lollyvector SVGTự kiểm chứngGet the signed file73 paths~5.4k nodes115 groups80 KB

Có hai loại hàng, và khác biệt giữa chúng chính là toàn bộ ý tưởng:

Sân khấu chỉnh sửa: bảng vẽ ở chính giữa phía trước, dải công cụ bên trái và HUD thu phóng ở gócsigned by Lollyvector SVGTự kiểm chứngGet the signed file19 paths852 nodes30 groups20 KBSân khấu chỉnh sửa: bảng vẽ ở chính giữa phía trước, dải công cụ bên trái và HUD thu phóng ở gócsigned by Lollyvector SVGTự kiểm chứngGet the signed file19 paths839 nodes30 groups20 KB

Mở dòng thời gian là giao bàn phím cho nó, nên Space và các phím mũi tên điều khiển đầu phát chứ không phải cả trang - và vì nó tự mở trên một bố cục vốn đã có định thời, điều đó đúng ngay từ lúc Sequence Studio tải xong.

Trình chỉnh sửa chuỗi đi sâu vào bốn thứ quyết định việc dựng theo thời gian có dễ đoán hay không: một cú nhấp trên canvas sẽ sửa clip nào, bóng mờ onion-skin của các clip liền kề, phạm vi của lệnh cắt và lệnh Join hoàn lại một nhát cắt, cùng việc cắt gọt (kể cả bộ phím tắt). Nhấn ? khi dòng thời gian đang được focus để xem bảng phím tắt.

Chỉnh sửa. Kéo phần giữa của một clip để dời hoặc sắp lại thứ tự, kéo trong phạm vi vài pixel quanh một trong hai đầu để cắt gọt và nhấn Split at playhead (hoặc S) để cắt một clip thành hai. Split cần một clip có Length thực và đầu phát nằm hẳn vào bên trong nó, nên một clip không có điểm kết (nền nhạc chẳng hạn) thì không cắt được. Snap to edges bật sẵn và bám vào cạnh clip, đầu phát và các mốc giây tròn, giữ Alt để bỏ qua. Mỗi lần kéo là một bước hoàn tác duy nhất, và bản xem trước lúc kéo chạy đúng phép tính như lúc chốt, nên thứ bạn thấy trong lúc kéo chính là thứ bạn nhận được.

Chọn một clip và bảng thuộc tính cho bạn đúng những chỉnh sửa đó dưới dạng con số: Length, Trim in (bắt đầu vào sâu bao nhiêu trong nguồn), Speed là một tập hệ số cố định từ ×0.25 đến ×4, Animate in / Animate out cùng độ dài của chúng và Mute clip. Một clip trên hàng nam châm cố tình không có ô Start - hàng đó nắm giữ thứ tự, nên bạn kéo để dời nó.

Transitions là các preset, không phải keyframe: Fade, Pop, Grow, Rise, Drop, bốn kiểu Slide, Zoom in và Zoom out, Tilt, Swoop, Spin, Drift hoặc Cut (no animation). Khoảng cách co giãn theo đối tượng, nên cùng một preset đọc ra đúng trên cả một thẻ tràn khung lẫn một huy hiệu nhỏ. Giữa hai clip liền nhau trên hàng chuỗi có một chip mối nối: nhấp vào đó rồi chọn Cut hoặc Crossfade, lệnh áp dụng ngay lập tức và chip đóng lại. Mở lại chính chip đó để đổi Length (ms) rồi nhấn Done. Một crossfade được lưu thành một lần mờ đi của clip này và một lần hiện lên của clip kế, còn bản xuất suy ra phần hoà trộn thật từ cặp đó - đó là lý do một crossfade trông như hai lần fade trong bản xem trước nhưng là một cú chuyển giao thật trong file.

Âm thanh. Thêm một clip Audio và nó nằm trên dòng thời gian như mọi clip khác: dạng sóng, cắt gọt, tắt tiếng. (Nền nhạc tạo sẵn đi kèm phiên mặc định là ngoại lệ duy nhất - nó được tổng hợp ở lúc xuất file, nên thanh của nó vẫn trơn và im lặng cho tới khi bạn render.) Nhấn nút micro để ghi lời thuyết minh thẳng lên dòng thời gian, có đếm ngược và một đồng hồ đo mức, và bản thu được lưu thành tài sản của riêng bạn ngay tại điểm bạn bắt đầu. Nhấn nút camera cạnh đó để quay video theo cùng cách đó: bản quay được cắt theo đúng kích thước xuất file của artboard ngay trong lúc quay, nên khung xem nhỏ hiện đúng những gì sẽ vào chuỗi tại đầu phát, trọn khung hình - đây là cách lấy clip của một đồng nghiệp từ một liên kết chia sẻ. Nhạc, lời thoại và tiếng của riêng một clip đều đi vào bản trộn khi xuất. (Ô Audio track trong bảng xuất file là chuyện khác: một nền nhạc trải dưới toàn bộ clip, có fade và ducking. Hai thứ này cùng tồn tại.)

Kết xuất. Một bản xuất chuyển động là một hợp thành tất định, không phải bản quay màn hình - mỗi khung hình được giải mã, vẽ và mã hoá ở một thời điểm chính xác, nên file không phụ thuộc vào chuyện máy bạn có chạy kịp hay không, và trên thực tế MP4 hay WebM không có trần số khung hình. Chính độ dài của dòng thời gian đặt ra thời lượng, trừ khi bạn tự nhập một con số. Content Credentials được đóng dấu như với mọi bản xuất khác. Một bản xuất ảnh tĩnh cho bạn khung hình tại đầu phát, hoặc cả một bảng ảnh liên hoàn từ ô Frames bên cạnh kích thước đầu ra - xem Xuất file.

Vài giới hạn cần nhớ: một chuỗi bị chặn ở một giờ, GIF và PNG động phải đệm các khung hình nên chúng chỉ nên ngắn, âm thanh sẽ im trên một clip có tốc độ khác ×1 (chưa có kéo giãn thời gian) và Record live bị ẩn ở đây vì bộ hợp thành là con đường tốt hơn.

Vượt ra ngoài preset: keyframe, chiều sâu và camera. Một transition làm cho một clip chuyển động khi nó xuất hiện và biến mất. Để tạo dáng cho một hộp bên trong một clip - làm nó trôi, mờ dần, làm mờ, nhấc nó khỏi trang và đặt nó trở lại - hãy thêm keyframe: chọn clip, nhấn +Keyframe (hình thoi trong cụm công cụ của timeline, hình thoi trên thanh đối tượng của canvas, hoặc phím K) và vị trí của playhead sẽ quyết định lần chỉnh sửa tiếp theo của bạn ghi vào tư thế nào. Cùng hệ thống keyframe đó mang lại cho mọi bố cục có thời gian một camera có thể đẩy vào gần, lia ngang và kéo tiêu điểm, biến một SVG phẳng thành một chồng lớp mà bạn có thể bay qua lại giữa chúng. Tạo hoạt ảnh là hướng dẫn đầy đủ.

Công cụ Design có cùng dòng thời gian đó, nên bạn định thời cho một bố cục mà không phải chuyển sang công cụ khác, và nó cũng xuất được chuyển động.

Trình chiếu

The inspector's Document section: Voice, Blend with, Speed, Lead-in, Tail and Show captions when presentingsigned by Lollyvector SVGTự kiểm chứngGet the signed file29 paths~4.4k nodes56 groups2 images57 KBThe inspector's Document section: Voice, Blend with, Speed, Lead-in, Tail and Show captions when presentingsigned by Lollyvector SVGTự kiểm chứngGet the signed file29 paths~4.4k nodes56 groups2 images57 KB

Một tài liệu Design gồm nhiều khung tranh vốn đã là một bộ slide. Mở menu Lolly trên thanh công cụ rồi chọn Present - dòng cuối cùng - và mỗi khung tranh thành một slide toàn màn hình, theo đúng thứ tự các khung tranh nằm trên canvas. Bộ slide chạy trên một bản sao của các khung tranh đã render, nên trình chỉnh sửa bên dưới không hề bị đụng tới và khi thoát ra bạn quay lại đúng chỗ cũ.

Bộ slide cũng là một liên kết. ?present mở thẳng vào đó, s= chỉ định slide - một vị trí, một id khung tranh hoặc id.step cho một bước hiện dần - và địa chỉ cập nhật theo lúc bạn di chuyển, nên thứ bạn gửi đi đúng là slide bạn đang xem. Với tác giả công cụ: các tham số đó được mô tả ở trang Chế độ URL.

Trên điện thoại

Trên màn hình hẹp, bố cục dồn về một cột:

Một công cụ trên màn hình rộng bằng điện thoại - điều khiển là một tấm trượt phía trên, bảng màu vừa tạo lấp đầy bản xem trước bên dưới và nút render nổi ở chính giữa phía dướisigned by Lollyvector SVGTự kiểm chứngGet the signed file61 paths~2.9k nodes128 groups2 images72 KBMột công cụ trên màn hình rộng bằng điện thoại - điều khiển là một tấm trượt phía trên, bảng màu vừa tạo lấp đầy bản xem trước bên dưới và nút render nổi ở chính giữa phía dướisigned by Lollyvector SVGTự kiểm chứngGet the signed file61 paths~2.9k nodes128 groups2 images72 KB

Điều khiển (đầu vào)

Các công cụ chỉ để lộ những trường đầu vào vốn được phép thay đổi - mọi thứ khác (màu sắc, bố cục, kiểu chữ, logic) đều do tác giả công cụ khoá cố định, nên bất cứ thứ gì bạn tạo ra đều tuân theo quy tắc mà tác giả đặt. Trường đầu vào gồm văn bản, thanh trượt, bộ chọn màu, danh sách thả xuống, ngày tháng, bộ chọn ảnh và các nhóm hàng lặp lại. Một số được gom trong các mục có thể thu gọn.

Ngăn điều khiển của một công cụ - một ô văn bản, các nút mở bảng màu và một thanh trượt, không còn gì khác vì tác giả đã chọn khoá phần còn lạisigned by Lollyvector SVGTự kiểm chứngGet the signed file19 paths~2.1k nodes45 groups1 image31 KBNgăn điều khiển của một công cụ - một ô văn bản, các nút mở bảng màu và một thanh trượt, không còn gì khác vì tác giả đã chọn khoá phần còn lạisigned by Lollyvector SVGTự kiểm chứngGet the signed file19 paths~2.1k nodes45 groups1 image31 KB

Đặt lại: Clear changes đưa mọi trường đầu vào về giá trị mặc định.

Hoàn tác và làm lại

Cmd/Ctrl-Z lùi một bước và Cmd/Ctrl-Shift-Z (hoặc Cmd/Ctrl-Y) tiến lại. Cũng cặp đó nằm dưới dạng nút UndoRedo ở hàng phía trên các điều khiển - trên canvas tự do thì chúng nằm trên thanh công cụ - và mỗi nút mờ đi khi không còn gì để lấy lại. Mỗi bước đều nói rõ nó là gì: hoàn tác một màu và một thông báo nhỏ gọi tên trường vừa được khôi phục, kèm một nút Redo trong đó để đi ngược lại.

Trong một cộng tác trực tiếp, lịch sử vẫn hoàn toàn thuộc về riêng bạn. Một thay đổi đến từ thiết bị khác không bao giờ được đưa vào ngăn xếp của bạn, nên undo chỉ có thể hoàn tác lại điều gì đó chính bạn đã làm.

Thông tin & ảnh chân dung của bạn

Profile (góc trên bên phải của gallery) lưu tên, thông tin liên hệ và một ảnh chân dung tuỳ chọn của bạn. Các công cụ hỏi tới những trường đó sẽ tự điền sẵn - đặt một lần và chữ ký email, các lockup cùng huy hiệu của bạn sẽ tự điền lấy. Bạn vẫn có thể ghi đè từng trường cho mỗi phiên. Bật Use my details to create để thông tin của bạn đi kèm với tư cách tác giả trên thứ bạn xuất ra.

Ảnh chân dung và thông tin của bạn chỉ nằm trên thiết bị này. Một hồ sơ có thể không chỉ là bạn - mà là một nhóm hoặc một vai trò bạn thỉnh thoảng đảm nhận. Xem Hồ sơ để biết toàn cảnh, gồm cả việc giữ nhiều hơn một hồ sơ.

Lưu & tiếp tục

Nhấp Save để lưu các trường đầu vào hiện tại thành một phiên cho công cụ đó. Bạn có thể giữ nhiều phiên có tên riêng cho mỗi công cụ; nút Continue của mỗi công cụ mở lại phiên gần nhất, còn nút lịch sử (góc trên bên phải, cạnh hồ sơ của bạn) liệt kê mọi phiên đã lưu trên tất cả các công cụ. Các phiên nằm cục bộ trên thiết bị. Để sắp xếp chúng, hãy mở Projects (bên dưới).

Nút render hai nửa - một mũi tên lên mở bảng xuất file, và một dấu tích lưu phiên ngay tại chỗsigned by Lollyvector SVGTự kiểm chứngGet the signed file2 paths240 nodes10 groups7 KBNút render hai nửa - một mũi tên lên mở bảng xuất file, và một dấu tích lưu phiên ngay tại chỗsigned by Lollyvector SVGTự kiểm chứngGet the signed file2 paths240 nodes10 groups7 KB

Projects

Projects - mở từ tab Projects cạnh Tools, hoặc từ Profile → Storage → Organise in Projects - là nơi ở của mọi thứ bạn đã lưu, và nó hoạt động như một trình quản lý file:

Projects - các phiên đã lưu được xếp vào những thư mục lồng nhau đượcsigned by Lollyvector SVGTự kiểm chứngGet the signed file79 paths~7.7k nodes104 groups179 KBProjects - các phiên đã lưu được xếp vào những thư mục lồng nhau đượcsigned by Lollyvector SVGTự kiểm chứngGet the signed file79 paths~7.7k nodes104 groups180 KB

Popover View and sort trong Projects đang mở, với một hàng giao diện, lựa chọn View gồm Preview hoặc List và Name, Date added cùng Last modified nằm dưới Sortsigned by Lollyvector SVGTự kiểm chứngGet the signed file11 paths~1.3k nodes21 groups19 KBPopover View and sort trong Projects đang mở, với một hàng giao diện, lựa chọn View gồm Preview hoặc List và Name, Date added cùng Last modified nằm dưới Sortsigned by Lollyvector SVGTự kiểm chứngGet the signed file11 paths~1.3k nodes21 groups19 KB

Thanh lựa chọn đưa ra những gì thì khác nhau đôi chút theo từng màn hình, vì không phải hành động nào cũng hợp lý ở mọi nơi:

Một cái bẫy về nhãn: View sessions chỉ tồn tại khi đã có thứ gì đó được chọn. Nhấp chuột phải vào một thẻ chưa chọn thì thay vào đó bạn thấy N saved sessions, mở hộp thoại lịch sử của riêng công cụ đó thay vì đưa bạn sang Projects.

Hai thẻ công cụ được tích trong thư viện Tools, với thanh chọn nổi hiển thị "2 selected" và cung cấp Available offline, View sessions, Favourite và Hidesigned by Lollyvector SVGTự kiểm chứngGet the signed file278 paths~46k nodes495 groups4 images1.183 KBHai thẻ công cụ được tích trong thư viện Tools, với thanh chọn nổi hiển thị "2 selected" và cung cấp Available offline, View sessions, Favourite và Hidesigned by Lollyvector SVGTự kiểm chứngGet the signed file280 paths~46k nodes500 groups5 images1.227 KB

Chia sẻ công việc của bạn

Một thiết kế đi ra ngoài theo một trong hai cách: dưới dạng một liên kết hoặc dưới dạng một file. Hộp thoại Share cho cả hai. Mở nó bằng Share trong các điều khiển xuất file; Share link trên một phiên đã lưu trong Projects mở đúng hộp thoại đó cho phiên ấy.

Liên kết

Mọi trường đầu vào đều được ghi lại trong URL của trang, nên một liên kết chính là thiết kế. Ở đầu hộp thoại là liên kết sẵn sàng để sao chép, với hai mục thu gọn bên dưới.

Dán liên kết cho một đồng nghiệp, lưu vào bookmark hoặc commit nó. (Chi tiết đầy đủ: Chế độ URL.)

Một số công cụ biến chính liên kết thành toàn bộ sản phẩm. Jump Page gom các liên kết của bạn vào một trang duy nhất để chia sẻ - một liên kết bio, một buổi nói chuyện hội nghị, một mặt tiền cửa hàng. Không có gì để host và không có tài khoản đứng sau nó: trang chính là liên kết, nên nó mở nhanh như chính URL di chuyển. Trong trình chỉnh sửa, bạn thấy trang hoàn chỉnh bên cạnh các trường nhập liệu; một khách truy cập mở liên kết sẽ thấy nó ở toàn bộ chiều rộng, mỗi cảnh một liên kết khi họ cuộn.

Jump Page trong trình chỉnh sửa - tiêu đề, ba cảnh liên kết mỗi cảnh có lớp phủ màu riêng và một footer Made with Lolly, được bố trí thành một trang trong canvassigned by Lollyvector SVGTự kiểm chứngGet the signed file12 paths~2.4k nodes28 groups30 KBJump Page trong trình chỉnh sửa - tiêu đề, ba cảnh liên kết mỗi cảnh có lớp phủ màu riêng và một footer Made with Lolly, được bố trí thành một trang trong canvassigned by Lollyvector SVGTự kiểm chứngGet the signed file12 paths~2.4k nodes28 groups30 KB

Hộp thoại nói rõ thứ một liên kết không thể mang theo. Ba thứ không nhét vừa vào một URL: một ảnh hoặc file bạn thêm từ thiết bị này, một giá trị văn bản rất dài hoặc một danh sách rất lớn. Từng thứ được đếm khi liên kết đang được dựng. Nếu có gì đó buộc phải bỏ lại, hộp thoại gọi tên nó và chỉ bạn sang phần file bên dưới, thay vì đưa cho bạn một liên kết mở ra mà thiếu mất hình. Một liên kết chỉ đơn thuần dài thì nhận một ghi chú nhẹ hơn kèm số ký tự, vì việc nén vẫn có thể cứu được độ dài.

File .lolly

Download .lolly, trong hộp thoại Share của công cụ bạn đang làm, ghi cùng thiết kế đó ra thành một file. Nó mang theo phiên đã lưu cùng với những ảnh và file bạn thêm từ thiết bị của mình. Tác phẩm trong catalogue mà thiết kế dùng tới cũng đi kèm bên trong, nên file mở ra đầy đủ trên một máy chưa từng thấy thương hiệu của bạn. Nơi thiết bị của bạn có bảng chia sẻ, Send to… đưa thẳng file đó sang đấy (AirDrop, một lượt chia sẻ trên Android) thay vì lưu ra ổ đĩa.

Một file .lolly là một file zip bình thường. Đổi tên nó thành .zip rồi mở ra: ảnh của bạn nằm dưới assets/uploads/ còn tác phẩm catalogue dưới assets/catalog/, mỗi thứ giữ tên thật và phần mở rộng của nó, manifest.json liệt kê từng thứ một và một file README ở trên cùng nói file này là gì.

Ba điều là của bạn để quyết định trước khi nó đi:

Mở một tệp. Thả một tệp .lolly vào ứng dụng: các tài sản sẽ vào thư viện của bạn, phiên làm việc sẽ vào Projects và công cụ sẽ mở lên với nó. Không có gì của bạn bị ghi đè: phiên làm việc đến dưới dạng một vị trí lưu mới, trong khi một tài sản đã có sẵn trên thiết bị này được đối chiếu bằng checksum và được tái sử dụng thay vì bị nhân bản. Mọi phần đều được kiểm tra đối chiếu với checksum riêng của tệp trong quá trình nhập vào, nên một bản sao bị hỏng trong quá trình truyền sẽ bị từ chối thay vì được nhập vào một nửa.

Nếu file mang theo một công cụ bạn chưa có, Lolly hỏi trước khi công cụ đó được phép chạy: Trust this tool? nêu tên nó và tác giả của nó, đồng thời nói thẳng rằng mở nó là chạy mã của chính công cụ đó trên thiết bị của bạn, với Trust & install là lối đi tiếp. Nếu bạn từ chối, phần việc được chia sẻ vẫn được lưu vào dự án của bạn, chờ ở đó tới ngày bạn thêm công cụ ấy. (Có một loại công cụ chưa nạp ngoài được - loại có mã chạy dưới dạng module - và nó bị từ chối theo cùng cách.)

Một liên kết và một file đều trao đi một ảnh chụp tại một thời điểm. Để làm việc trên cùng một phiên cùng lúc với người khác - hai thiết bị, không máy chủ, không cần internet nếu bạn ở chung một mạng - xem Làm việc cùng nhau.

Camera trực tiếp (các công cụ phản ứng theo chuyển động)

Mọi Filter ảnh - Halftone, Scanline, Posterize, Voronoi cells, Colour treatment, Pixel stretch và Imperfections - đều hiện một nút Go live ở nơi có camera. Bật nó lên và hiệu ứng bám theo từng khung hình webcam của bạn, nên nó phản ứng theo chuyển động; bạn có thể ghi lại kết quả thành GIF, WebM hoặc MP4. Các khung hình được đọc và xử lý trên thiết bị của bạn và không bao giờ rời khỏi đó, còn camera được giải phóng ngay khi bạn dừng lại hoặc rời khỏi công cụ. (Bộ chọn ảnh nào cũng có Take a photo để chụp một khung hình đơn thành một ảnh trên thiết bị.)

My images

Khi một công cụ cho phép bạn thêm ảnh từ thiết bị, ảnh được giữ đúng như lúc nó đến - nên một Content Credential trên đó vẫn xác minh được - và lưu vào thư viện cá nhân My images của bạn (dưới Profile → Storage). Chỉ một file thực sự khổng lồ mới hỏi là giữ nguyên hay giảm kích thước. Dùng lại nó ở bất kỳ công cụ nào. Để xoá EXIF/GPS ngay khi ảnh đi vào, hãy bật Strip metadata from uploads trong hồ sơ của bạn. Không có giới hạn số lượng: thư viện hoàn toàn cục bộ và chỉ bị giới hạn bởi dung lượng thiết bị của bạn - quản lý hoặc xoá ảnh ngay tại đó.

Catalogue - thư viện tài sản của bạn

Catalogue (#/c, hoặc phần Catalog trong bộ chuyển Projects · Tools · Utilities · Catalog ở đầu mọi màn hình danh sách) gom mọi thứ các công cụ của bạn có thể dùng tới - logo thương hiệu, hình ảnh, âm thanh và chuyển động, nhóm theo loại - và đây cũng là nơi các file sáng tạo của riêng bạn nằm. Không máy chủ, không bảng quản trị, không pull request: tất cả đều nằm trên thiết bị của bạn.

Catalogue - tài sản thương hiệu, ô màu và font, cùng các file bạn tự tải lênsigned by Lollyvector SVGTự kiểm chứngGet the signed file456 paths~43k nodes707 groups1.022 KBCatalogue - tài sản thương hiệu, ô màu và font, cùng các file bạn tự tải lênsigned by Lollyvector SVGTự kiểm chứngGet the signed file456 paths~43k nodes707 groups1.022 KB

Mang bảng màu và font của bạn đi khắp nơi

Bảng Swatches của Catalogue làm được nhiều hơn là chỉ hiển thị - nhấp vào một màu để sao chép nó, hoặc tải xuống toàn bộ bảng màu thương hiệu ở định dạng mà công cụ kia của bạn hiểu:

Bảng Swatches - năm nút tải bảng màu chạy ngang phía trên, rồi mọi màu thương hiệu dưới dạng chip sao chép đượcsigned by Lollyvector SVGTự kiểm chứngGet the signed file196 paths~22k nodes282 groups302 KBBảng Swatches - năm nút tải bảng màu chạy ngang phía trên, rồi mọi màu thương hiệu dưới dạng chip sao chép đượcsigned by Lollyvector SVGTự kiểm chứngGet the signed file196 paths~22k nodes282 groups302 KB

Bảng Fonts liệt kê các bộ chữ thương hiệu của bạn kèm một nút download bên cạnh mỗi bộ, để cài trên máy hoặc trao cho một xưởng in. (Phòng Colours của Brand Studio cũng có cùng tính năng tải bảng màu này.)

Tài sản là một nửa của con đường mở, tự làm lấy; nửa còn lại là tự tạo công cụ của riêng bạn - canvas tự do (Design, đã mô tả ở trên) cho phép bạn dựng một công cụ một cách trực quan, không cần viết mã.

Âm thanh & khả năng tiếp cận

Lolly hướng tới việc dùng thoải mái với tất cả mọi người. Giao diện điều hướng được bằng bàn phím, các điều khiển tuỳ chỉnh đều mang nhãn đúng chuẩn cho trình đọc màn hình và bản xem trước trực tiếp của mỗi công cụ được phơi ra như một hình ảnh duy nhất có nhãn mô tả thứ nó đang tạo.

Một lớp âm thanh hỗ trợ nhẹ nhàng xác nhận việc bạn vừa làm - khi vào gallery, khi kiểm tra Content Credentials hợp lệ hay không hợp lệ, khi đóng một bảng, khi đổi một bộ lọc. Nó tắt theo mặc định: bật Sound ở bất cứ đâu có công tắc đó (popover tuỳ chọn của mỗi màn hình, hoặc Profile), và lựa chọn sẽ được ghi nhớ.

Bốn thiết lập tiện nghi tuỳ chọn nằm dưới Profile → Accessibility: Reduce motion (bỏ các hiệu ứng chuyển cảnh và điểm nhấn của ứng dụng), Hide colourful previews (thẻ gallery chỉ còn biểu tượng và chữ, ảnh thu nhỏ của dự án dịu lại), High contrast (viền, chữ và vòng focus đậm hơn) và Large text (chữ trong ứng dụng lớn hơn - nhãn, menu, chữ trên nút). Cả bốn đều làm dịu ứng dụng quanh công việc của bạn: chúng không bao giờ với vào canvas của một công cụ hay đổi một pixel nào trong thứ bạn xuất ra, và mỗi thứ đều tắt cho tới khi bạn bật nó. Chi tiết đầy đủ trong Hồ sơ của bạn → Khả năng tiếp cận.

Cạnh công tắc Sound là Neurospicy Mode - một bản nhạc nền tập trung, êm dịu, tuỳ chọn, phát khe khẽ trong lúc bạn làm việc. Bật nó lên sẽ mở một khay trình phát nhỏ ở góc dưới, đi theo bạn khắp ứng dụng; từ đó bạn có thể tìm và chọn một bản nhạc, tua tới và lùi, chỉnh âm lượng cùng thu nhỏ hoặc đóng nó lại. Danh sách nhạc trải qua vài danh mục - các giai điệu Lolly Sings sinh tự động, các vòng lặp và beat nền, âm thanh bạn tự tải lên và một số ít đài radio internet trực tiếp (những đài này cần kết nối; mọi thứ còn lại phát được ngoại tuyến). Nó tắt theo mặc định và, như Sound, được ghi nhớ qua các phiên và các thiết bị. Tắt Sound cũng tắt luôn tiếng bản nhạc tập trung này.

Lưu trữ & quyền riêng tư

Mọi thứ được lưu trong cơ sở dữ liệu cục bộ của trình duyệt (IndexedDB): hồ sơ của bạn, các phiên đã lưu, ảnh đã tải lên và một bộ nhớ đệm nội dung catalog đã tải về. Profile → Storage hiển thị dung lượng đang dùng và cho phép bạn:

Thẻ lưu trữ trên màn hình rộng bằng điện thoại: mọi loại dữ liệu trên thiết bị đều được gọi tên, với nút Clear all my data ở dưới cùngsigned by Lollyvector SVGTự kiểm chứngGet the signed file14 paths~2.0k nodes39 groups28 KBThẻ lưu trữ trên màn hình rộng bằng điện thoại: mọi loại dữ liệu trên thiết bị đều được gọi tên, với nút Clear all my data ở dưới cùngsigned by Lollyvector SVGTự kiểm chứngGet the signed file14 paths~2.0k nodes39 groups29 KB

Không dữ liệu cục bộ nào trong số này được truyền đi đâu cả - không telemetry, không render trên đám mây. Danh sách đầy đủ những gì ứng dụng từng tải về hay gửi đi nằm trong Chính sách quyền riêng tư, còn Bề mặt máy chủ liệt kê các thành phần máy chủ tuỳ chọn.

Chuyển sang thiết bị khác

Vì mọi thứ đều nằm trên thiết bị của bạn, Profile → Storage → Move to another device cho phép bạn mang tất cả sang một bản cài đặt thứ hai - không tài khoản, không đám mây:

Bộ nhớ đệm catalog không nằm trong gói - nó tự tải lại trên thiết bị mới. Gói này là một file zip thông thường (manifest.json + profile.json + sessions.json + assets.json + assets/blobs/… + prefs.json, id định dạng lolly-backup), nên nó đi qua email, USB hay AirDrop mà vẫn nguyên vẹn và là cùng một định dạng mà mọi shell đều đọc được. Mỗi phần đều có checksum, nên một file hỏng trên đường truyền bị bắt lúc nhập vào chứ không được khôi phục nửa vời. (Đặc tả định dạng đầy đủ: Chuyển dữ liệu.)

Nhập một thiết kế (Figma, Penpot, Illustrator, InDesign)

Bạn có thể đưa một thiết kế có sẵn vào Lolly và tiếp tục làm việc trên đó: mở Design, nhấp Import a design trên thanh công cụ của canvas, rồi chọn một file Figma .fig hoặc SVG, một file Penpot .penpot, một file Illustrator .ai / .pdf hoặc một file InDesign .idml. Các lớp trở thành những khối chỉnh sửa được trên canvas tự do - văn bản vẫn gõ lại được, hình ảnh đáp xuống My images còn kiểu chữ và màu sắc tuân theo các biến thương hiệu toàn cục - rồi kết quả được lưu, chia sẻ và render như bất kỳ phiên nào khác. Việc phân tích diễn ra hoàn toàn trên thiết bị của bạn. Chi tiết đầy đủ: Nhập một thiết kế.

Xuất file

Xem Xuất file & Định dạng để biết toàn bộ câu chuyện - chọn định dạng, kích thước đầu ra và đơn vị in ấn, độ trong suốt, video và sao chép/chia sẻ. Tóm gọn: chọn một định dạng, đặt kích thước nếu cần và Download (hoặc Copy vào clipboard).

Chế độ Batch (Pro)

Dành cho người dùng chuyên sâu, Batch (liên kết từ gallery, nằm sau cờ tính năng Pro vốn bật theo mặc định) render nhiều biến thể cùng lúc - một bảng lưới nơi mỗi hàng là một tập trường đầu vào, được xuất cùng nhau. Lý tưởng để bản địa hoá một tấm thiệp sang hàng chục ngôn ngữ hoặc tạo mọi biến thể kích thước trong một lượt. Điền các hàng bằng cách gõ vào, dán thẳng từ một bảng tính hoặc nhập một file CSV (bạn cũng xuất ngược ra được một file), và đặt định dạng, kích thước, tên file xuất theo từng hàng. Lưu cả một bảng lưới thành một phiên batch có tên riêng để mở lại từ gallery, và tải mọi hàng xuống dưới dạng một file .zip duy nhất.

Thanh công cụ batch - tên tệp zip, đơn vị, DPI và định dạng mà mọi hàng kế thừa, với Sessions và Render ở bên phảisigned by Lollyvector SVGTự kiểm chứngGet the signed file31 paths~1.9k nodes50 groups4 images34 KBThanh công cụ batch - tên tệp zip, đơn vị, DPI và định dạng mà mọi hàng kế thừa, với Sessions và Render ở bên phảisigned by Lollyvector SVGTự kiểm chứngGet the signed file31 paths~1.9k nodes50 groups4 images34 KB

Batch dùng để tạo nhiều biến thể của cùng một mẫu cùng lúc. Để render lại các phiên bạn đã lưu từ trước, hãy dùng Projects → Render folder / Render selection (ở trên) - không cần Pro.

Chỉnh sửa cạnh nhau (Multi-edit)

Batch là nhiều biến thể của một thiết kế. Multi-edit là nửa còn lại của công việc: nhiều thiết kế đã lưu khác nhau cùng mở một lúc, để một thay đổi áp dụng cho tất cả. Tích chọn từ hai đến tám phiên làm việc đã lưu trong Projects và chọn Edit together từ thanh chọn; chúng sẽ mở thành các thẻ trực tiếp cạnh nhau tại #/multi?s=<slot>,<slot>…. Mỗi thẻ là một bản kết xuất thực của phiên làm việc đó, không phải một ảnh thu nhỏ đã lưu sẵn, nên những gì bạn thấy chính là những gì sẽ được xuất ra.

Một thanh bên điều khiển cả đám:

Nhấp vào canvas bất kỳ (hoặc nhấn Enter trên nó) và thẻ thanh bên của phiên đó mở ra và cuộn vào tầm nhìn. Save all ghi mọi phiên trở lại ô lưu của riêng nó. Download all lưu trước, rồi render cả bộ qua đúng đường ống như Render selection của Projects - một file zip, kèm tuỳ chọn khoá bằng mật khẩu được đưa ra trên đường đi.

Hai giới hạn nói thẳng. Trần hai đến tám là thật: mỗi thẻ gắn một runtime sống của riêng nó, và đó là con số còn giữ được độ mượt - một liên kết đòi nhiều hơn (hoặc đòi một phiên không còn tồn tại) sẽ báo thẳng ra thay vì tải nửa vời. Và liên kết gọi tên các ô lưu của bạn, nên nó mở lại đúng bộ đó trên thiết bị này; đây không phải một liên kết chia sẻ.

Khi lựa chọn lớn hơn tám, trộn nhiều công cụ hoặc gồm cả ảnh lẫn phiên làm việc, lối thoát là Edit as sheet trên cùng thanh lựa chọn đó: nó mở cả lựa chọn thành các hàng trong bảng lưới batch (#/pro?s=…), không giới hạn số lượng và không đòi cùng một công cụ. Thư mục nằm ngoài cả hai - chúng có đường mở-trong-lưới riêng. (Tìm kiếm là thứ duy nhất chưa với tới đây: Multi-edit là màn hình duy nhất mà thanh tìm kiếm không biết tới.)

Ngoại tuyến & cài đặt

Lolly là một PWA. Sau lần tải đầu tiên nó chạy được ngoại tuyến - hãy cài nó từ thanh địa chỉ trình duyệt (hoặc Add to Home Screen trên di động) để có trải nghiệm giống ứng dụng, toàn màn hình. Nó tự cập nhật khi bạn online trở lại.

Về các bản cập nhật: nếu một view không tải được ngay sau khi cập nhật (một bảng trống, một dòng "failed to fetch" ở góc màn hình), hãy tải lại trang một lần - ứng dụng sẽ nhận phiên bản mới một cách gọn gàng và công việc, phiên làm việc cùng thương hiệu của bạn không hề bị ảnh hưởng. Nó lưu trữ mọi thứ trên thiết bị của bạn, không phải trong trang.