W3C объявили о завершении работы над спецификациями HTML 5 и Сanvas 2D, а также о начале работы над HTML 5.1

Как сегодня заявил председатель W3C HTML Working Group Пол Коттон: «Новые функции не будут включены в итоговые рекомендации HTML5 или Canvas2D. Некоторые функции отмечены 'группой риска', но разработчики и компании могут рассчитывать на то, что все остальные оcтанутся в финальных рекомендациях HTML5 и Canvas2D».

«Чем шире охват web-технологии, тем больше заинтересованных сторон требует стабильных стандартов», – сказал генеральный директор W3C Джеф Джейф сегодня утром. «На сегодняшний день компании знают, что они могут возложить на HTML5 и что будет востребовано в ближайшие годы. Кроме того, разработчики будут иметь в виду, какие навыки развивать, чтобы работать со смартфонами, автомобилями, телевизорами, электронными книгами и другими устройствами».

https://habrahabr.ru/post/162931/

Читать далее »

Как сделать стрелочки для всплывающих сообщений

Треугольнички на чистом CSS


Где-то на просторах интернета мной был честно подсмотрен оригинальный способ создания прямоугольных треугольничков с помощью CSS-свойства border.

Вот пример направленного вверх треугольника высотой 10 пикселей и шириной 20 пикселей.

.triangle { position: absolute; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #e0e0e0; }


В данном случае у нас получился блок нулевого размера с видимой нижней рамкой и прозрачными боковыми. Но у этого способа есть недостаток — в некоторых браузерах (например, Firefox) в месте перехода нижней рамки в боковую будет наблюдаться неприятная темная окантовка, так как истинный цвет боковых рамок будет черным. Поэтому заменим transparent на rgba(224, 224, 224, 0).

.triangle { position: absolute; border-left: 10px solid rgba(224, 224, 224, 0); border-right: 10px solid rgba(224, 224, 224, 0); border-bottom: 10px solid #e0e0e0; }


Полученный результат будет без указанного выше недостатка.

https://habrahabr.ru/post/161041/

Читать далее »

CSS версии для печати

Правила страницы для печати


1. Современные браузеры умеют удалять фоновое изображение. Однако желательно добавлятьbackground-image: none, чтобы старые браузеры тоже умели это.

2. Могут возникать несоответствия распечатанной страницы с ее отображением на экране при назначении размеров в пикселях. Поэтому стоит использовать дюймы, сантиметры или проценты.

https://habrahabr.ru/post/160997/

Читать далее »

Нагрузочное тестирование "По-быстрому",

Мне очень понравился LoadStorm. С ним работа строится следующим образом:
1. регистрируемся
2. Создаем тест — в котором указывает сайт который будем пытать
3. Прежде чем начать пытку- требуется верификация (а вдруг вы хотите положить сайт конкурента????). надо на главную страницу положить определенный текст с кодом — или файл с определенным именем в корень
4. Дальше создаем сценарий — при создании сценария описываем, как пользователь идет по вашему сайту, какие линки нажимает, можно засабмитить формы. Все достаточно интуитивно и понятно
5. потом говорим когда запустить
6. в назначенное время тест запускается, ждем 30 минут пока до 50-ти пользователей бродят по вашему сайту согласно вашим указаниям — и получаем отчет.

https://habrahabr.ru/post/77593/

Читать далее »

Производительность шрифтов

Найдено на Хабре:

Применение веб-шрифтов становится все популярнее: согласно HTTP Archive, за последний год число сайтов, использующих дополнительные шрифты, выросло вдвое — с 6 до 12%.

Слабым местом веб-шрифтов является производительность, однако ситуация постепенно меняется в лучшую сторону: появляются более совершенные методы сжатия, улучшается поддержка браузерами, unicode, отдельные наборы шрифтов и т.д.

https://habrahabr.ru/post/159907/

Читать далее »

Про золотое правило производительности

Для начала пример «водопада», показывающего распределение времени сервер/клиент для сайта LinkedIn. Серверное время – это время, необходимое серверу для отдачи первого байта клиенту. Оно включает в себя несколько процессов: выборка по БД, вызовы удаленных веб сервисов, собирание HTML-страницы из шаблонов и т.д. Клиентское время — это все остальное. Оно включает в себя очевидные фазы, такие как выполнение JavaScript'а и рендер страницы. Так же в него входит время, затрачиваемое на загрузку всех необходимых ресурсов. Я включаю это время в клиентское, потому что фронтэнд-разработчики могут уменьшать его, применяя асинхронную загрузку скриптовобъединение скриптов и таблиц стилей иразнесение ресурсов по разным доменам.



Для получения результатов, имеющих отношение к реальности, я сделал выборку по сайтам, входящим в Топ-10. Среднее клиентское время составило 76%, что чуть ниже, чем заявлено в золотом правиле. Но не забывайте, что эти сайты оптимизированы по-максимуму и два из них – поисковые страницы (не результаты, а именно страница запроса), на которых очень мало лишних ресурсов.

https://habrahabr.ru/post/148213/

Читать далее »

Про Git для новичков

Git has come a long way since its introduction, and has become significantly easier to work with in a Windows environment. In this tutorial, we are going to get setup with Git on Windows.

 This article was written with the GUI in mind. I will NOT go over the command line usage, because there are many resources that already teach that aspect of Git. I made this for the true Windows users, the GUI ninjas. If you are like me and prefer a GUI over the command line, then this is the tutorial for you!

https://net.tutsplus.com/tutorials/tools-and-tips/git-on-windows-for-newbs/

Читать далее »

Начинающим про SQL Injection

Что же такое SQL инъекция?


Говоря простым языком — это атака на базу данных, которая позволит выполнить некоторое действие, которое не планировалось создателем скрипта. Пример из жизни:

Отец, написал в записке маме, чтобы она дала Васе 100 рублей и положил её на стол. Переработав это в шуточный SQL язык, мы получим:
ДОСТАНЬ ИЗ кошелька 100 РУБЛЕЙ И ДАЙ ИХ Васе 
Так-как отец плохо написал записку (Корявый почерк), и оставил её на столе, её увидел брат Васи — Петя. Петя, будучи хакер, дописал там «ИЛИ Пете» и получился такой запрос:
ДОСТАНЬ ИЗ кошелька 100 РУБЛЕЙ И ДАЙ ИХ Васе ИЛИ Пете 
Мама прочитав записку, решила, что Васе она давала деньги вчера и дала 100 рублей Пете. Вот простой пример SQL инъекции из жизни :) Не фильтруя данные (Мама еле разобрала почерк), Петя добился профита.

https://habrahabr.ru/post/148151/

Подойдет для юнных подованов. Единственное что покоробило - это использование автором функций типа mysql_* - они уже давно устарели, надо использовать PDO и prepared statements.

Читать далее »
Scroll To Top