Ерзин Тимур @yerzintimur
Пользователь
Позиционирование элементов по разным сторонам блока
3 min
104KЗдравствуйте, дорогие читатели. Сегодня я расскажу вам о малоизвестном способе разнести два элемента по разным сторонам блока, в котором они находятся. Например вот так
+56
Целебное зелье для IE5+ или IE7.js
2 min
7.1KРазбирая код очередного проекта внутри тега
Только одно слово «IE9» меня пустило в замешательство. Первое что пришло мне в голову — это то, что при помощи этого .js кода браузеры под печальным клеймом Internet Explorer можно заставить работать используя свойства многообещающего IE9. Больше всего я ожидал что будут доступны свойства CSS3.0, но не тут-то было!
head
наткнулся на интересный код:<!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta3)/IE9.js"></script>
<![endif]-->
Только одно слово «IE9» меня пустило в замешательство. Первое что пришло мне в голову — это то, что при помощи этого .js кода браузеры под печальным клеймом Internet Explorer можно заставить работать используя свойства многообещающего IE9. Больше всего я ожидал что будут доступны свойства CSS3.0, но не тут-то было!
+91
Колоночная верстка
5 min
16KСуществует много способов по верстке колоночных макетов. Уже не один нос разбит в течении холиваров, разожженных по поводу использования тех или иных методов. Казалось бы, что все должно быть предельно ясно и понятно, но все-равно возникает много трудностей. Я хочу и свою лепту вложить во всеобщее благое дело, и потому потратил относительно немного времени на эксперименты, которые привели меня к созданию еще одного метода, в котором есть следующие плюсы и минусы:
Плюсы
- Есть прижимающийся к полу футер
- Колонки меню растягиваются по 100% высоте
- Колонок может быть сколько душе угодно
- Колонки могут быть как лево- так и правосторонними, а также совмещенными, например 2 справа и 1 слева
- Ширина как резиновая, так и фиксированная
- Критический минимум хаков
- Не используется Javascript
- Не используются бекграундовые изображения для создания эффекта колонки
- Никаких таблиц
- Одинаковый результат в ie5.5, ie6, ie7, ie8, ff3.5, o10, chrome4 (Если у вас не работает в каком-то браузере — отпишитесь, пожалуйста, в комментах. Исправим и приведем к универсальному виду)
Минусы
- Есть несколько «лишних» блоков. (Я бы и сам рад от них избавиться)
- Есть несколько абсолютно-позиционируемых блоков
+88
Делаем красивый input[type=file] с помощью jQuery
6 min
29KПрисказка или зачем нужен еще один плагин?
Давным-давно
С этим элементом, средствами CSS, мы можем разве что изменить размер шрифта. Все мы любим власть. Ты ведь хочешь полностью контролировать этот неподатливый file? Тут нам на помощь приходит волшебная связка современного интернета — JavaScript + CSS.
В нашем проекте используется jQuery, поэтому первым делом я принялся искать решение с помощью готового плагина, но быстро разочаровался. Найденные плагины либо не соответствовали требованиям нашего заказчика, либо предоставляли дополнительный функционал, который нам совершенно не нужен. Что из этого следует? Правильно – надо написать свой
+33
+74
Генератор иконок — Iconizer.net
1 min
6.8KНедавно я и Тимур Гаффоров запустили наш новый сервис для генерации иконок Iconizer.net.
Сервис позволяет выбирать формат файла, с легкостью менять цвета, размеры и делать иконки прозрачными. В каталоге несколько тысяч иконок, удобно рассортированных по категориям, с наличием поиска. И конечно, иконки часто добавляются.
Сервис немного похож на наш Preloaders.net, так как выполняет похожие функции. Но, самое главное, он перенял с него простоту дизайна и легкость использования.
Сервис позволяет выбирать формат файла, с легкостью менять цвета, размеры и делать иконки прозрачными. В каталоге несколько тысяч иконок, удобно рассортированных по категориям, с наличием поиска. И конечно, иконки часто добавляются.
Сервис немного похож на наш Preloaders.net, так как выполняет похожие функции. Но, самое главное, он перенял с него простоту дизайна и легкость использования.
+38
А вы готовы перейти на Google Chrome? — 30 незаменимых расширений для Хрома
7 min
25KTranslation
На протяжении уже 5-6 лет я использую только Firefox и никогда не думал, что захочу выбрать что-то другое. Firefox — отличный браузер, а делают его таковым все те тысячи расширений, которые каждый может скачать бесплатно. Можно найти расширение для чего угодно. Есть лишь один существенный недостаток — Firefox значительно медленнее, чем Chrome и сжирает больше ресурсов компьютера, чем остальные браузеры.
Один мой знакомый в очередной раз предложил попробовать Хром и я решил, что стоит рискнуть. На этот раз моя цель — проверить достаточно ли хороших и качественных расширений у Хрома, чтобы перейти на него окончательно.
В этой статье я попытаюсь ответить на вопрос — могут ли дизайнеры, веб-разработчики, SMO-шники, SEO-оптимизаторы безболезненно перейти на Chrome. Есть ли расширения, которые могут послужить равноценной заменой на Хроме таким вещам как: Firebug, Webdeveloper, Color Picker, SEO для Firefox, Alexa Ranks, средства для отладки?
+162
placeholder.js
1 min
24KВ HTML5 есть замечательный атрибут placeholder.
Сейчас он работает только в webkit-браузерах (Safari, Google Chrome).
С помощью JS, не изобретая велосипедов, placeholder.js делает этот атрибут кроссбраузерным.
placeholder.js (1.3 килобайта)
<input placeholder="inbox@disney.com">
Сейчас он работает только в webkit-браузерах (Safari, Google Chrome).
С помощью JS, не изобретая велосипедов, placeholder.js делает этот атрибут кроссбраузерным.
<input placeholder="inbox@disney.com" id="some_input"> <script type="text/javascript"> inputPlaceholder( document.getElementById('some_input') ) </script>
placeholder.js (1.3 килобайта)
+53
Крик утопающего
2 min
1.7K Ищу совета и слов поддержки. Относительно давно использую нашумевшую Windows 7. Ни в коем случае не хочу явиться причиной возникновения холиваров, но «семерка» мне нравится. Больше, чем XP и уж тем более, чем Vista. Я люблю *nix системы, люблю MacOS, но так получилось, что возникшая проблема имеет место именно на продуктах компании Microsoft.
Началось это пару месяцев назад, а сегодня найдена причина.
Началось это пару месяцев назад, а сегодня найдена причина.
+15
FireShot — плагин для снятия скриншотов (Firefox, IE)
1 min
16KСегодня я бы хотел поговорить о новом плагине который не просто качественно и быстро снимает скриншоты веб-страниц, но и может редактировать, добавлять заметки, сразу отправлять по эл. почте и загружать на сервер.
Самое главное в FireShot — он совместим с IE. Часто бывает, что надо показать скриншот с багой в верстке под IE и потом еще через месенджер обьяснить в чем именно проблема. В FireShot есть все инструменты для этого. Интерфейс очень понятный. Взгляните сами:
Ссылка на скачивание
Официальная страничка плагина
Самое главное в FireShot — он совместим с IE. Часто бывает, что надо показать скриншот с багой в верстке под IE и потом еще через месенджер обьяснить в чем именно проблема. В FireShot есть все инструменты для этого. Интерфейс очень понятный. Взгляните сами:
Ссылка на скачивание
Официальная страничка плагина
+29
Preloaders.net
1 min
1.9KPreloaders.net — новый сервис для генерации прелоадеров, для загрузки данных при помощи ajax.
Существует много сервисов данного типа, но без хваствотства могу сказать — это лучший сервис для скачивания прелоадеров. Мы постоянно его улучшаем и добавляем новые прелоадеры.
Вы можете выбирать прелоадеры из различныз категорий, менять цвет, скорость анимации и размеры. Но самое главное все это делается очень просто.
+14
Information
- Rating
- Does not participate
- Location
- Ташкент, Ташкентская обл., Узбекистан
- Date of birth
- Registered
- Activity
Specialization
Specialist
JavaScript
TypeScript