Web Design and Development Agency

Fri May 10 2024 05:30:28 GMT+0000 (Coordinated Universal Time)

Saved by @codecanvas ##webdesign #webdevelopment #logo #logo_design #webassembly

Crafting Trust through Code and Canvas

https://www.codecanvas365.com/

Save snippets that work from anywhere online with our extensions

Comments

More like this

##webdesign #webdevelopment #logo #logo_design #webassembly

Web Design and Development Agency

https://www.codecanvas365.com/

#C #C# #webassembly

Exclude and Include Matches for Content Scripts in Google Chrome

{
  "name": "My extension",
  ...
  "content_scripts": [
    {
      "matches": ["http://*.nytimes.com/*"],
      "exclude_matches": ["*://*/*business*"],
      "js": ["contentScript.js"]
    }
  ],
  ...
}

#webassembly

Blazor Custom Element

#add customElement pkg to blazor web assembly app 

#create custom element component in Program.cs
builder.RootComponents.RegisterCustomElement<Counter>("cus-ele");

#define Razor @code
<h1>@Title</h1>

<p role="status">Current count in Razor: @currentCount</p>
<p>Increment amount in Razor: @IncrementAmount</p>

<button class="btn btn-primary" @onclick="IncrementCount">Click me in Razor</button>

@code {
    private int currentCount = 0;

    [Parameter] public string Title { get; set; } = "Blazor Counter";
    [Parameter] public int? IncrementAmount { get; set; }

    private void IncrementCount()
    {
        currentCount += IncrementAmount.GetValueOrDefault(1);
    }
}

**************

#create proxy file w/ dotnet generated url 
{
  "/": { "target": "https://localhost:44355/", "secure": false}
}

#create separate angular app
@Component({
  selector: 'app-root',
  template: `
    <div class="content">
      <h1>Welcome to {{title}}! from Angular Code</h1>
      <p>This is an Angular application that can also host Blazor components.</p>
      <p>
        <button (click)="addBlazorCounter()">Add Blazor counter from angular</button>
        <button (click)="removeBlazorCounter()">Remove Blazor counter from angular</button>
      </p>
      <div *ngFor="let counter of blazorCounters">
        <cus-ele [attr.title]="counter.title"
                    [attr.increment-amount]="counter.incrementAmount">
        </cus-ele>
      </div>
    </div>
  `,
  styles: []

})
export class AppComponent {
  title = 'ng-custom-ele';

  blazorCounters: any[] = [];
  nextCounterIndex = 1;

  addBlazorCounter() {
    const index = this.nextCounterIndex++;
    this.blazorCounters.push({
      title: `Angular sent Counter ${index} input from angular to Razor @code`,
      incrementAmount: index,
    });
  }

  removeBlazorCounter() {
    this.blazorCounters.pop();
  }
}

#webassembly #javascript #nodejs

Dominate the Crypto Market with Your Own Binance Clone App

https://www.opris.exchange/binance-clone-script/

#webassembly

1_SUB_TO_PANDA-MAN - YouTube

#design #tasktools #designtools #image #image_edit #webassembly

Remove.BG

https://www.remove.bg/upload

#instagramclonescript #instagram #clone #script #mobileappdevelopment #webdevelopment

Discover the Power of Social Networking with Our Instagram Clone

Are you looking to create a thriving social networking platform similar to Instagram? 
  
Look no further! At Appkodes, we offer a feature-rich and customizable Instagram clone script that empowers you to launch your own successful social media platform.

Our Instagram clone comes packed with all the essential features that users love, including photo and video sharing, user profiles, likes and comments, hashtags, direct messaging, explore page, and much more. With its sleek design and user-friendly interface, your users will enjoy a seamless and engaging experience.

But that's not all! Our Instagram clone also provides you with the flexibility to add your own unique features and monetization options to suit your business needs. Whether you're targeting a specific niche or a broad audience, our script can be tailored to meet your requirements.

Don't miss out on the opportunity to tap into the immense potential of social networking. Take the first step towards building your own Instagram-like platform today!


For More Details
https://appkodes.com/instagram-clone/
Skype : live:appkodesales
Ph-+919500606496

#fintechdevelopment #softwareengineering #softwaredevelopment #digitaltransformation #usa #us #uk #2024 #2023 #future #technology #webdevelopment

Fintech Software Development Company

https://technoderivation.com/fintech-software-development

Web Design and Development Agency

Save snippets that work from anywhere online with our extensions

Comments

More like this

Browse more snippets >>

Embed code snippet