Bootstrap snippet Резиновое отображение таблицы

Web

 Основная проблема правильного отображения таблица является ее квадратная форма.
Мы не можем сдать страницу без преобразования таблицы. Мы можем уменьшить шрифт, отступы, но если таблица широкая — этого будет недостаточно без преобразований.
Тексты можем сузить рисунки можно сжать, а вот с таблицами так не сделаешь.

Хотите знать решение?

Лучше 1 раз увидеть чем 100 раз услышать. Попробуйте сжать окно браузера

Колонка 1 Колонка 2 Очень длинный заголовок Колонки Заголовок с пустым полем
Значение колонки 1 Значение колонки 2 Значение колонки 3 Тут поле есть
Строка 2. Значение колонки 1 Строка 2.Значение колонки 2 Колонка 3  

Читать дальше →

  • Автор: kosmom
  • Просмотров: 1334
  • Комментариев: 0
  • Создан: 03.06.2014 18:57

Доработка для Bootstrap, используем Progressbar во всех элементах

Web

Всего 9 строчек кода CSS дают возможность использовать статус загрузки для любого стандартного элемента в Bootstrap v 3.0 и выше. Используйте их на здоровье в своих проектах

Вот такие чудесные вещи можно вытворять одним дополнительным классом Loading

Links

Default Primary Danger Success Info Warning

Disabled

Default Primary Danger Success Info Warning

Как это удалось сделать?

Читать дальше →

  • Автор: kosmom
  • Просмотров: 1093
  • Комментариев: 0
  • Создан: 28.02.2014 12:56

Сокращение числа лишних переменных из HTML формы

Web

Сделаем WEB чище.

Привет. Хочу поделиться небольшой реализацией, которая значительно поможет сделать WEB чище. Давайте представим перед глазами большую WEB HTML форму. Например, поисковую форму с большущим фильтром. При нажатии на результирующую кнопку «поиск» - на выход передается полностью содержание всей формы со всеми пустыми значениями, даже если фильтр не использовался. И весь этот хвост передается из формы в форму при перелистывании страницы. Этот большой ненужный хвост попадает в избранное, попадает в часто посещаемые страницы браузера и наводит ужас своей неочевидностью.

Result.php?&text=Вася%20Пупкин&date_begin=&date_end=&status=&on_page=&city=&email=&year=&month=&day=&money_from=&money_to=

Ааааа. Отправьте веб страницу помыться, не пугайте посетителей

Читать дальше →

  • Автор: kosmom
  • Просмотров: 904
  • Комментариев: 0
  • Создан: 07.05.2013 15:56

Упрощаем множественное вложение файлов

Web

Мульти заливка простая реализация

Массовый привет. Пост обращен к тем, у кого уже есть веб-сервис, который делает что-то. И у которого есть возможность прилеплять множество файлов. До HTML5 все было чудесно. Каждый выкручивался как мог. Множественное приложение было доступно через Flash, некоторые под элементом Обзор создавали плюсик, который динамически добавлял еще один обзор. Но не удобно все это.

В первую очередь пост обращен к веб-разработчикам хостингов, сервисов с портфолио, разработчикам интернет магазинов.

Давайте я покажу, как при помощи небольшой надстройки превратить заливание множества файлов в удобное для пользователя действие. Не нужно никаких Drag&Drop. Хоть это и доступно, но нам это сейчас не нужно, пользователю хватит выделения в одном окне обзора. Да и с ним будут трудности для браузеров не поддерживающих HTML5 multiple file upload

Читать дальше →

  • Автор: kosmom
  • Просмотров: 896
  • Комментариев: 0
  • Создан: 17.10.2012 11:43
Ваши предложения и пожелания пишите на pro@kosmom.ru

Теги

backup bootstrap core framework eloquent excel home project html ios javascript keep-alive kpi laravel legacy mvp orm php rip scroll timestamp undefined vue vuetify watch безопасность биометрический паспорт ваша любаша для путешествий загран на 10 лет загран паспорт загранпаспорт нового образца зимние книги как заполнить анкеты кеширование книги на новый год логирование мцф недвижимость новогодние книги образец заполнения антеты паспорт для путешествий паспорт нового поколения печать продукт проектирование прокси разработка ремонт ремонт в апартаментах ремонт нежилого помещения самокат сдача сколько стоил ремонт апартаментов спорт стандарты таблица финансы хостинг цена ремонта что почитать зимой юзабилити

Случайный пост

15.01.2013 13:56
Новая ваза)