Комментарии 81
То что вы сделали называется css framework, думаю вам по такому ключевику нужно позиционироваться.
Посмотрите, например, Bootstrap.
masterrr.name/ — 15 минут работы;
masterrr.name/ — 15 минут работы;
Да, кстати, bootstrap клёвая штука, делаю на нём админку и думаю заменить blueprintcss на этот фреймворк.
у bootstrap есть(или были) некоторые проблемы с jqueryUI
конкретнее можно?
насколько я помню проблема заключалась в стилях bootstrap которые конфликтовали со стилями jqueryUI — проявлялось например в виджете календаря.
Да и не только в календаре. Много там конфликтов в стилях возникало.
Эту проблему даже пытались исправить — там был скриншот, где все красиво, но по-моему PR так и не был запилен.
А уже есть специальная сборка jQuery UI, заточенная под Bootstrap addyosmani.github.com/jquery-ui-bootstrap/
есть еще jQuery UI Bootstrap
Советую также посмотреть на Zurb Foundation. Там есть большой плюс в сравнение с Bootstrap — поддержка из «коробки» мобильных платформ. То есть создавая html layout для десктопной версии сайта, сразу получаешь и мобильную.
При изменении ширины экрана всё едет.
Вы имеет ввиду динамическое изменение с помощью "css media queries" или баги?
Насколько я сейчас вижу — у html/body стоит min-width на примерно 800 пикселей (точно сказать не могу, лень) — так что о поддержке мобильных девайсов можно забыть.
Минимальной ширины там нет. Комментарием выше правильную вещь сказали. При ширине меньше 800 пикселей (768px) начинают применяться стили для планшета. При ширине меньше 480px для смартфонов.
Если есть проблемы с мобильными устройствами, отпишите.
Если есть проблемы с мобильными устройствами, отпишите.
Я не вижу смысла в таких жестких рамках — резина же проще в таком случае. Никто не может гарантировать на 100% что планшет Васи пупкина именно с таким же разрешением экрана, как и хваленый iPad. Адаптивный дизайн он на то и адаптивный, ибо предназначен по большей части для реорганизации рабочей площади.
В идеале горизонтального скрола вообще не должно быть.
В идеале горизонтального скрола вообще не должно быть.
Да, горизонтальный скрол или зум на мобильных устройствах могут начать раздражать.
Поэтому-то в Simpliste 3-х и 2-х колоночная верстка превращается в одноколоночную на малых разрешениях. Но если ширина окна достаточна на планшете Васи, то колонки ему не должны мешать, а скрола не появится из-за ширины колонок в процентах.
Поэтому-то в Simpliste 3-х и 2-х колоночная верстка превращается в одноколоночную на малых разрешениях. Но если ширина окна достаточна на планшете Васи, то колонки ему не должны мешать, а скрола не появится из-за ширины колонок в процентах.
И динамическое, и с перезагрузкой страницы — едет.
В таких случаях браузер написать бы хорошо. Возможно, у вас IE и он не поддерживает media queries.
Linux: FF9 и Epiphany (webkit). И едет не у вас, а у вот этого автора. Читайте внимательно.
ну как бы тут и без фреймворков минут на 15 работы, это не показатель. Фреймворки нужны для каких-то общих задач, скажем оформление админ панели.
А почему голосуют против моего комментария?
Фреймворк на то и фреймворк, что его как-то допиливать и переделывать полагается. А я попытался именно шаблон с нейтральными темами создать, для возможности скачать, наполнить контентом и положить на сервер.
Да и язык не поднимается фреймворком назвать пару файлов в архиве. Но тема для размышления, спасибо.
Да и язык не поднимается фреймворком назвать пару файлов в архиве. Но тема для размышления, спасибо.
Если еще не смотрели, то очень рекомендую: twitter.github.com/bootstrap/
Всегда использовал 960.gs, но этот будет функциональнее, спасибо за наводку, не знал.
И я уже выше комментировал, советую все же Zurb Foundation foundation.zurb.com
Поддержка мобильных платформ, относительные величины вместо абсолютных и т.д.
Плюс дополнительные полезные фишки, которые можно найти в их «песочнице» www.zurb.com/playground
Единственно, он не столь красив по умолчанию, как Twitter Bootstrap, но, во-первых, все эти стили в большинстве случаях все равно заменяются в процессе разработки, а, во вторых, если так уже это важно, то для «зурба» тоже есть решения, как например www.zurb.com/playground/super-awesome-buttons
Поддержка мобильных платформ, относительные величины вместо абсолютных и т.д.
Плюс дополнительные полезные фишки, которые можно найти в их «песочнице» www.zurb.com/playground
Единственно, он не столь красив по умолчанию, как Twitter Bootstrap, но, во-первых, все эти стили в большинстве случаях все равно заменяются в процессе разработки, а, во вторых, если так уже это важно, то для «зурба» тоже есть решения, как например www.zurb.com/playground/super-awesome-buttons
Наверное, у каждого верстальщика есть что-то подобное, т.к. каждый раз писать с нуля все стили утомляет
Сам такое свое делал, пока из-за лени не перешел на готовые фреймворки (там с типографикой все уже порешали). Но идея отличная, прожиточный минимум учтен, все responsive. Обязательно кому-то пригодится, автор молодец.
Укажите, пожалуйста, лицензию.
Это упустил. Начал думать.
Пока могу сказать, что не возражаю против модификаций и использования в коммерческих проектах. Ссылка на авторство не обязательна.
Пока могу сказать, что не возражаю против модификаций и использования в коммерческих проектах. Ссылка на авторство не обязательна.
WTFPL, не?
DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE Version 2, December 2004 Copyright © 2004 Sam Hocevar <sam@hocevar.net> Everyone is permitted to copy and distribute verbatim or modified copies of this license document, and changing it is allowed as long as the name is changed. DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION 0. You just DO WHAT THE FUCK YOU WANT TO.
И в чём разница между этим и Public Domain через CC0?
понятия не имею, но мне нравится дух WTFPL
В том, что CC0 это практически отказ от авторства, а WTFPL это все же лицензия.
Как это «отказ от авторства»? Автором можно называться всегда.
+1 — авторское право — неотделимое право
Обще́ственное достоя́ние (англ. Public Domain) — совокупность творческих произведений, авторские права на которые истекли или никогда не существовали. Также «общественным достоянием» иногда называют изобретения, срок патента на которые истёк. Распространять и использовать общественное достояние могут все без ограничений.
Ии? Право на распространение и использование — это не то же самое, что авторское право.
«совокупность творческих произведений, _авторские права_ на которые _истекли_ или _никогда не существовали_.»
Я имел ввиду это:
Право авторства, право на имя и иные личные неимущественные права автора неотчуждаемы и непередаваемы. (ГК РФ, ч4. Статья 1228 пункт 2)
www.consultant.ru/online/base/?req=doc;base=LAW;n=122998
Право авторства, право на имя и иные личные неимущественные права автора неотчуждаемы и непередаваемы. (ГК РФ, ч4. Статья 1228 пункт 2)
www.consultant.ru/online/base/?req=doc;base=LAW;n=122998
На ловца и зверь бежит :)
Реализую задачу по работе на этой штуке.
Смысл — находить лучший пост (исходя из количества лайков и коментов) у топблогеров фэйсбука и выводить его. Удачи мне! Спасибо за пост.
Реализую задачу по работе на этой штуке.
Смысл — находить лучший пост (исходя из количества лайков и коментов) у топблогеров фэйсбука и выводить его. Удачи мне! Спасибо за пост.
Спасибо! Как раз нужна была простая и легкая тема для админки.
Отличная штука, именно то, что искал. Надоели всякие красивости, хочется просто и лаконично выложить свои данные в сеть. Главное, не усложняйте, оставьте таким простым и классным. Спасибо!
Идея хорошая, но я для таких целей нарисовал небольшой велосипед, чтобы через браузер редактировать html содержание страницы, чтобы на ftp не лазить. Как раз подходит для небольших проектов + поддержка дополнительных модулей, если кому захочется расширить возможности.
Цвета под сообщения подобраны ужасно с точки зрения дальтоника. Различить практически невозможно. Следует изменить интенсивность.
Как вы об этом узнали? Как об этом узнать, если я не дальтоник?
Есть ли какой-то способ изменить скриншот так, чтобы понять, как он будет выглядеть для всех типов дальтоников/цветоаномалов?
Есть ли какой-то способ изменить скриншот так, чтобы понять, как он будет выглядеть для всех типов дальтоников/цветоаномалов?
На все типы дальтоников сервисов не напасешься, но большинство различает интенсивность. Еще вроде как синий, белый, серый и желтый нормально воспринимаются, но для показа ошибок они не подходят.
Я четырьмя способами пользуюсь: преобразование в черно-белую картинку и отключение по очереди каждого из RGB каналов. Если пропадает оформление ещё не смертельно, а вот когда текст с фоном сливаются — надо что-то менять. Но на самом деле это так, интуитивно — прислали один раз благодарность, а я проанализировал гамму сайта.
Думаю, я сам примерно ответил на свой вопрос: www.etre.com/tools/colourblindsimulator/
Мегареспект автору! Лучший css framework по соотношению полезность/минимализм из всех, которые доводилось видеть, при этом всё просто и понятно. Хотелось бы увидеть ещё .col_25 и 75, ну и побольше тем, конечно.
>всё просто и понятно
Вот этого и хотел.
>.col_25 и 75
Я не помню, чтоб на более-менее простых сайтах приходилось делать 4 колонки, даже 3 редко. Разве что есть потребность в очень узкой колонке с боку от текста, но это можно самостоятельно сделать. Пока не уверен, добавлять ли эту пару, во всяком случае, начинается усложнение.
Вот этого и хотел.
>.col_25 и 75
Я не помню, чтоб на более-менее простых сайтах приходилось делать 4 колонки, даже 3 редко. Разве что есть потребность в очень узкой колонке с боку от текста, но это можно самостоятельно сделать. Пока не уверен, добавлять ли эту пару, во всяком случае, начинается усложнение.
Попробуйте Initializr. Идея очень похожа. Еще есть html5 boilerplate, но он более монстрообразный.
очень аккуратно все внутри, приятно менять значения)
спасибо. использую в ближайшем простом проекте.
спасибо. использую в ближайшем простом проекте.
А залейте-ка всё это дело на ГитХаб, чтобы проект потихоньку обрастал новыми пользовательскими темами.
Так оно и лежит на гитхабе. Просто автор вместо того, чтоб дать ссылку на весь проект — github.com/rafikov/Simpliste/ — сослался лишь на скачивание зип-архива.
Не ожидал, что интереса будет достаточно, чтобы нашлись добровольцы для создания тем. Теперь думаю, что можно попробовать привлечь авторов. Буду работать над какими-то несложными гайдлайнами или инструкциями.
А тем уже становится больше. Сегодня подготовил четвертую, несколько уже на подходе.
А тем уже становится больше. Сегодня подготовил четвертую, несколько уже на подходе.
Не пробовали посмотреть в сторону google sites? Там, вроде, всё просто и CMS нету.
Судя по интересу публики, не зря время потрачено.
И пока среди предложенных вариантов не было того, который я бы неделю назад посчитал подходящим решением и не стал бы свое изобретать.
И пока среди предложенных вариантов не было того, который я бы неделю назад посчитал подходящим решением и не стал бы свое изобретать.
а чем бутстрап не устроил? по-моему, идеальное решение и не нужно изобретать велосипед
Не устроил тем же, чем множество других фреймворков. Об этом и писал в посте. Нужно было проще, с дизайном и под мобильность.
А про велосипед это зря. До Бутстрапа их было множество, некоторые я даже изучать пробовал. Но теперь вот говорите, что Бутстрап идеален, а не один из его предшественников=)
А про велосипед это зря. До Бутстрапа их было множество, некоторые я даже изучать пробовал. Но теперь вот говорите, что Бутстрап идеален, а не один из его предшественников=)
У Bootstrap'a в 2.0-wip версии есть т.н. responsive design — жутко глючный (до той степени, что приходится его вырезать из CSS на продакшене), но тот факт, что его начали делать намекает на то, что скоро будет и мобильность.
И да, Bootstrap, похоже, самый лучший фреймворк, который сейчас есть. В нем есть практически все, что нужно, и все это очень высокого качества.
И да, Bootstrap, похоже, самый лучший фреймворк, который сейчас есть. В нем есть практически все, что нужно, и все это очень высокого качества.
Круто, буду пользоваться. Правый верхний блок едет в ие6-7 (смотрел в онлайн браузер скриншотилках).
OMG. Ушел пилить в свою CMS как шаблон.
Очень красиво и удобно! Спасибо за Ваш труд! =)
Отличная вещь! Спасибо!
А шаблоны то как смотрятся в мобильных устройствах — жесть. Пойду ставить
А шаблоны то как смотрятся в мобильных устройствах — жесть. Пойду ставить
А можно попросить кого-нибудь написать код для sumbit'a? Чтобы, скажем, через гуглопочту отправлялись мне письма…
Подвал бы еще прикрепить к нижнему краю окна. А то запарился править…
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Keep it simplest. Или про простые сайты