Короткая статья с несколькими вариантами вывода заглавной буквы в laravel blade. Чистый php Выводим привычную нам функцию ucfirst обернутую в {{ … }} Blade-директива Добавляем новую директиву в метод boot() в app/Providers/AppServiceProvider. Далее вызываем, как обычную директиву шаблонизатора. Чистый CSS Добавляем к нашим стилям новое правило: Далее в шаблоне добавляем…

Подключать внешний css-файл через javascript (jQuery) — задача нечастая, но вероятная. В этой статье пример простого решения задачи. Итак, Вашему вниманию два варианта решения задачи. jQuery: JavaScript: Вот, в зависимости от Ваших потребностей примеры решения. Поменяйте path_to_the.css на нужный путь и вуаля! Надеюсь, что статья бла полезна и помогла Вам…

Удобство пользователя на первом месте — поэтому иногда нужно вставить прямую ссылку на диалог в Скайпе. В этой статье расскажу, как можно это сделать. Итак, рассмотрим несколько примеров. Простая ссылка (без действий над профилем): Ссылка на Звонок в Скайп или указанный телефонный номер: Ссылка на конференц-связь (логины через запятую): Добавление…

Иногда бывает надо обновить изображение в теге img при помощи jquery. В этой статье пример, как можно сделать refresh для img. Главное, что нужно знать — это то, что браузер кеширует изображения, что как раз и может мешать обновлению его на странице, если, к примеру, оно уже изменилось на сервере….

Нативный элемент загрузки файла в Html выглядит, мягко говоря, не очень хорошо — поэтому в этой короткой статье я приведу пример, как при помощи css стилизировать кнопку input type=file. Итак, решение включает две части — Html и CSS. Html. Оберните input в тег label: Также можно вынести элемент формы за…

Плагин Autocomplete используется для быстрой подсказки пользователю вариантов ввода из определенного списка. Но в случае зависимости эти вариантов от других полей — обновление данных очень неочевидно. В этой статье — пример решения задачи. Самый простой пример — это зависимость условных моделей авто от марки. Когда пользователь выбрал Марку «Mercedes» —…

Задача программной прокрутки вниз может быть актуальна, например, при разработке чата. Блок сообщений всегда должен быть внизу, а последние сообщения всегда должны быть видны. Очень короткое решение — в этой статье. Пример для нативного Javascript: Пример для jQuery использует scrollTop: Оба эти примера позволят Вам программно прокрутить содержимое блока вниз….

В различных дизайнах и интерфейсах иногда уместно сделать модальное окно на всю высоту и прижатым к одной стороне. В статье — пример реализации этой идеи. По большому счету всё достаточно просто: К обычной разметке модального окна следует добавить новые классы left или right соответственно. Html: Также нужно добавить новые правила…

Вопрос вертикального выравнивания в CSS часто вызывает проблемы. Особенно они актуальны при необходимости выровнять блок внутри абсолютно-позиционированного блока. Но есть простое решение, о котором сейчас и пойдет речь. Итак, решение достатоно простое, но не очевидное. Итак. CSS: HTML: Решение было найдено здесь. Это решение круто помогло на одной из верстаемых…

Помещая внутрь html-формы обычную html-кнопку < button > мы не надеемся получить submit формы — но случится именно так. Впрочем, подобное поведение легко побороть без применения javascript. Все до неприличия просто) Смотрим: Как видите — достаточно просто указать type=»button». Дело в том, что при отсутствющем этом параметре — по умолчанию…