Keep It Simple9 читателей тэги

Автор: Сольвейг

#bloghouse искать «bloghouse» по всему сайту с другими тэгами

Вставка с инстаграма

Нашла вот этот классный инструмент, позволяющий вставить фото из инсты в пост. Он немного кривоват, поэтому требует пошаговой инструкции.

Инструкция1. Вставьте ссылку на фото или видео из инстаграма в формате https://www.instagram.com/p/какие-то-символы/
Неправильно:
https://www.instagram.com/p/Bm-KMKzhfsp/?taken-by=best_hotelsandresorts
https://www.instagram.com/p/Bm-KMKzhfsp
Правильно:
https://www.instagram.com/p/Bm-KMKzhfsp/

2. Нажмите Enter, находясь в поле со ссылкой
3. Проверьте, что фотография загрузилась в окошке. Если нет, что-то сделали не так.
4. Выберите максимальную ширину вставки (640, 500, 400, 320 пикселей или свой вариант)
5. Скопируйте код внизу и вставьте в пост
6. Дополнительно. Чтобы добавить линию вокруг фото как на сайте, добавьте в код после iframe через пробел style="border: 1px solid #e6e6e6; border-radius: 3px;"

Должно выглядеть так:
<iframe style="border: 1px solid #e6e6e6; border-radius: 3px;" src="https://www.instagram.com/p/Bm-KMKzhfsp/embed" width="400" height="480" frameborder="0" scrolling="no" allowtransparency="true"></iframe>копировать


Результат:

Немного про новый рейтинг

Сразу к числам. Как считается рейтинг:

- Создание блога, 5 баллов.

- Редактирование настроек блога, 1 балл. То есть смена дизайна, настроек доступа, всё вот это при каждом изменении даёт один балл к рейтингу. UPD: Можно ничего не менять, достаточно тупо открыть настройки и сохранить, балл обеспечен.

- Написание поста или черновика, 7 баллов. Настройки приватности и количество символов не учитывается. Можно клепать закрытые посты, рейтинг будет расти. Посты в один символ, пару строчек или десяток тысяч символов "стоят" одинаково.

- Редактирование поста, 2 балла. Изменение настроек, в т.ч. сохранение в черновики и обратно, перенос поста в другой блог, считается за редактирование и прибавляет два балла.

- Написание комментария, 2 балла.

- Редактирование комментария, 0 баллов. Ничего не даёт, в отличии от редактирования поста.

Лайки, сохранёнки, количество подписчиков, количество чужих комментариев, упоминания и всё такое на рейтинге не отражается.

Если удалить блоги, посты и комментарии, за которые был начислен рейтинг, баллы не снимаются.

10 вещей, которые бесят в БХ

1. Нет предпросмотра. К счастью, его легко заменяют черновики, но процедура добавления туда не так проста. Судите сами: нужно раскрыть "Дополнительные параметры", найти из семи (!) никак не сгруппированных галочек "Черновик", и только потом нажать кнопку "Сохранить". Хотя кнопка "В черновик" по соседству с "Опубликовать" сильно упростила бы жизнь. Только не надо их делать визуально равнозначными, как в первом варианте этого примера.

2. Пляшущие абзацы. Вы когда-нибудь замечали в постах разные отступы между абзацами? Иногда они прямо липнут друг к другу и приходится вставлять пустую строку, а иногда, наоборот, расстояние между ними чересчур большое. И вот в чём дело: оказывается, если использовать двойной тег "море", абзацы _не_ будут обёрнуты в стандартный тег <p></p>, как это происходит с абзацами в других постах, то есть никакого интервала между абзацами не будет. В итоге, один и тот же текст может выглядеть по-разному, в зависимости от того, используется ли в тексте двойное море.

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

4. Нет блока для HTML кода. Если написать его в теге <code>, браузер всё равно будет пытаться его отобразить и сломает всю вёрстку блога, а то и ленты. Чтобы написать предыдущее предложение, мне пришлось искать конвертер для символов < и > в спецсимволы &lt; и &gt;, чтобы код только выглядел как тег, но не был им. Но даже после таких костылей, стоит мне сохранить пост, а потом снова редактировать, моих спецсимволов нет и в помине, и символы нужно менять заново. То же самое касается экранирования символов в форме редактирования дизайна. Чтобы поменять иконку, элементу нужно скормить код нового символа, который начинается с обратного слэша. Но этот символ системный и чтобы он отобразился, нужно поставить дополнительный обратный слэш перед ним. Но после сохранения, стоит снова зайти в настройки дизайна, как второй слэш исчезает и его надо ставить снова.

5. Неэффективные уведомления. Про них не писал только ленивый, напишу и я. Хотелось бы видеть уведомление о новых комментариях в подписанных дискуссиях, то есть цифру или хотя бы яркую точку около соответствующей иконки в верхнем меню. Ну хоть какую-то функцию, что говорила бы: "тут пока не произошло ничего интересного, но мы тебе обязательно маякнём, когда что-нибудь появится в этой вкладке с комментариями, не надо тратить своё время и обновлять её просто так".

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

7. Упоминание прилетает при каждом редактировании поста с упоминанием. Я видела этот пост. В нём ничего важного не поменялось. Не нужно меня уведомлять каждый раз, что автор его отредактировал. Автор сделает это сам в комментариях, если захочет. И это будет один раз, а не десяток.

8. Коллекции. Иногда фичи не взлетают, нужно уметь это признавать. Коллекции используют очень редко, ещё реже используют по назначению. И может сама идея публичного цитатника хороша, реализация мало кому пришлась по душе. Может стоит сделать работу над ошибками, разобрать проблему и создать коллекции 2.0. Или сделать просто публичный цитатник, где никто не будет зависеть от предустановленных категорий и галочки "позволить добавлять".

9. Вёрстка сайта. Эта проблема ощущается, когда начинаешь пилить css дизайн. Не тот дизайн, где просто меняется цвет фона и шрифт, а глобальнее. Так, например, блок с названием блога на странице блога свёрстан через h1, а на странице с постом - через div.heading. Кроме того, на странице с постом всё ещё присутствует тег h1, но это уже не название блога, а название поста. Чтобы вы поняли всю боль: я пишу стиль для названия блога и для ссылок на теги, подписчиков и черновики, но если я перейду на пост с комментариями, то эти стили применяются к названию поста. Я могу уточнить селектор и применять стиль только для тега h1 и классов corvette и hideable, но оба эти класса не указывают на то, что это блок с заголовком. Вот класс heading явно прописывает, что это заголовок. Класс hideable отвечает за блоки-выпадашки. А вот за что отвечает класс corvette для меня до сих пор загадка, но на него приходится опираться в таких зыбких вопросах. И это не единственный пример, их много. Мне действительно нравилось пилить дизайны, я на свой убила достаточно времени и у меня висит ещё два незаконченных. Но мне приходится тратить слишком много усилий, чтобы найти селект, который работал бы только на нужные мне элементы, да ещё и переписать исходные стили, чтобы те не срабатывали вообще. В общем, боль.

10. Дизайн сайта. Его проблема не только в том, что он непривлекателен. Дизайн - это удобство и система. Нельзя вываливать всю информацию целиком, как это сейчас происходит на главной странице или на вкладках с настройками или на страницах с дискуссиями. Должен быть акцент. Две колонки я считаю неудачным решением, мы все привыкли считывать информацию слева направо и только потом вниз. Никто не просматривает один столбец, чтобы потом вернуться в начало страницы и просмотреть второй. Сейчас сайт очень сильно принуждает всматриваться, выискивать нужные детали. Вот сейчас я буду опубликовывать пост, править все слетевшие <>, просматривать дополнительные параметры, вчитываться в семь галочек, снимать ту, которая "Черновик", и надеяться, что я ничего не пропустила.

* * *

В противоположность совету "как скопировать чей-то дизайн блога", вот пара заметок, как этого избежать:

 

1. Минифицируйте свой CSS. Минификация убирает в коде то, что помогает человеку разобраться в написанном, но оставляет то, что нужно браузеру для отображения стилей. Она убирает пробелы, комментарии и сокращает всё до одной практически нечитаемой строки. Попробовать можно здесь.

2. Оставляйте комментарии в начале. В комментариях можно указать автора, а так же разрешения или запреты к копированию и распространению кода. Это не лицензия и не копирайт, скорее, пожелания к тому неизвестному, который забредёт на вашу страницу.

3. Смиритесь с тем, что html, css и javasсriрt в том или ином виде доступны на любом сайте, и абсолютно любой может изучить и скопипастить исходники с помощью инстументов разработчика. Просто вы этого не знали

 

Ну, и личное мнение. Открытый код помогает дизайнерам и разработчикам совершенствоваться, находить новые решения у других и реализовывать на их основе свои собственные. Увы, открытость не защищает от копирования. И даже если кто-то такой говнюк и "своровал" мой дизайн, ну, надеюсь, он ему очень нравится и так же удобен, как и мне :D

 

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

 

Такие дела.


Лучшее   Правила сайта   Вход   Регистрация   Восстановление пароля

Материалы сайта предназначены для лиц старше 16 лет (16+)