CXDI - SERVE TECHNOLOGY

Embed User all GitHub Repos Loading Animations is a bonus point Here... Use Website :- https://sh20raj.github.io/GitHub-Cards/ or https://github-cards.sh20raj.repl.co/ URL Syntax :- https://github-cards.sh20raj.repl.co/embed.html?user={username} How to Embed Example (user = sopinstagram ) :- https://github-cards.sh20raj.repl.co/embed.html?user=sopinstagram Use iframe to embed all repos on your website like this <iframe src= "https://github-cards.sh20raj.repl.co/embed.html?user=sopinstagram" frameborder= "0" width= "100%" height= "1000px" ></iframe> Enter fullscreen mode Exit fullscreen mode Other Demo (User = google) :- https://sh20raj.github.io/GitHub-Cards/embed.html?user=google

Not knowing the basic tech can sometimes increase the size, affect the performance and add an extra layer of complexity to the project. This article is a heads up that you can do a lot with just vanilla HTML and a bit of CSS if you want it to look pretty. I have collected some of the most useful HTML tags and attributes, so you can study them and use in your next project. I also created 12 separate Codepens , so you can get a live taste and play around with the examples. 🎨 Color Picker Often in the developer workflow you might want to access the color spectrum and be able to pick up any shade from it. You can use <input type="color"> , which would otherwise be a time-consuming task to write from scratch. 📚 Blockquote When writing articles you might want to highlight some of your favorites quotes. You can use a <blockquote> tag for that. Add some custom styling and you have a nice element that wi...

     Sharing your links and short text between devices without downloading any app.   LinkShared :- https://www.linkshared.io/

detectDeviceType() this function will return you a string value either "Mobile" or "Desktop".   const detectDeviceType = () => /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ? 'Mobile' : 'Desktop'; // Example detectDeviceType(); // "Mobile" or "Desktop" See Demo on Codepen :- See the Pen Figure out if the device is a mobile or a desktop/laptop Using JavaScript by SH20RAJ ( @SH20RAJ ) on CodePen .

Source :-  https://dev.to/madza/17-killer-websites-you-should-use-to-increase-productivity-2enk Today speed is one of the main criteria to beat the competition. I handpicked some useful productivity apps, that might come in handy in your developer workflow. These include anything you might need from working with images, animations, and fonts, to creating content for social media. Each tool will include a direct link, a description as well as an image preview. 1. Lorem Picsum Lorem Picsum is a placeholder generator for pictures, with lots of customization options. Provide parameters for your images directly in the URLs. 2. Remove.bg Remove the background of any photo automatically. Just select your image and instantly download the resulting image with the background removed. 3. PPFmaker PFPMaker generates professional profile pics from any photo. It uses background removal AI, beautifies your photo, and generates dozens ...

WebScrapperJS WebScrapperJS - Get Content/HTML of any website without being blocked by CORS even using JavaScript by WhollyAPI Website :- https://sh20raj.github.io/WebScrapperJS/ GitHub | Repl.it | Dev.to Article Grab the CDN or Download the JavaScript File <script src= "https://cdn.jsdelivr.net/gh/SH20RAJ/WebScrapperJS/WebScrapper.min.js" ></script> Enter fullscreen mode Exit fullscreen mode To Get HTML/Text Content of Any Website WebScrapper.gethtml() or WebScrapper.get() var url = ' https://google.com/ ' ; var html = WebScrapper . gethtml ( url ); //html of the url will be stored in this variable console . log ( html ); Enter fullscreen mode Exit fullscreen mode WebScrapper.gethtml() or WebScrapper.get() both are similar. Intialise own WebScrapper with URL new scrapper() let MyWebScrapp...

About Copyrights :- Actually we don't need it in the case or dev.to because dev.to itself provides an API that can be used to grab content from whole dev.to Articles content to our website. What do you think about it. Please reply Checkout the API docs and terms and say if still you will be not agree I will remove this content. Dev.to :-  https://dev.to/

Gurimg :- https://sh20raj.github.io/Gurimg/ Gur Img :- Free Unlimited Image Hosting - Direct Link - Share Image Across Devices Gurimg is a Simple Image uploading website. That uploads your images using imgur API and gives you a direct image link that you can use it in <img/> tag. And you will also get a sharing link that you can share your image (sharing buttons are on page). See Examples :- Website :- https://sh20raj.github.io/Gurimg/ Direct Link :- https://i.imgur.com/uyxmW0K.png Sharing Link :- https://gurimg.sh20raj.repl.co/image/?id=uyxmW0K Some Screenshots Gurimg - Home Image Uploaded Image Sharing Page Mobile View Source :- https://codexdindia.blogspot.com/2022/01/gurimg-free-unlimited-image-hosting-with-direct-link-and-sharing-link-2b1i.html Dev.to :- https://dev.to/sh20raj/gurimg-free-unlimited-image-hosting-direct-link-2b1i/

Hello friends, thanks for reading my 50 Free Websites For Learning How to Code post yesterday, if you didn't see it, you can check it out here . Today, I have decided to write about Free Illustration websites. I hope you will find it useful, if you know other resources, please let me know in the comments. Okay, let's start 👍🏻 1. Undraw This is an amazing website that you can even change the colors of the illustrations. You should check it out. 2. Humaaans Mix-&-match illustrations of people with a design library. This website allows you to design, position, and rotate the elements in your humaaans. 3. Drawkit 100% free! Hand-drawn vector illustration and icon resources, perfect for your next project. 4. Stubborn 5. Icon Scout Curated SVGs, Vector Icons, Illustrations, 3D graphics, and Lottie Animations. Over 3000+ assets added every day. Integrated plugins, tools, editors, and more. 6. Diversity Avatars 7. B...