Skip to content

Instantly share code, notes, and snippets.

View andishe-wpd's full-sized avatar

andishe abasian andishe-wpd

21 followers · 30 following
View GitHub Profile
@andishe-wpd
andishe-wpd / BaseErrorBoundary.tsx
Created February 3, 2025 06:53
ErrorBoundaryExample
import React from 'react';
import { DefaultErrorFallback } from './ErrorFallback/DefaultErrorFallback';
import { logError } from '@/utils/logError';
interface Props {
children: React.ReactNode;
fallback?: React.ReactNode;
onError?: (error: Error, errorInfo: React.ErrorInfo) => void;
}
@andishe-wpd
andishe-wpd / background.css
Created December 30, 2023 16:31
using some background option on CSS
.element {
background:
url('background-image1.jpg') top left/cover no-repeat,
url('background-image2.jpg') bottom right/cover no-repeat,
linear-gradient(to right, #3498db, #2ecc71);
background-blend-mode: multiply;
background-origin: content-box;
background-clip: padding-box;
background-attachment: fixed;
}
@andishe-wpd
andishe-wpd / semantic.html
Created December 30, 2023 15:41
Using all semantic HTML elements in a single piece of code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Semantic HTML Example</title>
<style>
/* Add some basic styling for better presentation */
body {
font-family: Arial, sans-serif;
@andishe-wpd
andishe-wpd / form-attribute.html
Created December 30, 2023 15:38
these are some comment html form attribute.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sample Form</title>
<style>
/* Add some basic styling for better presentation */
body {
font-family: Arial, sans-serif;