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-bundleThis 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-scraperdoesn’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 calledpython3)- Python modules listed in
requirements.txt. Install withpython3 -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