create account

streems



advanced mode

Про обложку by bezborodkin

View this thread on golos.io
View on official site
@bezborodkin ·
$2.49
Про обложку

Вчера благодаря @b1acksun в «Настройках» появилась возможность добавить обложку на свой блог. За что ему и команде Голоса большое спасибо! 

Я не чужд веб-разработкам, поэтому сразу же попробовал протестировать новую возможность. Поскольку знаю, что задача реализовать обложку таким образом, чтобы она адекватно отображалась на всех существующих мониторах, включая мобильные устройства с логической шириной экрана 320 px, не так тривиальна, как может показаться на первый взгляд.

На моём мониторе (1920х1080) картинка рекомендуемых разработчиком размеров — 2048х512 px— повела себя следующим образом: 

- она пропорционально ужалась до 1903х476px, 

- она обрезалась сверху и снизу на 164px.

В результате размер финальной показанной мне картинки был 1903х149 px. По ширине она показалась фактически вся (хоть и ужатой), а вот примерно по трети сверху и снизу оказались обрезанными. 

Это нормальный алгоритм обрезания (не побоюсь этого слова). Но хочется внести предложение где-то более детально описать для пользователей, как это всё происходит.  

Например, на Ютубе всё происходит приблизительно так же. И у них есть вот такая замечательная инструкция: 

Пруфлинк  (чтобы увидеть картинку, которую я запостил, надо кликнуть «Параметры изображения»). 

Ещё раз спасибо разработчикам за то, что делают нашу жизнь лучше! :) 



👍  , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,
json_metadata{"tags":["golosio","ru--obratnaya-svyazx","ru--interfeijs","ru--golos","ui"],"users":["b1acksun"],"image":["http://www.s239.ru/golos/20170913-youtube.png"],"links":["https://golos.io/ui/@golosio/interfeis-golos-io-or-dobavlena-vozmozhnost-ustanovit-oblozhku-dlya-profilya","https://support.google.com/youtube/answer/2972003"],"app":"golos.io/0.1","format":"html"}
created2017-09-13 17:14:18
active2017-09-14 13:14:54
last_payout2017-09-14 18:04:33
depth0
children12
children_rshares2231,068,562,451,419,494,659,044
net_rshares56,956,140,138
vote_rshares56,956,140,138
children_abs_rshares56,956,140,138
cashout_time2017-10-14 18:04:33
max_cashout_time2017-09-29 07:53:12
total_vote_weight0
reward_weight10,000
total_payout_value2.050 GBG
curator_payout_value0.413 GBG
author_rewards744
net_votes30
root_comment1,689,813
modesecond_payout
max_accepted_payout1,000,000.000 GBG
percent_steem_dollars10,000
allow_repliestrue
allow_votestrue
allow_curation_rewardstrue
root_title"Про обложку"
total_pending_payout_value0.031 GBG
author_reputation4,341,036,445,678
promoted0.000 GBG
body_length0
reblogged_by[]
author_curate_reward""
vote details (30)

vote your-acct "bezborodkin" "pro-oblozhku" 100 true
post_comment your-acct "re-bezborodkin-pro-oblozhku-20170924t032805040z" "bezborodkin" "pro-oblozhku" "" "your reply.." "{}" true

View on official site
@golosboard ·

@bezborodkin Поздравляю! Вы добились некоторого прогресса на Голосе и были награждены следующими новыми бейджами:

Награда за количество голосов

Вы можете нажать на любой бейдж, чтобы увидеть свою страницу на Доске Почета.
Чтобы увидеть больше информации о Доске Почета, нажмите здесь

Если вы больше не хотите получать уведомления, ответьте на этот комментарий словом стоп

Голосуя за это уведомление, вы помогаете всем пользователям Голоса. Узнайте, как здесь.

json_metadata{"image":["http://i.imgsafe.org/13373383d1.jpg"]}
created2017-09-13 17:45:36
active2017-09-13 17:45:36
last_payout2017-09-14 18:04:33
depth1
children0
children_rshares20
net_rshares0
vote_rshares0
children_abs_rshares0
cashout_time2017-10-14 18:04:33
max_cashout_time1969-12-31 23:59:59
total_vote_weight0
reward_weight10,000
total_payout_value0.000 GBG
curator_payout_value0.000 GBG
author_rewards0
net_votes0
root_comment1,689,813
modesecond_payout
max_accepted_payout1,000,000.000 GBG
percent_steem_dollars10,000
allow_repliestrue
allow_votestrue
allow_curation_rewardstrue
root_title"Про обложку"
total_pending_payout_value0.000 GBG
author_reputation67,061,053,996,253
promoted0.000 GBG
body_length0
reblogged_by[]

vote your-acct "golosboard" "golosboard-notify-bezborodkin-20170913t174536000z" 100 true
post_comment your-acct "re-golosboard-golosboard-notify-bezborodkin-20170924t032805049z" "golosboard" "golosboard-notify-bezborodkin-20170913t174536000z" "" "your reply.." "{}" true

View on official site
@merrymary ·

Здравствуйте! Спасибо, передам пожелание разработчикам)
Команда Голоса

json_metadata{"tags":["golosio"],"app":"golos.io/0.1"}
created2017-09-13 18:12:54
active2017-09-13 19:15:12
last_payout2017-09-14 18:04:33
depth1
children1
children_rshares20
net_rshares0
vote_rshares0
children_abs_rshares0
cashout_time2017-10-14 18:04:33
max_cashout_time1969-12-31 23:59:59
total_vote_weight0
reward_weight10,000
total_payout_value0.000 GBG
curator_payout_value0.000 GBG
author_rewards0
net_votes0
root_comment1,689,813
modesecond_payout
max_accepted_payout1,000,000.000 GBG
percent_steem_dollars10,000
allow_repliestrue
allow_votestrue
allow_curation_rewardstrue
root_title"Про обложку"
total_pending_payout_value0.000 GBG
author_reputation2,473,111,358,165
promoted0.000 GBG
body_length0
reblogged_by[]

vote your-acct "merrymary" "re-bezborodkin-pro-oblozhku-20170913t181252893z" 100 true
post_comment your-acct "re-merrymary-re-bezborodkin-pro-oblozhku-20170924t032805055z" "merrymary" "re-bezborodkin-pro-oblozhku-20170913t181252893z" "" "your reply.." "{}" true

View on official site
@bezborodkin ·

Спасибо! :)

json_metadata{"tags":["golosio"],"app":"golos.io/0.1"}
created2017-09-13 19:15:12
active2017-09-13 19:15:12
last_payout2017-09-14 18:04:33
depth2
children0
children_rshares20
net_rshares0
vote_rshares0
children_abs_rshares0
cashout_time2017-10-14 18:04:33
max_cashout_time1969-12-31 23:59:59
total_vote_weight0
reward_weight10,000
total_payout_value0.000 GBG
curator_payout_value0.000 GBG
author_rewards0
net_votes0
root_comment1,689,813
modesecond_payout
max_accepted_payout1,000,000.000 GBG
percent_steem_dollars10,000
allow_repliestrue
allow_votestrue
allow_curation_rewardstrue
root_title"Про обложку"
total_pending_payout_value0.000 GBG
author_reputation4,341,036,445,678
promoted0.000 GBG
body_length0
reblogged_by[]

vote your-acct "bezborodkin" "re-merrymary-re-bezborodkin-pro-oblozhku-20170913t191513399z" 100 true
post_comment your-acct "re-bezborodkin-re-merrymary-re-bezborodkin-pro-oblozhku-20170924t032805060z" "bezborodkin" "re-merrymary-re-bezborodkin-pro-oblozhku-20170913t191513399z" "" "your reply.." "{}" true

View on official site
@shenanigan · (edited)

Ух ты, а я тоже отзыв ваял-ваял сегодня, но позже опубликовал
(только что)

Отзыв по поводу возможности установить обложку для профиля.

Только я опираюсь на свойство - прецедент по морде сайта;
там тоже есть обложка, которую подробно разобрал @rezonator
**[Лицо проекта. Главная страница Голоса](https://golos.io/ru--golos/@rezonator/lico-proekta-glavnaya-stranica-golosa)**
И решение по кроссбраузерности там несколько иное: застилать.

👍  
json_metadata{"tags":["golosio"],"users":["rezonator"],"links":["https://golos.io/ru--obratnaya/@shenanigan/otzyv-po-povodu-vozmozhnosti-ustanovit-oblozhku-dlya-profilya","https://golos.io/ru--golos/@rezonator/lico-proekta-glavnaya-stranica-golosa"],"app":"golos.io/0.1"}
last_update2017-09-13 18:44:18
created2017-09-13 18:39:57
active2017-09-13 19:29:51
last_payout2017-09-14 18:04:33
depth1
children1
children_rshares20
net_rshares0
vote_rshares0
children_abs_rshares0
cashout_time2017-10-14 18:04:33
max_cashout_time1969-12-31 23:59:59
total_vote_weight0
reward_weight10,000
total_payout_value0.000 GBG
curator_payout_value0.000 GBG
author_rewards0
net_votes1
root_comment1,689,813
modesecond_payout
max_accepted_payout1,000,000.000 GBG
percent_steem_dollars10,000
allow_repliestrue
allow_votestrue
allow_curation_rewardstrue
root_title"Про обложку"
total_pending_payout_value0.000 GBG
author_reputation20,450,396,338,596
promoted0.000 GBG
body_length0
reblogged_by[]
author_curate_reward""
vote details (1)

vote your-acct "shenanigan" "re-bezborodkin-pro-oblozhku-20170913t183954775z" 100 true
post_comment your-acct "re-shenanigan-re-bezborodkin-pro-oblozhku-20170924t032805068z" "shenanigan" "re-bezborodkin-pro-oblozhku-20170913t183954775z" "" "your reply.." "{}" true

View on official site
@bezborodkin ·

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

👍  
json_metadata{"tags":["golosio"],"app":"golos.io/0.1"}
created2017-09-13 19:29:51
active2017-09-13 19:29:51
last_payout2017-09-14 18:04:33
depth2
children0
children_rshares20
net_rshares0
vote_rshares0
children_abs_rshares0
cashout_time2017-10-14 18:04:33
max_cashout_time1969-12-31 23:59:59
total_vote_weight0
reward_weight10,000
total_payout_value0.000 GBG
curator_payout_value0.000 GBG
author_rewards0
net_votes1
root_comment1,689,813
modesecond_payout
max_accepted_payout1,000,000.000 GBG
percent_steem_dollars10,000
allow_repliestrue
allow_votestrue
allow_curation_rewardstrue
root_title"Про обложку"
total_pending_payout_value0.000 GBG
author_reputation4,341,036,445,678
promoted0.000 GBG
body_length0
reblogged_by[]
author_curate_reward""
vote details (1)

vote your-acct "bezborodkin" "re-shenanigan-re-bezborodkin-pro-oblozhku-20170913t192951573z" 100 true
post_comment your-acct "re-bezborodkin-re-shenanigan-re-bezborodkin-pro-oblozhku-20170924t032805074z" "bezborodkin" "re-shenanigan-re-bezborodkin-pro-oblozhku-20170913t192951573z" "" "your reply.." "{}" true

View on official site
@rezonator ·

на стимите вроде как выяснили что 2000 на 300 надо, у меня стоит такой размер, вроде норм.
хотя с высотой мне кажется все-же нюанс, не 300 все-таки надо) но во всяком случае не 500 точно.

👍  
json_metadata{"tags":["golosio"],"app":"golos.io/0.1"}
created2017-09-13 18:52:57
active2017-09-13 19:51:33
last_payout2017-09-14 18:04:33
depth1
children2
children_rshares20
net_rshares0
vote_rshares0
children_abs_rshares0
cashout_time2017-10-14 18:04:33
max_cashout_time1969-12-31 23:59:59
total_vote_weight0
reward_weight10,000
total_payout_value0.000 GBG
curator_payout_value0.000 GBG
author_rewards0
net_votes1
root_comment1,689,813
modesecond_payout
max_accepted_payout1,000,000.000 GBG
percent_steem_dollars10,000
allow_repliestrue
allow_votestrue
allow_curation_rewardstrue
root_title"Про обложку"
total_pending_payout_value0.000 GBG
author_reputation2,629,641,473,351
promoted0.000 GBG
body_length0
reblogged_by[]
author_curate_reward""
vote details (1)

vote your-acct "rezonator" "re-bezborodkin-pro-oblozhku-20170913t185300119z" 100 true
post_comment your-acct "re-rezonator-re-bezborodkin-pro-oblozhku-20170924t032805081z" "rezonator" "re-bezborodkin-pro-oblozhku-20170913t185300119z" "" "your reply.." "{}" true

View on official site
@bezborodkin ·

Да, 500 чето явно многовато.
Ну то есть можно и на 500 грузить картинку, но надо понимать, что в большинстве браузеров верх и низ у неё при этом обрежутся.

json_metadata{"tags":["golosio"],"app":"golos.io/0.1"}
created2017-09-13 19:31:48
active2017-09-13 19:51:33
last_payout2017-09-14 18:04:33
depth2
children1
children_rshares20
net_rshares0
vote_rshares0
children_abs_rshares0
cashout_time2017-10-14 18:04:33
max_cashout_time1969-12-31 23:59:59
total_vote_weight0
reward_weight10,000
total_payout_value0.000 GBG
curator_payout_value0.000 GBG
author_rewards0
net_votes0
root_comment1,689,813
modesecond_payout
max_accepted_payout1,000,000.000 GBG
percent_steem_dollars10,000
allow_repliestrue
allow_votestrue
allow_curation_rewardstrue
root_title"Про обложку"
total_pending_payout_value0.000 GBG
author_reputation4,341,036,445,678
promoted0.000 GBG
body_length0
reblogged_by[]

vote your-acct "bezborodkin" "re-rezonator-re-bezborodkin-pro-oblozhku-20170913t193149963z" 100 true
post_comment your-acct "re-bezborodkin-re-rezonator-re-bezborodkin-pro-oblozhku-20170924t032805087z" "bezborodkin" "re-rezonator-re-bezborodkin-pro-oblozhku-20170913t193149963z" "" "your reply.." "{}" true

View on official site
@rezonator ·

почему разрабы об этом не предупредили - большой вопрос))

json_metadata{"tags":["golosio"],"app":"golos.io/0.1"}
created2017-09-13 19:51:33
active2017-09-13 19:51:33
last_payout2017-09-14 18:04:33
depth3
children0
children_rshares20
net_rshares0
vote_rshares0
children_abs_rshares0
cashout_time2017-10-14 18:04:33
max_cashout_time1969-12-31 23:59:59
total_vote_weight0
reward_weight10,000
total_payout_value0.000 GBG
curator_payout_value0.000 GBG
author_rewards0
net_votes0
root_comment1,689,813
modesecond_payout
max_accepted_payout1,000,000.000 GBG
percent_steem_dollars10,000
allow_repliestrue
allow_votestrue
allow_curation_rewardstrue
root_title"Про обложку"
total_pending_payout_value0.000 GBG
author_reputation2,629,641,473,351
promoted0.000 GBG
body_length0
reblogged_by[]

vote your-acct "rezonator" "re-bezborodkin-re-rezonator-re-bezborodkin-pro-oblozhku-20170913t195137875z" 100 true
post_comment your-acct "re-rezonator-re-bezborodkin-re-rezonator-re-bezborodkin-pro-oblozhku-20170924t032805096z" "rezonator" "re-bezborodkin-re-rezonator-re-bezborodkin-pro-oblozhku-20170913t195137875z" "" "your reply.." "{}" true

View on official site
@bezborodkin ·

@gemini up!

json_metadata{"tags":["golosio"],"users":["gemini"],"app":"golos.io/0.1"}
created2017-09-13 19:33:21
active2017-09-13 19:38:54
last_payout2017-09-14 18:04:33
depth1
children2
children_rshares20
net_rshares0
vote_rshares0
children_abs_rshares0
cashout_time2017-10-14 18:04:33
max_cashout_time1969-12-31 23:59:59
total_vote_weight0
reward_weight10,000
total_payout_value0.000 GBG
curator_payout_value0.000 GBG
author_rewards0
net_votes0
root_comment1,689,813
modesecond_payout
max_accepted_payout1,000,000.000 GBG
percent_steem_dollars10,000
allow_repliestrue
allow_votestrue
allow_curation_rewardstrue
root_title"Про обложку"
total_pending_payout_value0.000 GBG
author_reputation4,341,036,445,678
promoted0.000 GBG
body_length0
reblogged_by[]

vote your-acct "bezborodkin" "re-bezborodkin-pro-oblozhku-20170913t193318841z" 100 true
post_comment your-acct "re-bezborodkin-re-bezborodkin-pro-oblozhku-20170924t032805099z" "bezborodkin" "re-bezborodkin-pro-oblozhku-20170913t193318841z" "" "your reply.." "{}" true

View on official site
@upper ·

Поддержал я, @bezborodkin ваш пост!

Про обложку
json_metadata{"tags":["golosio"],"users":["gemini"],"app":"golos.io/0.1"}
created2017-09-13 19:34:09
active2017-09-13 19:34:09
last_payout2017-09-14 18:04:33
depth2
children0
children_rshares20
net_rshares0
vote_rshares0
children_abs_rshares0
cashout_time2017-10-14 18:04:33
max_cashout_time1969-12-31 23:59:59
total_vote_weight0
reward_weight10,000
total_payout_value0.000 GBG
curator_payout_value0.000 GBG
author_rewards0
net_votes0
root_comment1,689,813
modesecond_payout
max_accepted_payout1,000,000.000 GBG
percent_steem_dollars10,000
allow_repliestrue
allow_votestrue
allow_curation_rewardstrue
root_title"Про обложку"
total_pending_payout_value0.000 GBG
author_reputation2,229,318,523,807
promoted0.000 GBG
body_length0
reblogged_by[]

vote your-acct "upper" "re-bezborodkin-re-bezborodkin-pro-oblozhku-20170913t193318841z" 100 true
post_comment your-acct "re-upper-re-bezborodkin-re-bezborodkin-pro-oblozhku-20170924t032805104z" "upper" "re-bezborodkin-re-bezborodkin-pro-oblozhku-20170913t193318841z" "" "your reply.." "{}" true

View on official site
@gemini ·

Ок, @bezborodkin!

Я и @btc-e, проголосовали за пост: Про обложку

json_metadata{"tags":["golosio"],"users":["gemini"],"app":"golos.io/0.1"}
created2017-09-13 19:38:54
active2017-09-13 19:38:54
last_payout2017-09-14 18:04:33
depth2
children0
children_rshares20
net_rshares0
vote_rshares0
children_abs_rshares0
cashout_time2017-10-14 18:04:33
max_cashout_time1969-12-31 23:59:59
total_vote_weight0
reward_weight10,000
total_payout_value0.000 GBG
curator_payout_value0.000 GBG
author_rewards0
net_votes0
root_comment1,689,813
modesecond_payout
max_accepted_payout1,000,000.000 GBG
percent_steem_dollars10,000
allow_repliestrue
allow_votestrue
allow_curation_rewardstrue
root_title"Про обложку"
total_pending_payout_value0.000 GBG
author_reputation7,650,764,988,749
promoted0.000 GBG
body_length0
reblogged_by[]

vote your-acct "gemini" "re-bezborodkin-re-bezborodkin-pro-oblozhku-20170913t193318841z" 100 true
post_comment your-acct "re-gemini-re-bezborodkin-re-bezborodkin-pro-oblozhku-20170924t032805108z" "gemini" "re-bezborodkin-re-bezborodkin-pro-oblozhku-20170913t193318841z" "" "your reply.." "{}" true

View on official site
@dobryj.kit ·

Ваш пост поддержали следующие Инвесторы Сообщества Добрый кит:
xroni, vika-teplo, talia, upper, shenanigan
Поэтому я тоже проголосовал за него!
Узнать подробности о сообществе можно тут:
Разрешите представиться - Кит Добрый
Правила
Инструкция по внесению Инвестиционного взноса
Вы тоже можете стать Инвестором и поддержать проект!!!


Если Вы хотите отказаться от поддержки Доброго Кита, то ответьте на этот комментарий командой !нехочу
created2017-09-14 13:14:54
active2017-09-14 13:14:54
last_payout2017-09-14 18:04:33
depth1
children0
children_rshares20
net_rshares0
vote_rshares0
children_abs_rshares0
cashout_time2017-10-14 18:04:33
max_cashout_time1969-12-31 23:59:59
total_vote_weight0
reward_weight10,000
total_payout_value0.000 GBG
curator_payout_value0.000 GBG
author_rewards0
net_votes0
root_comment1,689,813
modesecond_payout
max_accepted_payout1,000,000.000 GBG
percent_steem_dollars10,000
allow_repliestrue
allow_votestrue
allow_curation_rewardstrue
root_title"Про обложку"
total_pending_payout_value0.000 GBG
author_reputation70,531,228,796,331
promoted0.000 GBG
body_length0
reblogged_by[]

vote your-acct "dobryj.kit" "re-dobryj-kit-pro-oblozhku20170914t090955292z" 100 true
post_comment your-acct "re-dobryj.kit-re-dobryj-kit-pro-oblozhku20170914t090955292z-20170924t032805114z" "dobryj.kit" "re-dobryj-kit-pro-oblozhku20170914t090955292z" "" "your reply.." "{}" true