Navigator free icons

Yesterday at that time the question arose on the selection of several icons in another web project. Mainly use ready-made icons from free sets. Until recently resorted to the services of the website iconpicker.deviantech.ru. Navigation icons was, though not the most comfortable, but definitely better than just to look through them in the Finder (or Explorer). Recently, however, the site is unavailable.

In the end, I decided to make my own Navigator icons:




Navigator is a HTML page with JavaScript code. That is, it works great being open from the local disk. But for convenience and demonstrations posted online on github — sibprogrammer.github.com/icons-explorer

In fact the interface allows you to view the entire list of icons from several sets (necessary when you do not know what to look for) and allows you to filter the set keyword, leaving on the page only those that match the criteria (when you know how is what you're looking for).

The source is located at the address — github.com/sibprogrammer/icons-explorer For a regular viewer it's easier to download the archive and open index.html to search for icons (GitHub Pages is still quite slow responding to thousands of requests :))

The idea Navigator has matured long ago, and broken website iconpicker.deviantech.ru only accelerated the process. In practice it turned out that to manipulate more than 7 thousands icons even Google Chrome'quite hard. When you open a page to load only those icons that are visible at the moment. To do this, use the LazyLoad plugin for jQuery. Unfortunately its performance on such volumes was insufficient and had to spend some time on improvements in terms of speed. As a result, the page scrolling has ceased permanently to slow down, but only periodically to reflect. Although the system requirements for the client are quite high. To significantly improve the situation would sprites, but their generation is a separate issue that was deferred to a future date.

Navigator was done primarily with the aim to satisfy their own needs. But I think will be useful to other developers.
Article based on information from habrahabr.ru

Комментарии

Отправить комментарий

Популярные сообщения из этого блога

Integration of PostgreSQL with MS SQL Server for those who want faster and deeper

Изображение
Recently habré was already published integration PostgreSQL and MSSQL. But, items there is categorically not enough. Therefore, the objectives of this publication are the following: the the to broaden and deepen publicly available information about FDW for MSSQL-called tds_fdw to tell the difference in major versions and describe basic compatibility issues; the to talk about the possibilities of optimization of queries that use the foreign table; the to address the subject of caching external data in a materialized view; the to say a few words about the exotic ways to integrate PostgreSQL and MSSQL. the Installing and configuring TDS FDW The guys from PostgresPro already sufficiently said about this process, I will not repeat. Will leave a few links to the official PostgreSQL documentation and examples from tds_fdw: the the creating an extension (extension) in PG: off.dokumentacija ; the server: off.documentation , example of tds_fdw ; the creating ...
Далее...

Custom database queries in MODx Revolution

This topic will certainly be useful for those who have quite a lot of projects on MODx Revolution, as with the usual sites of business cards is enough and the standard working methods of a La $modx- > getObject() , $modx->getCollection() , etc., and these methods are inherently not just a job database, but also with the objects of MODx. When working with large projects methods a La $modx- > getCollection() for us is not the best solution for two reasons: 1. The overexpenditures. These methods are not just getting data from DB, but also create instance of the retrieved objects. In this case, getting information about 10000 documents, we get 10000 objects of modResource that it is not very cool. 2. The task is complicated by the count of records. In addition to the direct difficulties of counting even at the query level, even if you get 10 records of the same document (for example), MODx will return as a result only one object modResource. Although often that will su...
Далее...

Google Web Mercator: a mixed coordinate system

Изображение
the First of October 2014, the us National Geospatial-Intelligence Agency ( NGA ) has published report , which contained criticism of the coordinate system of the Web Mercator used in the web mapping services. The document was accompanied by a detailed explanation of the problem and recommendations for partners NGA. The document received a great response, but not all articles based on this report, very accurate and literate presentation. This applies, for example, articles on the website of the GIS Association, which, because of gross errors in terminology, can be considered illiterate. Because this coordinate system the developers of web services face more often, I think it makes sense to understand the problem. what is it? For a start, a couple definitions, without which some of the details may not be clear. It is important to understand that Web Mercator is the coordinate system, not only the projection, although its name is similar to many well-known Mercator projection...
Далее...