Skip to main content

Posts

Showing posts with the label Web development

Google Domains & Setting up customised email without workspace

📧 Google Domains & Custom Email Setup (Free Gmail Integration) 🔍 Summary Google services are extremely powerful and customizable. In this guide, we'll show you how to set up: 📥 Email forwarding from your custom domain to Gmail 📤 Sending emails from your domain via Gmail using SMTP 💸 All at zero cost (aside from the domain purchase) 🛠️ Prerequisites ✅ A custom domain (e.g. from Google Domains ) ✅ A Gmail account 📩 Part 1: Email Forwarding via Google Domains Step 1: Setup Email Forwarding Go to https://domains.google.com/registrar/<your_domain>/dns Navigate to: Email → Email forwarding → Add email alias Enter your alias (e.g. admin@yourdomain.com ) and the Gmail address to forward to Click “Add” and verify via the email sent to your Gmail Step 2: Verify DNS MX Records In Google Domains, go to DNS section Ensure the correct MX records are set (added automatically during...

CRUD form using Datatables with dynamic Add & Delete rows

Hope you guys have suffered same issues as me with Web Development to create forms with Create/Read/Update/Delete functionality. I really use "Datatables" ( www.datatables.net ) for displaying data in tabular format.  Datatables has got many advantages and is easily compatible with bootstrap stylings. IE8+ support, major browser support and uses jQuery as its core Can natively map JSON data Searching and Filtering functionality with pagination Support MultiLanguage support, ClientSide Sorting, AJAX based inputs Can filter required Columns at front-end Datatables is free but it's editor (editable tables) are paid. Hence I thought of putting together a simple table to use for editing and publishing data for POST purposes. In Summary, what we are doing here is Creating HTML stub with table headers within a form . Also add "Add Row" and "Delete Row" buttons with onclick actions attached to it and a "Submit" button In your javas...

Web Development Test bed

There are quite few test-bed online for your web-development . JSFiddle was on the top but now it is loosing its sheen. I have now moved most of my web-development tests to "plunker" which is much advanced than already available ones. Moreover you can integrate with your github.com id thus keeping version of your code Please find a sample Plunker embedded into google blogger (Sample below) Loading plunk... Code to embed is:

Data visualisation and HTML playground

For those who are working on Web development and data visualisation, below links are very useful. Some are for providing the much needed data visualization techniques, while others provide CSS and javascript integration http://code.google.com/apis/ajax/playground/ http://jsfiddle.net/wkCNm/ http://www.fusioncharts.com/demos/gallery/ http://www.w3schools.com/css/default.asp http://960.gs http://freemarker.sourceforge.net/docs/index.html http://www.w3schools.com/xpath/default.asp http://formalize.me/ http://www.1stwebdesigner.com/css/powerful-css-tools-generators-automate-workflow/   #To test various CSS features http://www.tutorialsbucket.com/draw-basic-shapes-css3-tips-and-tricks http://thejit.org/static/v20/Jit/Examples/Spacetree/example1.code.html  #alernative graphs http://www.visualcomplexity.com/vc/  # visualisation samples