Digital Shifu

Home
Digital Shifu

Empowering Careers through Digital Skills. Join Digital Shifu Today!

23/10/2023

১০টি CSS Generator Sites , যেগুলি আপনার কাজের প্রোডাক্টিভিটি বহুগুন বাড়িয়ে দিতে পারে।

1. Blob maker

→ The blob maker tool helps you create different unusual shapes and allows you to copy and download the SVG.

👉 https://www.blobmaker.app

2. Getwaves

→ It's a waves generator that helps to make different waves and allows you to copy and download the SVG.

👉 https://getwaves.io

3. Neumorphism

→ It's a Neumorphism generator in which you can experiment and get CSS code.

👉 https://neumorphism.io

4. Glassmorphism

→ It generates glass morphism effect you can play & customize and get the CSS code for it.

👉 https://tinyurl.com/3dw3xftk

5. CSS Glow Generator

→ A fresh CSS glow generator that generates cross-browser compatible code for your glowing needs.

👉 https://tinyurl.com/mrbdrf5m

6. Cubic-bezier

→ Cubic-bezier is a tool to Preview & compare cubic-bezier easings as you customize &, and it lets you copy it.

👉 cubic-bezier.com

7. css3 generator

→ It comes with many useful generator tools to demonstrate many CSS properties in a quick visual way.

👉 css3generator.com

8. Clip Path Maker

→ It's an easy CSS clip-path maker, it allows to make many complex shapes with clip-path property.

👉 bennettfeely.com/clippy

9. CSS Grid Generator

→ CSS Grid layout generator helps to create grid box containers and grid items that adjust their position as per grid rules.

👉 https://tinyurl.com/m6nvebvj

10. CSS Portal

→ CSS Portal is home to many examples of CSS / HTML and how it can be used in website design. Here you'll find all CSS properties and many CSS generators to help with all your design needs.

👉https://www.cssportal.com

Like, comment and share for more awesome content 👍

15/10/2023

Create Animated Search Bar Using HTML and CSS - Easy Tutorial
টিউটোরিয়াল লিঙ্ক: https://youtu.be/X1AiPVqSf0k

Like, comment and share for more awesome content 👍

11/09/2023

Pricing Card With Particle (On Move) Effect Using HTML, CSS And JavaScript - GSAP

সম্পূর্ণ ভিডিওটি দেখতে কমেন্ট বক্সে দেওয়া প্রথম লিঙ্কটিতে ক্লিক করুন।

Like, comment and share for more awesome content 👍

31/08/2023

অনেকেই দেখি বিভিন্ন গ্রুপে Icon এর Website চেয়ে পোষ্ট করে। তাই ভাবলাম আপনাদের সাথে আইকনের কিছু ওয়েবসাইট শেয়ার করি। আশা করি আপনাদের উপকারে লাগবে।

এখানে ১০টি ওয়েবসাইট রয়েছে, কোন গুলো আপনি এই পোষ্টের মাধ্যমে জানলেন, কমেন্ট বক্সে জানিয়ে দিন।

1. Font Awesome: Font Awesome is the Internet's icon library and toolkit, used by millions of designers, developers, and content creators.

🔗 https://fontawesome.com

2. Remix Icon: Open-source neutral-style system symbols elaborately crafted for designers and developers.All of the icons are free for both personal and commercial use.

🔗 https://remixicon.com

3. Boxicons: Boxicons' is a carefully designed open source iconset with 1500+ icons. It's crafted to enrich your website/app experience.

🔗 https://boxicons.com

4. css.gg: 700+ css icons. Open-source CSS, SVG and Figma UI Icons Available in SVG Sprite,PNG in white and black colors, styled-components, NPM & API.

🔗 https://css.gg/

5. LineIcons: 8400+ Handcrafted UI icons for modern user interfaces of web, mobile, and desktop app design and development projects.

🔗 https://lineicons.com

6. Material Icons: Material Icons are available in five styles and a range of downloadable sizes and densities. The icons are based on the core Material Design principles and metrics.

🔗 https://material.io/resources/icons

7. Flaticon: Download Free Icons and Stickers for your projects. Images made by and for designers in PNG, SVG, EPS, PSD and CSS formats.

🔗 https://www.flaticon.com

8. Pictogrammers: Their libraries are beautifully crafted and completely open-source, so you can focus on your designs and development.

🔗 https://pictogrammers.com

9. Feather Icons: Feather is a collection of simply beautiful open-source icons. Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency, and flexibility.

🔗 https://feathericons.com

10. Ionicons: Premium designed icons for use in web, iOS, Android, and desktop apps. Support for SVG. Completely open source, MIT licensed and built by Ionic.

🔗 https://ionic.io/ionicons

21/08/2023

১০টি VS Code Extensions, যেগুলি আমি ব্যবহার করি.....

1. Live Server

Launch a development local Server with live reload feature for static & dynamic pages.

🔗 https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

2. Prettier

Code formatter using prettier.

It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary.

🔗 http://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

3. VSCode-icons

Icons for Visual Studio Code.

🔗 http://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons

4. Tabnine

AI-powered code completion and suggestions.

🔗 http://marketplace.visualstudio.com/items?itemName=TabNine.tabnine-vscode

5. Indent-rainbow

Makes indentation easier to read. A simple extension to make indentation more readable.

🔗 http://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow

6. Auto Rename Tag

Auto rename paired HTML/XML tag. Automatically rename paired HTML/XML tag, same as Visual Studio IDE does.

🔗 http://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag

7. JavaScript Code Snippets

Code snippets for JavaScript in ES6 syntax.

🔗 http://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets

8. Regex Previewer

Regex Previewer gives you a side document that matches your regex. This extension gives you multiple examples to match, so it becomes much easier to quickly and accurately write a regex for a variety of use cases.

🔗 https://marketplace.visualstudio.com/items?itemName=chrmarti.regex

9. HTML CSS Support

CSS Intellisense for HTML. HTML id and class attribute completion for Visual Studio Code.

🔗 http://marketplace.visualstudio.com/items?itemName=ecmel.vscode-html-css

10. Path Intellisense

Visual Studio Code plugin that autocompletes filenames.

🔗 http://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense

28/07/2023

CSS filter properties

The filter CSS property applies graphical effects like blur or color shift to an element. Filters are commonly used to adjust the rendering of images, backgrounds, and borders.

27/07/2023

Visualise Measurement using element.

We can use element to represent scaler measurement within a range.

25/07/2023

Download links - HTML TIPS 💡

You can turn a hyperlink into a download link by adding the download attribute.

Like, comment and share for more awesome content 👍

20/07/2023

Fill Text With Any Background - HTML, CSS TIPS💡

Like, comment and share for more awesome content 👍

16/07/2023

How to Upload Project on Github - খুব সহজেই এই Step গুলো Follow করে আপনার প্রোজেক্টি গিটহাবে আপলোড করে ফেলুন।

Like, comment and share for more awesome content 👍

09/07/2023

How to Place Video inside Text - Html & CSS Tutorial

Like, comment and share for more awesome content 👍

Address

Website

facebook.com

Alerts

Be the first to know and let us send you an email when Digital Shifu posts news and promotions. Your email address will not be used for any other purpose, and you can unsubscribe at any time.

Videos

How to Create Animated Search Bar Using HTML and CSS - Easy Tutorial

Create Animated Search Bar Using HTML and CSS - Easy Tutorial টিউটোরিয়াল লিঙ্ক: https://youtu.be/X1AiPVqSf0k Like, comment and share for more awesome content 👍 #BanglaTutorial #cssanimation #webdesign #htmlcss #digitalshifu

How To Make Pricing Card With Particle (On Move) Effect Using HTML, CSS And JavaScript - GSAP

Pricing Card With Particle (On Move) Effect Using HTML, CSS And JavaScript - GSAP সম্পূর্ণ ভিডিওটি দেখতে কমেন্ট বক্সে দেওয়া প্রথম লিঙ্কটিতে ক্লিক করুন। Like, comment and share for more awesome content 👍

Show-hide Password #javascriptcoding #javascriptprogramming #digitalshifu #webdesign

Side Navigation Menu Using HTML CSS & JavaScript #BanglaTutorial orial #coding #htmlcssjavascript #HTMLCSSTutorial

Fill Text With Any Background - HTML, CSS TIPS💡 Like, comment and share for more awesome content 👍 #BanglaTutorial #htmlcss #csstips

How to Upload Project on Github

How to Upload Project on Github - খুব সহজেই এই Step গুলো Follow করে আপনার প্রোজেক্টি গিটহাবে আপলোড করে ফেলুন। Like, comment and share for more awesome content 👍

Response time কি এবং একটি ওয়েবসাইট এর response time কত হওয়া উচিত? আমাদের ওয়েবসাইট এর সকল data একটি server এ store থাকে। User যখন browser এ কিছু লিখে সার্চ করে তখন পেইজ টি load হওয়ার জন্য সেই server এ signal যায় । server থেকে পেইজ টি সম্পূর্ণ load হতে যেই সময়টুকু লাগে সেটিই হলো response time. Google এর মতে একটি ওয়েবসাইট এর response টাইম 200ms এর কম হওয়া উচিত। এই টুল টির সাহায্যে এক মিনিট এর ও কম সময়ে আপনার ওয়েবসাইট এর কতগুলো পেইজ আছে যেগুলোর response time 200 Milliseconds এর বেশি তা বের করা যায়। প্রথমেই আপনার ওয়েবসাইট টি এই টুল এর সাহায্যে crawl করতে হবে। crawl complete হওয়ার পর Response Codes tab এ এসে একটু ডানে scroll করলেই response time পেয়ে যাবেন। এটি higher to lower এ sort করে easily প্রতিটি পেইজ এর response time দেখে নিতে পারবেন। মনে রাখবেন এখানে যেই time দেখানো হচ্ছে সেটি আসলে second এ দেখায়। বুঝতেই পারছেন এখানে কতগুলো পেইজ আছে যেগুলোর response time 200ms এর চেয়ে অনেক বেশি। Hope you enjoyed the video.

How to Place Video inside Text - Html & CSS Tutorial

How to Place Video inside Text - Html & CSS Tutorial Like, comment and share for more awesome content 👍 #htmlcss #webdesign #BanglaTutorial

JavaScript Array Methods #BanglaTutorial #javascript #digitalshifu

Shortcuts

Address
Alerts
Videos
Claim ownership or report listing
Want your business to be the top-listed Media Company?

Country:

City: