Как стать автором
Обновить
  • по релевантности
  • по времени
  • по рейтингу

Календарь: Таблица или Список?

CSS *

Предыстория


На поиски по теме, указанной в заголовке меня сподвигла задача сверстать календарь для нашей системы отчетов. Что примечательно, мои действия почти в точности повторяли действия автора статьи, которую я нашел и перевёл (под катом).
Встав перед задачей сверстать календарь я тоже «мыслил анти-таблично», и после не долгих раздумий сварганил из списка календарец. Но к концу рабочего дня и всех мытарств, меня переклинило по дороге домой тоже, что и автора статьи — а как быть с днями недели?
По пути я обдумал этот вопрос и сформулировал запрос для Google — calendar table or list. Первая же ссылка привлекла меня и подтвердила мои соображения относительно того что календарь это всё-таки таблица а не список.
Я не претендую на оригинальность, конечно же, и возможно эта тема уже поднималась, но именно в таком разрезе я её ещё не встречал. В русскоязычной части интернета я ещё как-то читал статью Neutrino о его опыте вёрстки календаря, тогда я ещё удивился предложенному решению, но к сожалению тогда о семантике я мало задумывался)
Для предотвращения возможных будущих заблуждений, я решил перевести найденную статью, так как она вполне убедительна и раскрывает довольно полно затронутую тему. Надеюсь, также на вашу критику перевода, так как с переводом у меня не всё гладко, по-моему)


Читать дальше →
Всего голосов 15: ↑13 и ↓2 +11
Просмотры 5K
Комментарии 28

Копирование структуры таблицы в MS SQL 2005

SQL *
Задача — есть таблица, нужно создать ее копию… или пустую таблицу с такой же структурой…

Раньше я обычно использовал для этих целей DTS, поскольку потребность в копировании возникала редко и обычно касалась одной таблицы. Меня не ломало запустить Enterprise Manager / Management Studio.

Сегодня возникла необходимость копировать таблицы… много, разные и не выходя за рамки разрабатываемой программульки… т.е. DTS не предлагать, и вообще желательно обойтись только T-SQL'ем.

«ой мамочки, это ж теперь надо получив имя исходной таблицы содрать с нее create statement, не забыть бы про constraints и foreign keys… :( » — подумалось мне.

и тут, о чудо! обнаруживается способ копировать структуру таблицы в одну строку:

select * into [destinationTable] from [sourceTable] where 0 = 1

Если таблица [destinationTable] не существует то она будет создана! С такими же колонками, индексами и прочим. Правда потеряются foreign keys, но танцевать с бубном теперь прийдется гораздо меньше :D

З.Ы.: возможно это боян, но о таком поведении select..into я не знал :")
Всего голосов 2: ↑2 и ↓0 +2
Просмотры 20K
Комментарии 6

Практический HTML: работаем с таблицами

Разработка веб-сайтов *
Перевод
Примечание: ниже находится перевод статьи «Bring on the tables», в которой рассматривается использование таблиц по прямому назначению и некоторые методы по увеличению их доступности.

UPD: текст статьи полностью убран в связи с его неконтролируемыми преобразованиями с момента публикации.
Всего голосов 65: ↑60 и ↓5 +55
Просмотры 1.5K
Комментарии 106

Создаем высокопроизводительные HTML-страницы для IE

Клиентская оптимизация *
Перевод
Примечание: ниже находится перевод статьи с MSDN «Building High Performance HTML Pages», в которой приводится ряд советов от экспертов из Microsoft по оптимизации времени загрузки страниц. Очень интересно сравнить их подход с аналогичным для Yahoo!. На мой взгляд, большая часть советов уже не является такой актуальной (спасибо Zeroglif, все приведенные советы, скорее всего, десятилетней давности), но в свое время все они были весьма действенны. Мои комментарии далее курсивом.

Интернет, интранеты (внутренние корпоративные порталы) и экстранеты (все то, что находится в свободном доступе) содержат уйму информации. Сейчас значительная часть этой информации являет собой HTML в том или ином виде.

Коммуникационные возможности, обеспечиваемые Microsoft Internet Explorer 4.0 и более поздними версиями, помогли превратит Веб в мощное пространство, где можно как работать, так и играть. Число HTML-страниц и их сложность вместе с общим количеством потребителей конечных продуктов существенно увеличили общий интернет-трафик. Вместе со всеми выгодами, которые получили разработчики приложений, это привело и к ряду проблем. Среди этих проблем можно выделить:

  • Доставка содержания через интернет (across the wire).
  • Будучи доставленным, содержание должно быстро отобразиться на экране.


В этой статьи предлагается несколько советов, как добиться максимальной производительности ваших страниц.
читать дальше на webo.in →
Всего голосов 49: ↑34 и ↓15 +19
Просмотры 724
Комментарии 31

Управление потоком в CSS: создаём контекст форматирования

CSS *
Управлять потоком можно не только свойствами clear или overflow. Возможно, вы найдёте полезным для себя использование display:inline-block или display:table-cell, способных полностью заменить вам упомянутый overflow, избавляя вас от опасности указания размеров элемента, а также предоставляя дополнительные возможности.

Статья не содержит универсальных решений, но открывает вашему взору дополнительный инструментарий для управления потоком.
Читать дальше →
Всего голосов 66: ↑63 и ↓3 +60
Просмотры 4.3K
Комментарии 34

HTML-таблица с фиксированным столбцом

Разработка веб-сайтов *
Решал как-то задачу отображения широкой таблицы на странице с фиксированной шириной. По условию нужно было всегда показывать левый столбец (с заголовками строк). Может, плохо искал, но найденное решение не устроило, т.к. в нём много ограничений. В результате получилось вот что.

Принцип работы: делаем дубликат таблицы, накладываем его поверх оригинальной. У оригинальной скрываем контент, у дубликата — столбец с заголовками. Проверял в IE8, FF3, O10 (можно допилить для IE6 и 7).

Надеюсь, кому-нибудь пригодится.
Всего голосов 27: ↑15 и ↓12 +3
Просмотры 15K
Комментарии 9

Samsung CIS Forum 2012: быстрее, выше, ШИРЕ!

Блог компании Samsung
День добрый, хабражители!

Есть у нас одна добрая традиция: каждый год компания Samsung Electronics проводит форум для представителей из стран СНГ, на котором рассказывает о своих успехах в прошедшем году и демонстрирует самые свежие продуктовые новинки. На этот раз сие действо прошло в Праге 16 и 17 февраля. Были представлены телевизоры, планшеты, телефоны, ноутбуки, стиральные машины, пылесосы и многое другое. Спешите узнать, как это было!

Читать дальше →
Всего голосов 9: ↑7 и ↓2 +5
Просмотры 2.3K
Комментарии 3

MODx Revo: TinyMCE и Конструктор таблиц

CMS *MODX *
При установке редактора TinyMCE (на момент написания статьи версия: 4.3.3 pl) по умолчанию он настраивается таким образом, что в нем нет возможности добавлять в редактируемую область разметку таблиц. Видимо это сделано для компактности и «дружелюбности», чтобы не пугать пользователей своими многочисленными возможностями (другого объяснения я найти не смог).

И так, вот что необходимо сделать, чтобы в редакторе TinyMCE в MODx Revo появились элементы редактирования таблиц:

  1. Перейдите к настройкам системы ("Система" -> "Настройка системы");
  2. Отфильтруйте параметры по компоненту "tinymce";
  3. Найдите параметр "tiny.custom_buttons3" (цифра в конце означает строчку вывода кнопок на панели TiniMCE, на свое усмотрение можно выбрать другой аналогичный параметр "tiny.custom_buttonsN"). Добавьте в значение параметра слово "tablecontrols";
  4. Для того чтобы кнопки заработали, необходимо подключить плагин для работы с таблицами. Для этого в параметре "tiny.custom_plugins" нужно добавить к списку плагинов — "table".

Читать дальше →
Всего голосов 9: ↑7 и ↓2 +5
Просмотры 17K
Комментарии 6

AngularJS: еще одна таблица с сортировкой, фильтрацией и постраничной навигацией

JavaScript *HTML *Angular *

Что это?


Это очередное AngularJS приложение, которое добавляет в обычную таблицу возможности сортировки, фильтрации, разбиения на страницы и пр.

Разумеется, существует несколько готовых решений (1, 2, 3, 4, 5), но они не подходили по ряду причин. В итоге, было решено создать свой вариант, тем более, что я не имею большого работы с AngularJS, а изучать этот фреймворк и его потрясающие возможности лучше на практике.
Подробности
Всего голосов 11: ↑9 и ↓2 +7
Просмотры 40K
Комментарии 2

Простой PHP генератор сложных HTML таблиц

PHP *HTML *
Из песочницы
Всем привет. Хочу поделиться свеженаписанным генератором HTML таблиц.

Участились случаи сбора различной статистики и компоновки ее в сложные таблицы с различными групировками.

image

Заметив такую тенденцию решил автоматизировать рисование таблиц.

Как итог:
  • Избавил себя от составления слоеных циклов для вывода массива;
  • Получил стандартизацию структуры массивов;
Читать дальше →
Всего голосов 37: ↑29 и ↓8 +21
Просмотры 45K
Комментарии 18

Шайбу вбросим в iOS восемь

Блог компании Papa Buba Diop Разработка под iOS *Разработка мобильных приложений *Разработка игр *
Прежде чем создавать казуальную игру для iOS, хорошо бы ответить на вопрос: — А зачем?
Вариантов три:
  • Срубить денег;
  • Порадовать родственников;
  • Хрен его знает, но мысль жжет организм изнутри.


image

Думаю, в ближайшие годы, правильный ответ — третий.
А, не буду спорить и учить — расскажу, как я делаю приложения.
Гуру разработки молча нажимают плюс и уходят в сторону. Остальные следуют за мной, чтобы вспомнить школу и настольный хоккей.
И да, уникальность топика, что в каждом предложении слова начинаются разными буквами.
В статье девять картинок и пол-минуты забавной анимации.
Читать дальше →
Всего голосов 76: ↑68 и ↓8 +60
Просмотры 41K
Комментарии 62

tmsTable — как я писал плагин для отображения таблиц, руководствуясь принципом KISS

JavaScript *jQuery *
Из песочницы
«KISS (keep it short and simple — «делай короче и проще») — процесс и принцип проектирования, при котором простота системы декларируется в качестве основной цели и/или ценности.» Wikipedia

Введение


Именно так в последнее время я все больше склоняюсь трактовать аббревиатуру KISS и писать программные компоненты для различного рода продуктов. Именно по этому принципу написана предлагаемая в данном обзоре библиотека. И именно поэтому она будет развиваться в заданном ключе в будущем.

Скажу сразу, я никогда не работал как JS-программист. Все 15 лет своей карьеры занимался в большей степени серверной стороной. Что касается клиентской стороны, чаще отвечал за проектирование интерфейсов, а верстку доверял профессионалам.
Читать дальше →
Всего голосов 3: ↑3 и ↓0 +3
Просмотры 3.8K
Комментарии 3

Таблицы! Таблицы? Таблицы…

JavaScript *HTML *ReactJS *

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

Читать дальше →
Всего голосов 18: ↑16 и ↓2 +14
Просмотры 38K
Комментарии 26

Mastering Angular Material Data Tables

JavaScript *Angular *
Tutorial

Всем привет! В целом, документация данного компонента покрывает многие вопросы использования, но в процессе реальной разработки встречается много подводных камней. Хотел бы рассказать о них и как с ними боролся.
Читать дальше →
Всего голосов 8: ↑5 и ↓3 +2
Просмотры 15K
Комментарии 0

VIPER и UITableView/UICollectionView с простыми ячейками

Программирование *Разработка под iOS *Разработка мобильных приложений *Xcode *Swift *
Из песочницы
Доброго времени суток!

Недавно я начал переводить приложение, написанное по плохому MVC на VIPER. Это был мой первый опыт с VIPER-архитектурой и в силу того, что информации на просторах интернета на данный момент по этой архитектуре мало, я столкнулся с некоторыми проблемами. Используя самые общие знания и понятия по VIPER, я вывел на данный момент оптимальные для себя паттерны написания экранов, включающие в себя таблицы или коллекции.

Простые и сложные ячейки


Я разделяю ячейки на простые и сложные.

Простые ячейки — это такие ячейки, которым для выполнения своего предназначения достаточно отображать некоторые данные (текст, картинка) и отвечать простыми действиями на действия пользователя.

Сложные ячейки — такие ячейки, которым для выполнения своего предназначения необходимо дополнительно подгружать данные, которые имеют сложную бизнесс-логику внутри себя.

В данной статье речь пойдет о таблице с простыми ячейками.

Проблема


Проблема заключается в том, что ячейку надо как-то собирать, как-то слушать ее события и делать это в правильном месте.
Читать дальше →
Всего голосов 12: ↑11 и ↓1 +10
Просмотры 8.3K
Комментарии 2

Пишем компонент — таблицу, не совсем обычным способом

JavaScript *VueJS *
Tutorial
Еще одна небольшая статейка попроще вдогонку. Расскажу, как я рисую таблицы во Vue.

Компонентов-таблиц для Vue наделано немало. С различными возможностями. И везде по-разному таблица собирается в template страницы или какого-то компонента.

В основном происходит это как-то так:

<template>
  <cmp-table :items="items" :columns="columns"/>
</template>

<script>
export default {
  name: 'page',
  data() {
    return {
      items: [ 
        { id: 1, name: 'Sony' } , 
        { id: 2, name: 'Apple' }, 
        { id: 3, name: 'Samsung' } ],
      columns: [ 
        { prop: 'id', title: 'ID' }, 
        { prop: 'name', title: 'Name' } ]
    }
  }
}
</script>
Читать дальше →
Всего голосов 19: ↑17 и ↓2 +15
Просмотры 18K
Комментарии 12

Создание собственного элемента на примере таблицы на C# для Windows Form

.NET *C# *Разработка под Windows *
Из песочницы
Tutorial
Доброго времени суток!

В данной статье я опишу создания своих элементов для C# Windows Form.

Для примера буду создавать таблицу со всем функционалом DataGridView. Позже перейдем на свои элементы. Создание первого элемента разобьем на несколько уроков. В данном уроке произведем от рисовку таблицы, а также: создание столбцов, строк, ячеек.

Для написания будем использовать .Net FrameWork 4.7.x, среда разработки Visual Studio 2019.

В первую очередь создадим обычный проект Windows Form. Думаю не нужно это показывать. А уже потом создаем проект «Библиотека элементов управления Windows Form»(Назовем его CustomControl).

Далее у нас будет создан файл UserControl.cs. Удаляем его и создаем обычный класс TableCustoms.cs.Наш класс будет наследоваться от класса Control.
Читать дальше →
Всего голосов 16: ↑9 и ↓7 +2
Просмотры 11K
Комментарии 20

Проблемы рендера семи тысяч элементов на Vuetify

Разработка веб-сайтов *JavaScript *Клиентская оптимизация *HTML *VueJS *
Из песочницы

На момент написания статьи я готовился к диплому и писал дипломный проект для нужд Московского Политеха. Моей задачей был перенои существующего функционал из PHP-таблицы во что-то современное с кучей проверок, после чего дополнить данный функционал. Движок - Nuxt, материал-фреймворк: Vuetify.

После написания таблицы и импорта 150+ проектов я впервые столкнулся с проблемой, что я рендерю слишком много, как для движка, так и для самого браузера. Таблицы Vuetify не подходили для моего решения: пришлось начать думать и погружаться. Погрузимся вместе со мной?

Погружаемся
Всего голосов 8: ↑8 и ↓0 +8
Просмотры 5.5K
Комментарии 25

BI-специалист: что по зарплатам, где и чему учиться и на что обращают внимание работодатели?

Блог компании Hays IT-инфраструктура *

Привет! На связи ребята из Hays, и снова полезный, но нескучный материал про очередную профессию. С развитием тренда на цифровизацию профессии в сфере Business Intelligence становятся все более востребованными. Еще каких-то 10 лет назад про них никто не слышал, а сегодня такой отдел есть почти в каждой крупной компании — и работодатели активно обращаются к нам за помощью. А мы опять рады поделиться своей экспертизой и рассказать, кто такой BI-специалист и чем он занимается.

Читать далее
Всего голосов 9: ↑6 и ↓3 +3
Просмотры 7.3K
Комментарии 0