morris/lessql – легковесный ORM на PHP

Lessql является легкой и производительной альтернативой объектно-реляционному отображению для PHP.

  • Эффективный глубокий поиск
  • Никаких проблем N + 1
  • Сохранение сложных вложенных структур одним вызовом метода
  • Согласование конфигурации
  • Работа в тесной связи с вашей базой данных: LessQL – не ORM
  • Чистый, читаемый исходный код
  • Полностью протестировано с SQLite3, MySQL и PostgreSQL

Пример:

// SCHEMA
// user: id, name
// post: id, title, body, date_published, is_published, user_id
// categorization: category_id, post_id
// category: id, title

// Connection
$pdo = new PDO('sqlite:blog.sqlite3');
$db = new LessQL\Database($pdo);

// Find posts, their authors and categories efficiently:
// Eager loading of references happens automatically.
// This example only needs FOUR queries, one for each table.
$posts = $db->post()
    ->where('is_published', 1)
    ->orderBy('date_published', 'DESC');

foreach ($posts as $post) {
    $author = $post->user()->fetch();

    foreach ($post->categorizationList()->category() as $category) {
        // ...
    }
}

// Saving complex structures is easy
$row = $db->createRow('post', [
    'title' => 'News',
    'body' => 'Yay!',
    'categorizationList' => [
        [
            'category' => ['title' => 'New Category']
        ],
        ['category' => $existingCategoryRow]
    ]
]);

// Creates a post, a new category, two new categorizations
// and connects them all correctly.
$row->save();

https://github.com/morris/lessql

Google Fonts Async Snippet

Оптимальный фрагмент, который нужно использовать для быстрой загрузки Google Fonts:

<!--
  - 1. Preemptively warm up the fonts’ origin.
  -
  - 2. Initiate a high-priority, asynchronous fetch for the CSS file. Works in
  -    most modern browsers.
  -
  - 3. Initiate a low-priority, asynchronous fetch that gets applied to the page
  -    only after it’s arrived. Works in all browsers with JavaScript enabled.
  -
  - 4. In the unlikely event that a visitor has intentionally disabled
  -    JavaScript, fall back to the original method. The good news is that,
  -    although this is a render-blocking request, it can still make use of the
  -    preconnect which makes it marginally faster than the default.
  -->

<!-- [1] -->
<link rel="preconnect"
      href="https://fonts.gstatic.com"
      crossorigin />

<!-- [2] -->
<link rel="preload"
      as="style"
      href="$CSS&display=swap" />

<!-- [3] -->
<link rel="stylesheet"
      href="$CSS&display=swap"
      media="print" onload="this.media='all'" />

<!-- [4] -->
<noscript>
  <link rel="stylesheet"
        href="$CSS&display=swap" />
</noscript>

laravel/sanctum – аутентификация на основе токенов для Laravel

Laravel Sanctum предоставляет легковесную систему аутентификации для SPA (одностраничных приложений), мобильных приложений и простых API на основе токенов. Sanctum позволяет каждому пользователю вашего приложения генерировать несколько токенов API для своей учетной записи. Этим токенам могут быть предоставлены способности / области действия, которые определяют, какие действия токенам разрешено выполнять.

https://github.com/laravel/sanctum

nickdeny / darkmode-js – автоматически определяет время пользователя и переключает тему

Облегченный и кросс-браузерный скрипт поможет вам автоматически определять время пользователя и переключать тему на темную. Кроме того, он весит всего 2,39 КБ (1.05 КБ в сжатом виде) и написан на чистом Javascript, без каких-либо плагинов и jQuery!

<script src="darkmode.js"></script>
<script>
  var options = {
    light: "light.css",
    dark: "dark.css",
    startAt: "23:00",
    endAt: "06:00",
    checkSystemScheme: true,
    saveOnToggle: true
  };
  var DarkMode = new DarkMode(options);
</script>

https://github.com/nickdeny/darkmode-js

gotzmann / comet – современный PHP-фреймворк для создания быстрых REST API

Высокая скорость с 100K HTTP-запросов в секунду и задержкой ~ 0,1 мс на аппаратном облачном оборудовании
Действительно кроссплатформенный, работает в Linux, MacOS и Windows 7/8/10
На основе пуленепробиваемых компонентов от Guzzle, SlimPHP и Workerman
Возможность расширения с помощью Composer: используйте ORM и шаблонизатор на ваш выбор
PSR, совместимый с нативными реализациями всех интерфейсов PSR-7
Имеет собственный HTTP-клиент с простым интерфейсом

https://github.com/gotzmann/comet

Fluor.js – скрипт позволяет добавлять взаимодействия и эффекты на сайте

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

Не имеет зависимостей и может быть добавлен на любую страницу с помощью одной строки HTML.

https://github.com/fluorjs/fluor

robinloeffel / cosha – js скрипт создает разноцветные тени для изображений

Простой и легкий (меньше 1кб)

import cosha from 'cosha';

cosha({
  className: 'colorful-shadow',
  blur: '10px',
  brightness: '125%',
  saturation: '110%',
  x: '2px',
  y: '6px'
});

https://github.com/robinloeffel/cosha

quotable-toolbar – скрипт позволяет делиться цитатами с сайта в twitter

JS библиотека, которая позволяет легко добавлять контекстное всплывающее окно на веб-страницу для обмена выбранным текстом и цитатами в Twitter

https://github.com/localjo/quotable-toolbar

bstreeview – плагин для создания дерева категорий на twitter bootstrap 4

function getTree() {
  // Some logic to retrieve, or generate tree structure
  return data;
}

$('#tree').bstreeview({ data: getTree() });

var tree = [
  {
    text: "Node 1",
    icon: "fa fa-folder",
    nodes: [
      {
        text: "Sub Node 1",
        icon: "fa fa-folder",
        nodes: [
          {
            id:    "sub-node-1",
            text:  "Sub Child Node 1",
            icon:  "fa fa-folder",
            class: "nav-level-3",
            href:  "https://google.com"
          },
          {
            text: "Sub Child Node 2",
            icon: "fa fa-folder"
          }
        ]
      },
      {
        text: "Sub Node 2",
         icon: "fa fa-folder"
      }
    ]
  },
  {
    text: "Node 2",
    icon: "fa fa-folder"
  }
];

https://github.com/chniter/bstreeview

panolens.js – просмотрщик панорам js на основе Three.js

Panolens.js – это программа для просмотра панорам на основе событий и WebGL. Легкий и гибкий. Он построен поверх Three.JS.

const panorama = new PANOLENS.ImagePanorama( 'asset/equirectangular.jpg' );
const viewer = new PANOLENS.Viewer();
viewer.add( panorama );

https://github.com/pchen66/panolens.js

  1. 1
  2. ...
  3. 7
  4. 8
  5. 9
  6. 10
  7. 11
  8. 12
  9. 13
  10. ...
  11. 226
Scroll Up