STYLE SWITCHER

Hi, I am Anish

More about Anish

Name : Anish

Email : anish.alias00@gmail.com

Admin theme color : fresh

Post by Anish

Algolia – Make every search

Algolia – Make every search

Your users almost certainly use at least one of YouTube, Amazon, and Facebook. An essential feature that these big websites share is great search. However, the reason they have great search is because they have hundreds (if not thousands) of people working on it full-time.

What Is Algolia?

Because your users are constantly exposed to great search on these platforms, they expect to find it on every site and application that they use. But your company is not a search company: it doesn’t make sense for you to hire hundreds of developers to reinvent search.

This is where Algolia comes in: we provide software and tools to help you implement efficient, flexible, and insightful search on your sites and applications.

What does Algolia do?

Algolia broadly consists of two parts: search implementation and search analytics. We provide tools that make it easy for your developers to create and maintain great search experiences for your users; and tools for your business teams to analyze the impact of those experiences and refine them, so they can directly address your rapidly evolving business objectives.

Search as a feedback loop

Search has the potential to not only help your business, but also shape it.

To be clear, search doesn’t know the direction that your business should take. However, it can help you gather information on what your customers want, so you can better align your business with your users.

Imagine having a way of asking every single customer who walked into a physical store with all your products, “what are you looking for?” and recording their responses. Rapidly, this would give you a sense of what they’re actually looking for, what they’re not, and how both of these overlap with what you are currently providing.

Algolia lets you immediately start collecting this information on your users.

Website
More
Pika – Universal JavaScript is here

Pika – Universal JavaScript is here

Pika is a new kind of package registry for the modern web. 100% ESM. Write once, run natively on every platform.

A new take on package management.

Pika handles formatting, configuring, building and publishing every package on the registry, so that individual authors don't have to.

A registry that understands your source code is able to perfectly-configure your package for you. Pika builds your package to run everywhere, and you spend less time messing with boilerplate tooling. Win win!

Universal JavaScript needs a universal editor.

For this new ecosystem to work, we needed a consistent, universal dev experience for every package on the registry. A universal package editor guarantees your package can't import or do anything Node.js specific that would require a bundler/tooling to use in the browser.

So we created Pika Code. Pika Code is a package code editor that gives you a hosted, easy-to-use, zero-config dev experience for every package on the registry. It takes care of all of your tooling for you, and connects directly with the registry for easy publishing.

Pika? NPM? Why not both.

Every Pika package is automatically published to npm. Your users can install your latest releases from npm, or import them directly from our global registry CDN.

Our CDN lets you build powerful web apps without a bundler. Just load your dependencies directly in the browser using ESM JavaScript imports. Because everything on the registry supports ESM, there are no legacy dependencies to worry about. Our packages even run on Deno.

A more secure registry.

No matter how well you secure your own codebase, external dependencies pose a security threat to everyone.

Pika protects the safety of the entire ecosystem by controlling the publish step. Pika publishes each package directly from source, so malicious or hacked authors can't skip code review or sneak malicious code unnoticed into the registry.

Website
More
ngx-bootstrap: Exclude element in heading from closing an accordion item

ngx-bootstrap: Exclude element in heading from closing an accordion item

<span (click)="$event.stopPropagation()">This should not close it</span>
More
Enable nested comments in WordPress Theme👇

Enable nested comments in WordPress Theme👇

In the Settings >> Discussion Screen, there is a options tick box, 'Enable threaded (nested) comments [X] levels deep'. From there you can tick to activate threaded comments and set how many levels deep to a maximum of 10.

You should also check if your theme has the following piece of code, should normally be in the functions.php template of your theme.

wp_enqueue_script('comment-reply')
More
Bit

Bit

Bit helps your team share components and collaborate to build faster together. Give it a try.

Increase code reuse. Reduce overhead.

Easily share components between your projects and apps, with zero refactoring or overhead. Bit is open-source and plays with Git and NPM to help your team scale code-sharing and build faster together.

Website
More
jsGrid – Lightweight Grid jQuery Plugin

jsGrid – Lightweight Grid jQuery Plugin

jsGrid is a lightweight client-side data grid control based on jQuery. It supports basic grid operations like inserting, filtering, editing, deleting, paging, and sorting. jsGrid is flexible and allows to customize its appearance and components.

What jsGrid can do

Filtering
jsGrid supports data filtering by different criterias.
Data Editing
jsGrid allows to add new records, update, and remove data rows.
Paging
jsGrid has a flexible pager allowing to paginate data on the client and on the server side.
Fields
jsGrid provides different column types: text, numeric, select, checkbox and more.
Data Sources
jsGrid works with any type of data source from static javascript array to REST-service.

Sorting

jsGrid supports sorting with user interaction and with api.
Validation
jsGrid allows to validate inserting and editing data.
i18n
jsGrid is localized to several languages and allows to add custom locales with ease.
Callbacks
jsGrid provides plenty of callbacks to control and customize behavior. Website
More
Zdog – Round, Flat, Designer-Friendly Pseudo-3D Engine

Zdog – Round, Flat, Designer-Friendly Pseudo-3D Engine

Zdog is a 3D JavaScript engine for <canvas> and SVG. With Zdog, you can design and render simple 3D models on the Web. Zdog is a pseudo-3D engine. Its geometries exist in 3D space, but are rendered as flat shapes. This makes Zdog special.
Features:
  • Zdog is small. 2,100 lines of code for the entire library. 28KB minified.
  • Zdog is round. All circular shapes are rendered as proper circles with rounded edges. No polygonal jaggies.
  • Zdog is friendly. Modeling is done with a straight-forward declarative API.

Zdog was designed to bring the simplicity of vector illustration into 3D. Drawing circles and squares is easy and fun. Zdog just adds another dimension.

Download

Link directly to Zdog JS on unpkg.

<script src="https://unpkg.com/zdog@1/dist/zdog.dist.min.js"></script>
Website
More
Contact Form 7 – reCaptcha v2

Contact Form 7 – reCaptcha v2

Contact Form 7 v5.1 dropped support for reCaptcha v2 along with the [recaptcha] tag December 2018. This plugin brings that functionality back from Contact Form 7 5.0.5 and re-adds the [recaptcha] tag.
Description

Contact Form 7 v5.1 dropped support for reCaptcha v2 along with the [recaptcha] tag December 2018. This plugin brings that functionality back from Contact Form 7 5.0.5 and re-adds the [recaptcha] tag.

If this plugin is installed before updating Contact Form 7 from v5.0.5 to v5.1.1 then it will carry over your old API keys. At that point you will just need to head to this plugins settings page to tell the website to use reCaptcha v2.

Once installed and configured it should be the same reCaptcha functionality you are used to in previous versions of Contact Form 7.

Plugin Website
More
Angular js 2 Owl Carousel Responsive options

Angular js 2 Owl Carousel Responsive options

<div class="col-md-10 offset-md-1 col-xs-12">
          <owl-carousel [options]="{responsive:{
    '320':{
        items:1

    },
    '600':{
        items:3

    },
     '980':{
        items:4,
       nav:true,
      dots: true

    }

  }}" [items]="viewCustomObjectList" [carouselClasses]="['owl-theme', 'row', 'sliding']">

Owl carousel Angular version, Click here

More
Maintain the aspect ratio of a div with CSS

Maintain the aspect ratio of a div with CSS

In order to maintain the aspect ratio of a div with CSS create flexible elements that keep their aspect ratio (4:3, 16:9, etc.) when resize the browser window.

What is aspect ratio?

The aspect ratio of an element describes the proportional relationship between its width and height. Two common video aspect ratios are 4:3 and 16:9.

To maintain the aspect ratio of the div add a percentage value for padding-top. Different aspect ratio have different percentage values. Some of them are shown below:

aspect ratio  | padding-top value
--------------|----------------------
    1:1       |       100%
    16:9      |       56.25%
    4:3       |       75%
    3:2       |       66.66%
    8:5       |       62.5%

Syntax

elemenet {
    padding-top: %value;
}
More