Рекомендованные сообщения

Чтобы не было тормозов прятать в спойлер ну или делать просто ссылку на сайт с примером

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Ссылку на пример давать не интересно, это как-то не технологично.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Примеров может быть много и часть из них теоретически могут неплохо грузить систему тем более если взять все вместе скопом загружающиеся.

 

Думаю, что как вариант, неплохо сделать ссылку с аяксом - нажали - у нас подгрузился пример

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Это всё, конечно, здорово, но в реальности эта штука отнимет много времени на разработку и ещё неизвестно, насколько она полезна и востребована будет.

Codepen или что другое можно прикрутить к справочникам. В них не больше двух примеров бывает. А если больше, то можно и до двух сократить, не страшно. В итоге тормозов быть не должно, 1-2 примера должен потянуть, как мне кажется, сайт. Плюс посетитель сможет воочию посмотреть что делает то или иное свойство или тег.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

В Firfox под Ubuntu, стандарная тема:

 

Текущая икона

         ↓

 

icons.png

 

        

Модифицированая иконка

 

 

 


Здесь места полно, а только одно колонка, сделайте несколько:

2015_01_19_20_25_38.png

 

 

 

http://jsfiddle.net/h3ptgrrm/embedded/html,css,js,result/

Такой вариант для фрейма наилучший, причём первым в списке (html,css,js,result) должен идти тот язык, по которому справочник, а js можно опускать, если его нет.

Изменено пользователем afdw

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Codepen или что другое можно прикрутить к справочникам.

 Вдруг подумалось, а если в один прекрасный день он станет полностью платным или перестанет развиваться, потом придется всё переделывать?

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Здесь места полно, а только одно колонка, сделайте несколько:

Что-то не всё ладно с Firefox, поставлю и протестирую ещё раз.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Вдруг подумалось, а если в один прекрасный день он станет полностью платным или перестанет развиваться, потом придется всё переделывать?

Ну, как бы не впервой всё переделывать. Хуже всего с HTML, в нём несколько сотен страниц.

Здесь места полно, а только одно колонка, сделайте несколько:

Сделал. Если ещё что в Firefox заметите, дайте знать. Только сразу отметьте в каком браузере смотрели.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
a {    outline: none;}

Так выглядит лучше, нет этого:

XCuYsPL.png

 

                                                                                                                                                                                                                                                                                                                                                        

 

 

LvmiOXj.png?1

Это в справочнике.

Изменено пользователем afdw

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Понял, подправлю. А что за браузер? В Хроме, лисе и осле такого нет.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Ну, как бы не впервой всё переделывать. Хуже всего с HTML, в нём несколько сотен страниц.

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Понял, подправлю. А что за браузер? В Хроме, лисе и осле такого нет.

Браузер - Лиса. Дело в том, что в Лисе под убунту убунтовская тема. В других местах это выглядит нормольно, а здесь - плохо. Кстати, этому меню не хватает hover-эффкта.

                                                                                                                                                                                                                                                                                                                                                          

 

WebReference - это не HTMLBook. На HTMLBook, судя по названию, - книги по вёрстке. А WebReference - это совсем другое дело. Очень большую роль в веб разработке сейчас играет JavaScript. Поэтому на WebReference обязательна по нему документация и учебник.

                                                                                                                                                                                                                                                                                                                                                          

 

Какой сейчас формат документации? Неплохо было бы разработать свой, сохраняемый в текстовых файлах, а разметка - MarkDown, самая популярная сейчас для таких статей, или Wiki. До этого идут в JSON или YAML данные о свойстве/элементе/значении/функции/etc: поддержка браузерами, ссылка на документацию, ссылка на Can I Use, смежные свойства, и т.д. Структура каталогов совпадает со структурой в URL данной страницы. В разметку дополните какое-нибудь обозначение для примера.

Изменено пользователем afdw

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Исправил недочёты, посмотрите как сейчас под Убунту смотрится.

Вы правы, JS нужен обязательно. Другое дело, что мне писать про него сейчас желания нет. Если что и буду, то про Angular или что-то подобное, косвенно связанное с JS. Его к тому же можно прикрутить к мобильным технологиям.

В планах у меня пока вёрстка стоит, хочу дописать что давно уже хотел. Пока, в общем, это получается такой клон htmlbook, конечно, но со временем, думаю, различия будут более заметны.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Если что и буду, то про Angular или что-то подобное

про текущий ангуляр я бы не советовал писать, т.к. во второй половине года обещают версию 2.0, кот. будет абсолютно другая и написанная на es6/atScript

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Какое отношение лампочка стрелочка, указазывающая на чёрный прямоугольник имеет к псевдоклассам и псевдоэлементам? Я прдлаюзаменить из на ":" и "::".

Если что, я про http://webref.ru/css , CSS по категориям.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

про текущий ангуляр я бы не советовал писать, т.к. во второй половине года обещают версию 2.0, кот. будет абсолютно другая и написанная на es6/atScript

Ну, вот, а я с таким интересом начал изучать уже. Может тогда за что другое посоветуешь взяться?

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Vlad

 

А что вы хотите про вёрстку еще написать? Я учился по вашей замечательной книге, которая была в pdf. Спасибо большое за нее. Всё, что нужно, там есть. Отличная вещь для начинающих. Всё, конечно, есть на сайте, но книга как-то дает более собранный вариант. 

 

Мне кажется, что на сайте уже всё есть. Набор рецептов есть, типовые задачи тоже есть. Всё остальное можно узнать только с практикой. Был бы конечно рад, если бы планировался справочник или учебник по jQuery. В русскоязычном сегменте все справочники что-то слабоваты совсем. По JS есть уже отличный сайт, мне кажется. 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Напишите про PhoneGap.

Во, прямо мои мысли читаешь! Правда, не хочу всё это связывать с Eclipse и подробно разжёвывать как и чего подключать.

А что вы хотите про вёрстку еще написать? Я учился по вашей замечательной книге, которая была в pdf. Спасибо большое за нее. Всё, что нужно, там есть. Отличная вещь для начинающих. Всё, конечно, есть на сайте, но книга как-то дает более собранный вариант. 

 

Мне кажется, что на сайте уже всё есть. Набор рецептов есть, типовые задачи тоже есть. Всё остальное можно узнать только с практикой. Был бы конечно рад, если бы планировался справочник или учебник по jQuery. В русскоязычном сегменте все справочники что-то слабоваты совсем. По JS есть уже отличный сайт, мне кажется.

Про HTML5 и CSS3 мало информации, про современные фреймворки вообще ничего не написано.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Во, прямо мои мысли читаешь! Правда, не хочу всё это связывать с Eclipse и подробно разжёвывать как и чего подключать.

Зачем Eclipse? Она нужна только для своих биндингов, и только для Android (в то врямя как одно из главных приемуществ PhoneGap - общее API для всех мобильных платформ). Чтобы создать приложение и скомпилировать его под Android нужны только Node.js и Android SDK. Вообще Google перешёл на Android Studio (на IDEA'и), она гораздо удобнее. Кстати, а что с Node.js?

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Ну, вот, а я с таким интересом начал изучать уже. Может тогда за что другое посоветуешь взяться?

Самое значимое событие этого года в области веб-разработки - принятие шестого стандарта ecmascript (es6). Об этом я говорил на первой странице. Для полноценного справочника, наверно, еще рано и, скорее всего он будет на http://javascript.ru/ , но что-то на эту тему написать можно.

 

Напишите про PhoneGap

возможно, хотя...

 

Был бы конечно рад, если бы планировался справочник или учебник по jQuery

уже есть на других ресурсах

 

Во, прямо мои мысли читаешь! Правда, не хочу всё это связывать с Eclipse и подробно разжёвывать как и чего подключать.

Эклипс не обязателен. Можешь тут почитать. Даже SDK не всегда требуется.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

The Beginner JavaScript Programming Course


  • Спрашивают сейчас

  • Пишут сейчас

    • Дорогие Друзья! Рад вам сообщить о выходе новой версии движка Flextype и обновленном плагине Admin (Flextype 0.7.3 + Admin 0.3.0) 🚀 Это серьезное обновление для Flextype! Множество новых возможностей и фиксов улучшающие стабильность и производительность системы!  За эти 19 дней было потрачено более 100 часов на разработку и тестирование, запушено более 300 коммитов в репозитории проекта 👽 Изменения в Flextype 0.7.3: 
      - Flextype Компонент I18n обновлен до 1.2.0
      - Flextype Компонент Filesystem обновлен до 1.1.3
      - Symfony YAML Компонент обновлен до 4.2.1
      - Настройки теперь хранятся в одном settings.yaml файле
      - Content: добавлена возможность создавать скрытые страницы. Изменения в Admin 0.3.0:
      - Новая красивая админка в темном стиле! 
      (светлая тема будет в след. релизах)
      - Information: Страница информации отображает версию ядра и версию плагина админки
      - Users: теперь будут создаваться более безопасные пароли используя php функции password_hash и password_verify
      - Files manager: заменен на новый Media manager.
      - Pages Manager: улучшен функционал клонирования страниц. Теперь клонируется вся папка со страницей.
      - Pages Manager: исправлена бага с переименованием страниц #26 
      - Pages Manager: поле ссылки удалено из таблицы с страницами
      - Pages Manager: в быстрые экшена добавлена возможность просмотра страниц, ссылка открывает страницу в новом окне браузера.
      - Pages Manager: улучшено отображение вложенных страниц! теперь более наглядно отображаются вложенные страницы.
      - Pages Manager: исправлена бага с ссылкой на страницу по умолчанию, которая далее ломала логику работы с клонированными странницами.
      - Pages Manager: исправлена бага с пустым полем template
      - Pages Manager: добавлена возможность выбирать тему страниц при ее создании.
      - Pages Manager: много улучшений и исправлений в функционале по работе с страницами.
      - Pages Manager: Новый редактор страниц, редактор схемы (индивидуальные поля), редактор шаблона, редактор исходника страницы!
      - Plugins Manager: для плагина админки выключатель отключен, но отображается.
      - General: используется новые I18n 1.2.0 компонент.
      - General: используется новые Filesystem 1.1.3 компонент.
      - General: добавлена библиотека Gajus Dindent HTML для форматирование HTML кода, это позволяет сохранять красивый HTML после редактора!
      - General: добавлен Assets Manager для Javascript 
      - General: добавлен Animate.css для анимаций.
      - General: Fontawesome обновлен до 5.6.0 
      - General: Twitter Bootstrap обновлен до 4.1.3
      - General: Codemirror добавлен для лучшей работы с кодом.
      - General: es6-promise обновлен до 4.2.5
      - General: popper.js обновлен до 1.14.6
      - General: gulp-autoprefixer обновлен до 6.0.0
      - General: добавлена система отображения оповещений #41 
      - General: добавлена валидация форм jquery.form-validator.js
      - General: добавлено форматирование YAML файлов при их сохранении.
      - General: много общих улучшений архитектуры и скорости!
      - General: обновленная и улучшенная навигация!
      - Translates: много исправлений и улучшений в переводах. 
      Спасибо: Hmelex, AndiLeni, diomed Скачать Flextype 0.7.3
      https://github.com/flextype/flextype/releases/download/v0.7.3/flextype-0.7.3.zip Скачать Flextype 0.7.3 + Admin 0.3.0
      https://github.com/flextype/flextype/releases/download/v0.7.3/flextype-0.7.3-admin-0.3.0.zip Если у вас есть предложения по улучшению Админки и Ядра системы, пишите в комментариях и на официальном DISCORD сервере: https://discord.gg/tjEHXWD  
    • Большое спасибо за помощь, добавил с помощью теней по бокам  белые отступы и все получилось как в примере.
  • Лучшие авторы

  • Текущие цели пожертвований