Jump to content

Leaderboard

Popular Content

Showing content with the highest reputation on 01/09/16 in all areas

  1. Сделайте себе привычку заливать файлы на какой то хостинг и давать ссылку на сайт а не на архив.
    2 points
  2. о как здорово! Спасибо. И давно уже есть ведь. Но в таком случае не понимаю, почему вы его не использовали. В данном случае весьма уместен.
    1 point
  3. http://lesscss.org/features/#extend-feature вроде в лесс тоже есть.
    1 point
  4. Подключить через link. То, что запрос пойдет на гугловский сервер это не значит ничего. Например, зачем jquery подключать с cdn? Не ради того, что cdn будет работать быстрее чем Ваш сервер, а ради того, что пользователь который зашел на Ваш сайт наверняка уже имеет в кэше этот же jquery и не надо его заново качать. Этот довод я видел часто, и ни разу не видел статистики слова "наверняка", а уже тем более для конкретного ресурса. Но окей, я обсужу это со своими. Спасибо. Кстати, со шрифтами все будет еще грустнее, если jquery используется повсеместно, то данные шрифты, имеющую огромную специфичность (оцените get запрос, family=PT+Serif:400,400italic,700,700italic&subset=latin,cyrillic ) встретить второй такой же... ну короче сложно будет Единственный довод за, для себя который я нашел, а почему бы и нет ?
    1 point
  5. Ругаю: 1. @import в css, одна из причин почему сайт грузиться долго. 2. html lang="en" но на деле все на русском. 3. Не знаю что скажут другие, но лично мне не нравятся вот такие классы 4. Валидатор ругает много
    1 point
  6. Зайдите в раздел "Макеты для верстки", берите любой и верстайте. Далее заливайте на хостинг и ссылку давайте сюда. Посмотрим, поругаем, отправим читать мат часть, через 5-6 таких макетов (если у вас действительно есть желание) уже можно будет думать о какой то работе. То что показали в скриншоте - с таким не то что джуниор, с таким даже вторым помощником джуниора не возьмут.
    1 point
  7. Фигня этот ваш интенсив. Чтобы скриншотами кодов учили js я еще не видел.
    1 point
  8. Вот вариант с моего текущего проекта. Считайте, готовое решение. Исключительно на клиентской стороне, без какого-либо участия серверной. Вам же так надо? import classNames from 'classnames'import querystring from 'querystring'import { Link } from 'react-router'class PaginationItem extends React.Component{ constructor(props){ super(props); } getLink(index){ let path = this.context.location['pathname'], qs_original = Object.assign({}, this.context.location['query']), qs_new = Object.assign(qs_original, {page: index}), qs = querystring.stringify(qs_new); return `${path}?${qs}`; } render(){ let path = this.context.location['pathname'], qs_original = Object.assign({}, this.context.location['query']), qs_new = Object.assign(qs_original, {page: this.props.index}); return( <li className={classNames( 'page-item', {'active': this.props.active} )}> <Link to={path} query={qs_new}> {this.props.index} </Link> </li> ); }}PaginationItem.contextTypes = { location: React.PropTypes.object.isRequired, history: React.PropTypes.object.isRequired};class Pagination extends React.Component { constructor(props){ super(props); } render(){ if(this.props.numPages > 1) { let items = [], startPageIndex = this.props.currentPage - this.props.pagesAround, endPageIndex = this.props.currentPage + this.props.pagesAround; if(startPageIndex < 1) startPageIndex = 1; if(endPageIndex > this.props.numPages) endPageIndex = this.props.numPages; for(let i=startPageIndex; i<=endPageIndex; i++) { items.push( <PaginationItem key={i} index={i} active={i === this.props.currentPage} /> ); } return ( <ul className="pagination"> {items} </ul> ); } else { return false } }}Pagination.propTypes = { numPages: React.PropTypes.number.isRequired, currentPage: React.PropTypes.number, pagesAround: React.PropTypes.number};Pagination.defaultProps = { currentPage: 1, pagesAround: 2};export default Pagination
    1 point
This leaderboard is set to Kiev/GMT+03:00
  • Upcoming Events

    No upcoming events found
  • Сообщения форума

    • Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ    
    • Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com   Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ   Портфолио https://www.behance.net/d4d4186e
    • Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy