andreystarkov

#resize-image {
   /* Just imagine that the image_1.png is 200x400px */
   background:url(image_1.png) top left no-repeat;
   -moz-background-size: 100px 200px;
   -o-background-size: 100px 200px;
   -webkit-background-size: 100px 200px;
}

andreystarkov

@font-face {
    font-family: 'MyFontFamily';
    src: url('myfont-webfont.eot?') format('eot'), 
         url('myfont-webfont.woff') format('woff'), 
         url('myfont-webfont.ttf')  format('truetype'),
         url('myfont-webfont.svg#svgFontName') format('svg');
    }

andreystarkov

img.flip {
   -moz-transform: scaleX(-1);
   -o-transform: scaleX(-1);
   -webkit-transform: scaleX(-1);
   transform: scaleX(-1);
   filter: FlipH;
   -ms-filter: "FlipH";
}

andreystarkov

    // Back To Top
    $('a.top').click(function(){
    $(document.body).animate({scrollTop : 0},800);
    return false;
    });
    //Create an anchor tag
    <a class=”top” href=”#”>Back to top</a>

andreystarkov

    $(‘img’).load(function() {
    console.log(‘image load successful’);
    });

andreystarkov

    $('li:odd').css('background', '#E8E8E8’);

andreystarkov

    function scrollSomething($sidebar, $window, topPadding){
        var offset = $sidebar.offset();
        $window.scroll(function() {
            if ($window.scrollTop() > offset.top) {
                $sidebar.stop().animate({
                    marginTop: $window.scrollTop() - offset.top + topPadding
                }, {duration: 700, easing: 'easeOutCubic'});
            } else {
                $sidebar.stop().animate({
                    marginTop: 0

andreystarkov

2. ФАВИКОНКА. Тут все просто. Прикрепляю файл без белых уголков. Не того размера, что надо, но маленький.
Box_fav.png
3. Давайте избавимся от пережитков прошлого - текста голубого цвета. Я вижу его на главной в двух местах, в названии видов страхования (шестиугольники) и внизу, в новостях. На других страницах тоже попадается.
Попробуйте переделать его в темно-темно-серый, а там посмотрим, что получится.
И давайте сделаем на главной вверху и внизу одинаковую гамму у цвета. Вверху он превращается из голубого в фиолетовый, внизу - из голубого в серый. Пусть везде будет от фиолетового к серому (нижний серый ок, давайте его использовать).
И вы ведь можете сразу посмотреть в стилях, чтобы у нас код голубого цвета больше нигде на сайте не фигурировал - чтобы избавиться от чужой цветовой схемы раз и навсегда.
4. ГЛАВНАЯ, снова текст. Хочу посмотреть, что будет, если самые крупные надписи - "НА ВСЕ СЛУЧАИ ЖИЗНИ" и "БОНУСЫ ДЛЯ КЛИЕНТОВ" - сделать фиолетовым. Например, 43005e
5. Голубой цвет, кстати, еще висит на стрелк

andreystarkov

        -webkit-transition:all 0.5s ease-in-out;
        -webkit-perspective: 800px;
        -webkit-perspective-origin: 50% 100px;
        i {
            color: #fff;
        }
        &:hover {
            background: #d77f47;
            -webkit-transform:rotateX(30deg);
            background: #d96e5a;

andreystarkov

module.exports = function(grunt) {

// var optipng = require('imagemin-optipng');
// var jpegtran = require('imagemin-jpegtran');

  grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),
    less: {
      development: {
        options: {