Posts

  • atomic-layout

    Build declarative, responsive layouts in React using CSS Grid.

    Modern layout development is about modularity and composition. Following the best practices of [Atomic design][atomic-design], we strive toward independent UI units that gradually compose into more meaningful pieces. While the attention paid to units implementation is thorough, we often overlook how to achieve layout composition that scales. It’s as if we forget that spacing defines composition.

    When it comes to distributing the spacing things get more difficult. First of all, true contextless spacing is hard. To make things worse, all present solutions couple spacing with UI elements, inevitably making small reusable pieces contextful and, thus, hard to maintain.

    Atomic Layout helps you to compose your elements by introducing a dedicated spacing layer called Composition. It encourages you to separate concerns between UI elements’ visual appearance and spacing between them. With the first-class responsive support at your disposal you can build gorgeous responsive permutations of your elements without leaving the dedicated spacing layer, keeping UI elements contextless and predictable. Embrace the era of a true layout composition!

    Tags: #typescript • react • atomic-design

  • flat

    :steam_locomotive: Flatten/unflatten nested Javascript objects

    Take a nested Javascript object and flatten it, or unflatten an object with delimited keys.

    Tags: #javascript

  • promise-polyfill

    Lightweight ES6 Promise polyfill for the browser and node. A+ Compliant

    Lightweight ES6 Promise polyfill for the browser and node. Adheres closely to the spec. It is a perfect polyfill IE or any other browser that does not support native promises.

    For API information about Promises, please check out this article HTML5Rocks article.

    It is extremely lightweight. < 1kb Gzipped

    Tags: #javascript

  • bootstrap-sortable

    adding sorting ability to bootstrap table

    You should add the provided “moment.js” library, or get yourself a copy from http://momentjs.com.

    Tags: #javascript

  • prometheus-metrics-bundle

    Symfony 5/6 Prometheus Metrics Bundle

    Open a command console, enter your project directory and execute the following command to download the latest stable version of this bundle:

    composer require artprima/prometheus-metrics-bundle
    

    This command requires you to have Composer installed globally, as explained in the installation chapter of the Composer documentation.

    Tags: #php • symfony • symfony-bundle

  • CloudPeler

    CrimeFlare is a useful tool for bypassing websites protected by CloudFlare WAF, with this tool you can easily see the real IP of websites that have been protected by CloudFlare. The resulting information is certainly very useful for conducting further penetration testing, and analyzing websites with the same server.

    This tool serves to find the original IP behind websites that have been protected by CloudFlare, the information generated can be useful for further penetration. The information generated by this tool is as follows.

    • CloudFlare IP
    • CloudFlare NS1
    • CloudFlare NS2
    • Real IP
    • Hostname
    • Organization
    • Address (Country, City, Region, Postal Code)
    • Location
    • Time Zone

    Tags: #php • bypass-cloudflare • bypass-waf

  • documentserver_community

    Document server for onlyoffice

    This is a easy way to get ONLYOFFICE integrated in Nextcloud. It is developed purely as a way for home users to not have to deal with docker images, reverse proxies and other things. It is not aimed at anything beyond that - if you need it to scale, use the docker image, packages or other methods, those will always be faster and more scalable.

    The work on this was sponsored by Nextcloud GmbH for the private home user community. There is no commercial support available and there will not be.

    Tags: #php

  • socket-io-typescript-chat

    A chat application implemented using Socket.io, TypeScript, Angular and Angular Material components

    Read the blog post with details about this project: Real Time Apps with TypeScript: Integrating Web Sockets, Node & Angular

    Tags: #typescript • socket • angular

  • node-website-scraper

    Download website to local directory (including all css, images, js, etc.)

    Options Plugins Log and debug Frequently Asked Questions Contributing Code of Conduct

    Download the website to the local directory (including all css, images, js, etc.)

    Note: by default dynamic websites (where content is loaded by js) may be saved not correctly because website-scraper doesn’t execute js, it only parses http responses for html and css files. If you need to download a dynamic website take a look at website-scraper-puppeteer.

    This module is an Open Source Software maintained by one developer in free time. If you want to thank the author of this module you can use GitHub Sponsors or Patreon.

    Tags: #javascript • website-scraper • scraper

  • sabnzbd

    SABnzbd - The automated Usenet download tool

    SABnzbd has a few dependencies you’ll need before you can get running. If you’ve previously run SABnzbd from one of the various Linux packages, then you likely already have all the needed dependencies. If not, here’s what you’re looking for:

    • python (Python 3.8 and above, often called python3)
    • Python modules listed in requirements.txt. Install with python3 -m pip install -r requirements.txt -U
    • par2 (Multi-threaded par2 installation guide can be found here)
    • unrar (make sure you get the “official” non-free version of unrar)

    Optional:

    • See requirements.txt

    Your package manager should supply these. If not, we’ve got links in our installation guide.

    Tags: #python • usenet • binary-newsreader

subscribe via RSS