Ычан: [d | b / bro / hr / l / m / mi / mu / o / ph / r / s / sci / tran / tu / tv / vg / x | au / tr | a / aa / c / fi / jp / rm / tan / to / vn / vo]
[Назад] [Вся нить] [Последние 50 сообщений]
Ответ в нить [Последние 50 сообщений]
Имя
Animapcha image [@] [?]
Тема   ( ответ в 9340)
Сообщение flower
Файл 
Пароль  (для удаления файлов и сообщений)
Параметры   
  • Прежде чем постить, ознакомьтесь с правилами.
  • Поддерживаются файлы типов 7Z, BZ, BZ2, GIF, GZ, JPG, MO, MP3, MP4, OGG, OGV, PDF, PNG, PSD, RAR, SVG, SWF, TXT, WEBM, WEBP, XCF, ZIP размером до 5000 кБ.
  • Ныне 3732 unique user posts. Посмотреть каталог
  • Максимальное количество бампов нити: 500
lain-620x2.jpg - (12.19KB, 468×272)
9340
No. 9340    
я просто оставлю это здесь.

самый лучший помощник это http://google.com/ научитесь им пользоваться в совершенстве и настанет счастье.
ещё стоит почитать статьи на http://habrahabr.ru/ и пусть вас не смущает его илитарность ибо там таки дофига полезной инфы
хороший текстовый редактор http://www.sublimetext.com/ у него триал бесконечен. покупать необязательно. vim и emacs это уже advanced level. Русификация https://github.com/Dimox/SublimeTextRussianMenu/
Ещё можно есть полезный http://jsfiddle.net/

HTML & CSS
http://htmlbook.ru/
Пошаговый учебник(увы он на ангельском) http://www.codecademy.com/ru/tracks/web
HTML
Учебник http://htmlbook.ru/samhtml/vvedenie-v-html
Справочник по тегам html http://htmlbook.ru/html
Крайне рекомендуется знать плюшки HTML5 http://htmlbook.ru/html5
CSS
Учебник http://htmlbook.ru/samcss/vvedenie-v-css
Справочник http://htmlbook.ru/css

JavaScript
http://javascript.ru/
Учебник http://learn.javascript.ru/
Пошаговый учебник(увы он на ангельском) http://www.codecademy.com/ru/tracks/javascript

PHP
Введение http://www.php.net/manual/ru/tutorial.php
Справка http://php.net/manual/ru/
Рекомендую качать@изучать версию 5.4 ибо там есть встроенный сервер http://php.net/manual/ru/features.commandline.webserver.php
Есть система сборки и управления зависимостями composer http://getcomposer.org/ описание на хабре http://habrahabr.ru/post/145946/

фреймворки
slim http://www.slimframework.com/ Рекомендуется для изучения ибо прост как пробка.
Yii http://www.yiiframework.com/
Symfony http://symfony.com/
Kohana http://kohanaframework.org/
Тысячи их.

GIT
Система управления версиями. Весьма рекомендую знать хотяб основы.
Учебник http://git-scm.com/book/ru
github https://github.com/ здесь можно расшарить свой говнокод; мелкие кусочки кода лучше расшаривать на https://gist.github.com/
интерактивный учебник на ангельском http://try.github.com/levels/1/challenges/1

Базы данных
MySQL
http://www.mysql.com/
Один из учебников http://www.rldp.ru/mysql/mysqlcli/oglav.htm
MongoDB
http://www.mongodb.org/
Введение http://jsman.ru/mongo-book/index.html

Полезности
не трогайте это пока не выучите всё вышеперечисленное В особенности это касается jQuery
http://html5boilerplate.com/ оче хороший стартовый шаблон
http://modernizr.com/ детектор поддержки браузером различных фич описание на хабре http://habrahabr.ru/post/144352/
http://jquery.com/ перевод документации -> http://jquery.page2page.ru/
http://underscorejs.org/ на русском http://underscorejs.ru/
http://backbonejs.org/ на русском http://backbonejs.ru/
http://coffeescript.org/ CoffeeScript есть годный костыль для JavaScript
http://lesscss.ru/ Костыль для css; ещё можно погуглить scss и sass
http://yeoman.io/ существенно ускоряет разработку краткое описание на хабре http://habrahabr.ru/post/146829/

////////

Часть вторая

Python
http://www.python.org/
Учебник 1 http://younglinux.info/python.php
Учебник 2 http://ru.wikibooks.org/wiki/%D0%A3%D1%87%D0%B5%D0%B1%D0%BD%D0%B8%D0%B[...]n_3.1
Пошаговый учебник(увы он на ангельском) http://www.codecademy.com/ru/tracks/python
Django
https://www.djangoproject.com/
На русском http://djbook.ru/

Ruby
http://www.ruby-lang.org/en/
Учебник http://ru.wikibooks.org/wiki/Ruby
Пошаговый учебник(увы он на ангельском) http://www.codecademy.com/ru/tracks/ruby
Ruby on Rails
Самый распространенный фреймворк для ruby
http://rubyonrails.org/ http://www.rubyonrails.ru/
Учебник http://rusrails.ru/

node.js
Для начала нужно знать JavaScript
http://nodejs.org/
Учебник/введение http://www.nodebeginner.ru/
Ещё учебных материалов http://nodeguide.ru/doc/

Хостинг
Тебе всё о сабже расскажет википедия ruwiki://Хостинг
Если крайне хочется бесплатный хостинг, то советую:
localhost кто не понял это про твой комп. но лучше не выпускать свой комп в виде сервера в инет
github pages http://pages.github.com/ если разберёшься с git конечно. Достаточно быстр, но может только в статику
narod http://narod.yandex.ru/
http://www.ucoz.ru/
Ты понел... Можешь ещё загуглить free hosting.
Гораздо лучше, если ты купишь хостинг за $5 а месяц.
Ещё есть такая штука, как vpsили vds. Т.е. Виртуальный сервер. Обычно чуть-чуть дороже обычного хостинга при Гораздо больших возможностях. Например http://selectel.ru/ или http://www.clodo.ru/
Тысячи их. Маленький совет: лучше переплати пару долларов, но получишь всё гораздо лучше.
Домены
Это твой адрес сайта. Про настройку достаточно знать выделенное жирным -> ruwiki://Ресурсные_записи_DNS
Стоит по сути копейки даже для нищеброда. От 100р в год. Купить можно много где. Вот первые ссылки в гугле http://www.nic.ru/ http://www.2domains.ru/ http://www.reg.ru/
Если ты на дошираки копишь или просто жалко напотестить деньги разводить то http://www.dotfree.com/ http://www.freedomain.co.nr/ http://www.com.nu/ и прочее. Годится только на попробовать.

Серверная
сборка apache+nginx+php+MySQL для винды http://open-server.ru/
сборка nginx+php+nodejs+mongodb http://winginx.ru/
сборки архи удобны, если ты на винде. на линуксе установка обычно чуть-чуть сложнее ибо там больше в консоли всё.
Apache
http://httpd.apache.org/
Немного на русском про конфигурирование http://petrenco.com/apache.php?txt=86 http://petrenco.com/apache.php?txt=85
Ещё про .htaccess http://masterhost.ru/support/doc/apache/
Nginx
http://nginx.org/ru/ (сразу на русском)
Документация и уроки http://nginx.org/ru/docs/
Ещё можно нагуглить
Varnish https://www.varnish-cache.org/

Ещё полезности
http://phantomjs.org/ браузер без gui. Полезен для тестов.
http://habrahabr.ru/company/evilmartians/blog/148264/
http://habrahabr.ru/company/evilmartians/blog/148751/
http://habrahabr.ru/company/evilmartians/blog/149335/
Кой чего о тестировании. http://yeoman.io/ содержит в себе либы для тестирования по статье.
И да там CoffeeScript вместо JavaScript.
31 сообщений пропущено. Показаны 50 последних сообщений Развернуть все изображения
No. 20800    
https://www.fluidplayer.com/
No. 20847    
Есть что удобнее хромовского F12 для отладки фронтенда? Может, специальный хромобилд или лисобилд?
No. 20851    
1451907836125219087.jpg - (94.13KB, 600×1007)
20851
キタ━━━(゚∀゚)━━━!!
No. 20879    
https://purecss.io/
Всё ясно из названия.
No. 20884    
>>20851
Но ведь понатыкать в функцию алертов быстрее и наглядней, чем сразу лезть в девтул.
No. 21106    
https://sohabr.net/habr/post/340502/
No. 21139    
https://habr.com/ru/post/429920/>>21106
No. 21184    
>>20884
Смотря что нужно обнаружить. Наследование алертом не выявишь, например.
No. 21191    
Clipboard01.png - (600.80KB, 1400×1050)
21191
>>20851
Кстати, не смешно. Хороший devtool был только у Presto.

З.Ы.: Вот вам Хром под ХР от весёлых китайцев, 61-й штоле. Новее не найдёте: http://www.maxthon.com/
No. 21192    
>>21191
Я так и не разобрался, чего они там наворотили и зачем это надо. Да и не думаю, что браузеру настолько нужна поддержка из облака.
No. 21193    
>>21192
Прикрутили синхронизацию к облаку, выделили там юзеру пять гигов. Можешь сохранять свои закладки, заметки и файлы и иметь к ним доступ с любого утюга, на котором этот браузер сможет запуститься. То же, что и везде, в общем. Основное для меня преимущество — это работа под XP-шку.
No. 21259    
Clipboard01.png - (91.18KB, 1062×910)
21259
Подкину.
https://colintoh.com/blog/display-table-anti-hero
https://news.ycombinator.com/item?id=8514717

Ну и такой себе челлендж: сверстайте резиновый трёхпанельник без использования calc и vh.
No. 21262    
>>21259
Ахаха. Таблицы (потому что ты не включил в условие прибитый футер). Святой грааль такой святой грааль
No. 21265    
>>21262
А независимый скролл колонкам ты тоже таблицами сделаешь?
No. 21267    
>>21259
Я конечно не эксперт, но флексы ведь: хоть сто панелей делай.
No. 21268    
>>21267
И получишь то же самое, что и с table-ами — страница растянется по высоте самой высокой колонки и уедет вместе с футером вниз за край окна.

Такой себе челлендж, если нормально формулировать, то здесь >>21259 должно было «сверстайте резиновый трёхпанельник, с хедером и футером, с независимым скроллом колонок и без скролла окна», но мне проще было картинку.
No. 21269    
>>21259
Easy: display:table
Medium: display:flex
Hard: position:fixed

Более интересный тест на пердуна: сделать таблицу с выравниванием элементов с однопиксельной рамкой без CSS и чтоб работало во всех браузерах.
No. 21270    
>>21265
А overflow: scroll отменили?
No. 21271    
>>21270
А в каком месте у тебя overflow будет?
No. 21272    
>>21268
Так шапку и подвал сделать не флексами и fixed. А в колоки - overflow.
No. 21273    
>>21272
и высоту выставить фиксированную
только не бейте
No. 21274    
>>21259
Что-то вроде этого. Но, насколько я понял, нужно и от вертикальной прокрутки страницы избавиться?
No. 21275    
>>21274
даже позиционирование не понадобилось
No. 21276    
>>21269
>Более интересный тест на пердуна...
Ты меня поразил в самое сердце, старый развратник, — уже никто не помнит, что у table-ов такие аттрибуты есть. Теперь ты обязан на мне жениться.

>>21273
И под каждое стандартное разрешение сделать свой CSS...
>только не бейте
Сам об мобилы убьёшься. По идее, если в левой колонке будет меню, то для мобил его надо убирать в иконку в футере; правую же колонку убирать вовсе.

>>21274
Основная сложность в этом. Обычно сейчас все используют vh и calc.

>>21275
У меня под Presto и новее проще не получилось: https://pastebin.com/y1xxp71P Отступы тоже сначала процентами были, но разметка едет, хотя и не сильно.

Ну и раз уж ты его сделал, не подскажешь, как сделать, чтобы отступы от хидера и футера при увеличении размера шрифта не ехали?
No. 21278    
>>21269
>Hard: position:fixed
Challenge accepted.
https://jsfiddle.net/uyzwf9et
No. 21281    
>>21259
Я так понял, что таблица это самый простой и экономный способ сделать такой макет? А раз результат одинаков, то зачем писать больше?
No. 21284    
2899444_p0.jpg - (43.80KB, 300×300)
21284
>>21278
Осталось понять, как без flex-а добавлять туда компоненты. Одна девочка пробовала, но макет разваливается.

>>21281
Только на модерновых браузерах. Причин несколько:
1. Рендеринг таблиц сам по себе — это NP-полная задача, на старых браузерах они дико тормозили.
2. С дефолтным алгоритмом планировки любое изменение в таблице приводит к пересчёту всей таблицы.
3. display: table старыми браузерами поддерживался через известное место.

Юмор, очевидно, в том, что потребовалось практически пятнадцать лет для того, чтобы ты мог верстать таблицами. Прогресс, однако!

Ну и ещё подобного юмора:
— прогресс дошел до очевидной вещи: px <=> pt
— вместо дедовского position:fixed;top:0;bottom:0; можно написать height:100vh; https://css-tricks.com/fun-viewport-units/
No. 21304    
https://stackoverflow.com/questions/5183731/is-using-div-spacers-a-bad-practice
Вкратце — да. По тем же причинам, почему и таблицы/списки тэгами. Никогда так не делайте.
No. 21313    
>>21304
А как мне делать таблицы и списки без тэгов? Я не умею.
No. 21419    
https://docs.npmjs.com/misc/coding-style.html
No. 21446    
https://gifer.com/en/8B70
No. 21477    
https://www.youtube.com/watch?v=Mus_vwhTCq0
No. 21546    
>>20223
Decentraleyes - Заменяет js скрипты, например всякие angular.js, css стили, etc, с анальных CDN серверов на локальные файлы. Позволяет еще немного уменьшить анальный зонд и чуть ускорить интернеты.

Хромобраузеры: https://chrome.google.com/webstore/detail/decentraleyes/ldpochfccmkkmhdbclfhpagapcfdljkj
FF: https://addons.mozilla.org/firefox/addon/decentraleyes/
No. 21740    
Clipboard01.png - (46.72KB, 893×945)
21740
Не знаю куда это запостить, но это вроде как относится к веб-разработке. Ну и в /b/ кто-то жаловался.

Неизвестно, зачем это сделано, но по крайней мере эта Лиса на этой системе по умолчанию похоже стремится сожрать всю доступную память.
No. 21746    
>>21740
Помогло, но частично. В свап не лезет, однако при AFK-е часов на пять-шесть всё-равно занимает всю RAM, и система начинает свапится. Начинаешь Лису тормошить — она тут же память высвобождает делая вид, что эти узурпированные 500 MB никому не были нужны.

Так что, если Лиса у вас жрёт гигабайты, это не значит, что у вас что-то течёт; просто она так своеобразно работает с памятью.
No. 21751    
>>21740
У меня такое наблюдалось в palemoon некоторое время назад, когда его было открыто на 5 окон и, соответственно, примерно 50-100 вкладок больше, чем сейчас.
Я подозреваю, что это какой-то конкретный сайт. Хотя сайты были, вроде бы, девелоперские и всё такое. Но кто конкретно из них при отсутствии активности начинал майнить (или что он там делал) я, увы, не отследил. Отказывалась отображаться с выключенным js примерно половина.
No. 21753    
>>21751
>на 5 окон и, соответственно, примерно 50-100 вкладок больше
(заглянув в историю сессий)
А, нет, вру. Было 15 окон и 580 вкладок. Сейчас 9 окон и 340 вкладок.
No. 21754    
>>21746
Подкрутила ещё пороги, буду смотреть, как дальше вести себя будет. Таким образом, сейчас в about:config

memory.free_dirty_pages = true;
memory.low_physical_memory_threshold_mb = 128;

>>21751
Я тоже сначала так полагала; более того, грешила на своё поделие, поскольку загрузка CPU в норме, без странных выбросов. Но нет. Если Лису растормошить, память высвобождается вся сразу, — это характерно для массированной деаллокации; GC бы тупил ещё какое-то время, к тому же сама сборка мусора «дедом Мазаем» — дело довольно затратное по CPU. Если при выжратой RAM установить в настройках memory.free_dirty_pages в true, память также высвобождается вся сразу. Такие дела. Походу, или в аллокаторе баг, или он забирает память впрок; ну или это сделано умышленно, чтоб разницы с новой Лисой была не так заметна.
No. 24034    
palemoon-memory1.png - (166.56KB, 1466×870)
24034
>>21754
…И я нашел виновника.

Как можно видеть из пикчи — это ICU, Unicode and globalization support library.
Скрин (about:memory) отражает ситуацию, когда несколько сотен вкладок бездействовали всю ночь.
После GC (каковой и случился в процессе выполнения measure, однако результат оного показал ситуацию до этого) занимаемая ICU память сбросилась с 8Gb до 3Mb. После еще часа бездействия — это было уже 30Mb.

И да, это palemoon. Имеется ли этот баг в последних версиях ванильной лисы — х/з. У луны, как наследницы всего старого кода — он, как можно видеть в наличии.

Если кто-нибудь возьмет на себя труд запилить официальный багрепорт — скажу ему большое спасибо. У меня самого руки до этого далеко не факт, что дойдут. По крайней мере — точно не в ближайшее время.
No. 25669    
Отключалка надоедливых CSS3-анимаций в Хроме.
https://dev.webonomic.nl/how-to-disable-css-transforms-transistions-and-animations
manifest.json

{
   "manifest_version" : 2,
   "name" : "Animation disabler",
   "description" : "Disables CSS animations on web pages.",
   "version" : "1.0",
   "content_scripts" : [
      {
         "matches" : [
            "http://*/*",
            "https://*/*"
         ],
         "css" : [
            "user.css"
         ],
         "run_at" : "document_start"
      }
   ]
}

user.css

*, :before, :after {
   /*CSS transitions*/
   -o-transition-property:       none !important;
   -moz-transition-property:     none !important;
   -ms-transition-property:      none !important;
   -webkit-transition-property:  none !important;
   transition-property:          none !important;

   /*CSS animations*/
   -o-animation:                 none !important;
   -moz-animation:               none !important;
   -ms-animation:                none !important;
   -webkit-animation:            none !important;
   animation:                    none !important;
}

No. 25721    
>>25669
Более вменяемая отключалка, так как на событиях от этих анимаций может висеть логика UI.

user.css

*, :before, :after {
   /*CSS transitions*/
   transition-delay:    0s !important; \n\
   transition-duration: 0s !important; \n\

   /*CSS animations*/
   animation-duration:        0s !important;
   animation-iteration-count: 1  !important;
}

No. 25722    
>xdg-mime query filetype animated.png
<image/png
>xdg-mime query filetype animated.webp
<image/webp
И как же это понимать?
No. 25725    
mill007.jpg - (216.34KB, 589×700)
25725
Три гадости, которые делают этот ваш Интернет недружелюбным и закрытым, и которые необходимо заблокировать:
— HTTP-заголовок ответа Content-Security-Policy;
— HTML-атрибут integrity;
— JS объект navigator.serviceWorker, конкретнее navigator.serviceWorker.register.
No. 25726    
>>25725
А расскажи пожалуйста поподробнее, в частности про serviceWorker
No. 25728    
>>25726
Content-Security-Policy позволяет серверу указать в ответе, что браузеру, который понимает этот заголовок, надо загружать и выполнять. HTML-атрибут integrity для тэга <link> содержит хэш-сумму загружаемого файла, будь это CSS или JS-скрипт. Вместе эта байда по сути просто не даёт тебе менять содержимое страницы, если ты что-то фильтруешь проксей, например, инжектишь в страницу свои скрипты и стили.

ServiceWorker — это JS-скрипт, который сайт устанавливает в поддерживающий их браузер, и который безпалевно работает в фоне, делая что-то непонятное: https://developers.google.com/web/fundamentals/primers/service-workers
Алсо
>Service worker is a programmable network proxy
Типично используется для обработки push-уведомлений, нетипично... ктож его знает.
No. 25729    
>>25728
Спасибо
Удалить сообщение []
Пароль  
[Mod]