CSS-sprites: mô tả các kỹ thuật cơ bản và lời khuyên hữu ích

Trang web hiện đại để được nhanh chóng, đẹp và hiệu quả cả ở giai đoạn phát triển, và khi làm việc với một khách hàng. Như một quy luật, mọi công ty tạo ra tài nguyên trực tuyến, tìm kiếm để có khuôn mặt riêng của họ, để thu hút du khách với thiết kế, phong cách, độ tin cậy, tốc độ của nó và các thuộc tính khác.

tính hữu ích của sprites

CSS-sprites có thể cải thiện cả những đặc tính của trang web và hình ảnh của công ty. Tại cốt lõi của nó, nó không quá phức tạp công cụ phát triển, nhưng nó thực sự tăng tốc quá trình và nguồn lực phát triển, và tốc độ công việc của họ.

Trong số những thứ khác, nó đơn giản hoá mã và, theo một nghĩa nào đó, nó là di động với các nguồn lực khác mà, do thực tế rằng sử dụng CSS-sprites cũng tương tự như những người thân, bởi vì bạn có thể sử dụng cùng một ý tưởng đồ họa, các yếu tố thiết kế theo phong cách đối thoại, cấu trúc và nội dung của thẻ.

Trong quá trình bình thường của sự phát triển của trang web để làm được rất nhiều hình ảnh. Rất thường xuyên, những hình ảnh này cũng chiếm rất ít không gian, nhưng luôn luôn là một tập tin riêng biệt. Đối với bất kỳ hệ điều hành của bất kỳ máy chủ mở một tập tin - hoạt động này, một thời gian, tuy nhiên, sẽ không khác biệt đáng kể liên quan đến thời gian khi một tập tin được khai trương ngày 13 13 pixel, và khi tập tin được mở từ 16 hình ảnh 52 bởi 52 pixel. Trong trường hợp đầu tiên, bạn có 16 tập tin và 16 mở / đọc hoạt động, trong trường hợp thứ hai 16 hình ảnh sẽ được thu được là kết quả của việc khai trương chỉ có một tập tin.

Nếu bạn tạo một bộ các tập tin về đề tài này (menu ngang, hình thức đối thoại, các yếu tố thiết kế nút tính lịch ...) mà hình ảnh đó có thể kết hợp linh hoạt di chuyển từ trang này sang trang.

Nhược điểm

Khi có người hâm mộ, quá hay vui đùa khuyến khích sử dụng CSS sprites là nhất thiết những người đang nghiên cứu kỹ vấn đề này và rõ ràng cho thấy rằng nó luôn luôn là thực tế để làm việc theo cách cũ thời.

Thật vậy, nếu có một tập tin trong số 16 bức ảnh, thay vì 16 mở / đọc hoạt động sẽ là một thay vì 16 tập tin hình ảnh. Nhưng Bí quyết là mỗi trình duyệt có một bộ nhớ cache, và nó tải một cái gì đó chỉ như là một phương sách cuối cùng. Bên cạnh đó, thường là các yếu tố trang được nạp khi bạn lần đầu tiên truy cập vào trang, và sau đó nạp chỉ thay đổi.

Một khía cạnh khác. Thông thường, khi hình ảnh được cắt, không dán mắt vào một tập tin duy nhất. Bằng cách nào đó nó đã phát triển một công nghệ, nó là tốt hơn để nói, phong tục. Các nhà thiết kế tạo ra cách bố trí và bố trí sử dụng từng mảnh: mảnh mịn thái lát của bố cục. Những người phản đối sprites tin rằng nhặt một vài hình ảnh trong một tập tin - hoạt động tiêu thụ, làm tăng tổng thiết kế trang.

Có những nhà phát triển người tin và tối ưu hóa số lượng HTTP yêu cầu, tin tưởng rằng nghề nghiệp này là hơn thực dụng hơn CSS-sprites.

Tất cả thời gian được chỉ ra là chắc chắn quan trọng, nhưng quan trọng hơn là quan điểm: nó nên được áp dụng trong giới hạn hợp lý.

Tự động hóa và CSS-Sprites

Nếu nó làm cho không có ý nghĩa để chạy máy phát điện CSS Sprites và nhận được phần bên phải của thiết kế, sau đó không có gì ngăn cách đơn giản tạo nên phần này của theo cách thông thường. Nếu công nghệ truyền thống làm cho nó cần thiết để cắt giảm hàng trăm hình ảnh, nó là thích hợp hơn để phác họa JavaScript chức năng, mà cần thiết sẽ chọn từ khu vực mong muốn của sprite và hiển thị nó.

Cần lưu ý, tuy nhiên, các sprite của hai hoặc ba yếu tố, hay một chục khác - tất cả các quyền, nhưng khi lên đến hàng trăm sprite của bản vẽ, một số văn bản vấn đề JavaScript chức năng, tất nhiên, sẽ không xảy ra, nhưng bao nhiêu công việc nó sẽ mất đến việc tạo ra một sprite lớn như vậy ... Bên cạnh đó, keo hình ảnh - máy phát điện sprite một CSS này và làm cho hình ảnh mong muốn, và CSS-mã cho nó, ông không quan tâm bao nhiêu sẽ là yếu tố cấu thành của ma. Vấn đề phát sinh khi làm lại các trang web thiết kế thay đổi, loại bỏ và bổ sung các yếu tố mới. Phát triển một sprite, bạn nên suy nghĩ không phải về làm thế nào để sử dụng nó, và làm thế nào thì nó thay đổi.

Lợi ích của việc sử dụng đối tượng sprites

Không giống như các ngôn ngữ lập trình CSS, đây là một tập hợp tương đối tĩnh của quy tắc tất cả các động lực của nó được xác định bởi các quy tắc và nội dung chức năng của họ (tiêu chuẩn). Xét sprites trong khu phức hợp, HTML, CSS có thể tạo ra một thiết kế theo chủ đề chức năng của thư viện.

Ví dụ, phiên bản hoàn chỉnh của trình đơn: chỉ cần kết nối css-quy tắc, js chức năng nhiều và bao gồm các mã số của HTML-divs, bạn có thể nhận được kết quả. Bằng cách thay đổi nội dung của hình ảnh của ma, bạn có thể thay đổi giao diện menu. Xác định cơ quan chức năng, bạn có thể điều chỉnh các chức năng.

Nhận một biến thể đặc biệt của chương trình hướng đối tượng (OOP). Chắc chắn, nó sẽ là một ý tưởng sáng, nhưng nó sẽ không quá sáng để nổi bật so với nền tảng của ngôn ngữ OOP khác, tiếng địa phương thực. Nó chỉ là trong đầu thập niên 90, khi PLO đã được hồi sinh và trở thành bất thường nhanh chóng chiếm được một chỗ đứng trong ánh nắng mặt trời, nó là một ý tưởng cụ thể và một hình thức diễn đạt cụ thể của nó, nhưng bây giờ các nhà phát triển đã đưa ra nhiều tiếng địa phương như có có đa dạng Nga.

Đồ chơi - một mảnh đất màu mỡ cho sprites

Hứng thú và lập trình - Các khái niệm không tương thích, nhưng kỹ năng lập trình, viết trò chơi, là đáng kể khác nhau từ obschebytovoy (mã hóa đơn giản) và sáng tạo (thiết kế và phát triển công nghệ mới, ý tưởng).

Trò chơi Thiết kế hấp dẫn đối với đồ họa vector, vì sự kết hợp của SVG-sprites + CSS-quy tắc không chỉ theo yêu cầu, nhưng thường trở thành đối tượng của các nhà phát triển (của trang web) để đối tượng của một trò chơi thực sự. Đặc biệt, các trò chơi phổ biến Counter Strike áp dụng đối với các điều khoản của sprites, thuốc xịt khá ý nghĩa Từ đồng nghĩa: vụ nổ, máu, khi nhìn thấy ...

Cụm từ "thiết lập V34 sprite css" cho khởi là hoàn toàn bình thường và dễ hiểu. Sprites được tìm thấy không chỉ ở việc sử dụng các tiện ích, trong bản chất, mà còn hình thành một niche, mà là khá đầy đủ tính năng, giá cả phải chăng và dễ dàng để hiểu được một vòng tròn nhất định của người tiêu dùng.

CSS-sprites: Ví dụ

một loạt các tùy chọn cho một ngôn ngữ đặc biệt để chuyển đổi các trang trên trang web được sử dụng, nhưng nếu chọn ngôn ngữ để thực hiện như một biểu tượng, các giải pháp sử dụng một sprite có thể trông như thế này:

nhược điểm rõ ràng sprites

Trước hết, nó là tốn thời gian và quá trình tỉ mỉ. Đó là một điều - để cắt thiết kế thành từng miếng nhỏ, và người kia - để thu thập một bức tranh của nhiều nhỏ. Áp dụng các ý tưởng của vải và đặt nó trên tất cả các hình ảnh được sử dụng trên trang web này là hoàn toàn vô ích.

Thậm chí sử dụng CSS sprites Generator, những khó khăn không thể tránh khỏi, đặc biệt là khi nó là cần thiết để thay đổi thiết kế trang web. Thêm vào một vài hàng chục hình ảnh ma - nó không phải là một mảng của các yếu tố, đồ họa có đồ họa, người ta thường chỉ hiển thị trên màn hình, thay vì phân loại ra các mã như một mảng để tìm đúng món đồ.

Tiêu chuẩn và các nhà phát triển sau tuyên bố của ông rằng như sprites gắn liền với một nền tảng chính sách sử dụng, nó chỉ là một hình ảnh nền và không phải là yếu tố trang web. các yếu tố thành phần đồ họa của một trang nên thao tác thẻ img.

Thật khó để thống nhất trên cơ sở đơn giản rằng khi đủ nền được coi là một nền tảng chung. Nó chỉ là nền, không có vấn đề gì - một yếu tố thu nhỏ hoặc toàn bộ trang.

Trong khi đó, các thành phần đồ họa đại diện cho một trở ngại nghiêm trọng đối với việc sử dụng các sprites.

sử dụng khôn ngoan

Mặc dù thực tế rằng "công nghệ Internet" và "công nghệ cao" các điều khoản được coi là đồng nghĩa, trên thực tế, nó là tốn nhiều thời gian và đôi khi rất công nghệ thấp làm việc. Sprites không đặc biệt ăn mặc so với tắc nghẽn khác trong chương trình tinh khiết trong JavaScript hoặc PHP, cũng như trong việc phát triển các chức năng cần thiết, thiết lập các quy trình của các trang web điền hoặc thông tin, chẳng hạn như là nền tảng tạo ra bản sao lưu trữ.

Sức mạnh và triển vọng của việc sử dụng các hệ thống quản lý nội dung thường chững sắc thái của ứng dụng thực tế của họ, và sự phát triển của nhãn hiệu tài nguyên, như một quy luật, dẫn đến nhu cầu về thời gian 1001 để viết lại cái này hay cái kia một thuật toán độc quyền.

Trong bối cảnh này, điều quan trọng là chỉ đơn giản là hợp lý để sử dụng tất cả những gì cung cấp một công cụ hiện đại. Đừng quá mong muốn sử dụng một trong khác, và các quy tắc vàng trong việc xây dựng trang web đọc như sau: bạn cần phải suy nghĩ không phải về làm thế nào để vượt qua công việc càng sớm càng tốt, và làm thế nào để thực hiện nó để trong trường hợp bất kỳ tình huống không lường trước có thể được giải quyết nhanh chóng bất kỳ vấn đề.