muddassirhq

9 tháng trướcdiscuss

Title: AppleNotes Blogger Theme — an Apple Notes–style single-file Blogger theme (just sharing)

Hi HN — I made a single-file Blogger theme (applenotes.xhtml) that turns a Blogger blog into an Apple Notes–like three-column layout: folders/labels, notes list, and a reader/editor column. I’m posting this because I like the aesthetic and thought others might enjoy a minimal, old‑school blogging UI.

What it is - One XHTML/Blogger theme file (applenotes.xhtml) with an inline <b:skin> CSS block. - Uses Blogger template tags and widgets (Label, BlogArchive, Blog widget) so it uploads directly to blogger.com. - GPL‑3.0 licensed.

Why - Blogger was my first web platform and I wanted a simple, usable theme that feels like Apple Notes for people who just want to write and organize privately/publicly. - It’s intentionally minimal and opinionated — not a modern CMS clone, just a pleasant writing/listing interface.

Features - Responsive three-column layout that collapses for mobile. - Styled folder/label list, notes list with hover/active states, and a reading/editor area. - Toolbar, search input, empty states. - Easy to tweak colors, fonts, and column widths in the <b:skin> block.

How to use 1. Backup your current Blogger theme. 2. Theme → Restore → Upload, then paste or upload applenotes.xhtml. 3. Adjust colors/widths by editing the CSS inside the <b:skin> block (ensure UTF‑8).

Notes - This is a personal design project; I’m not soliciting feature requests, contributors are welcomed. If you want to fork or adapt it, it’s GPL‑3.0 — please include the license.

Do you have anything, nostalgia or otherwise to share or mention?

muddassirhq

2 năm trướcdiscuss

Aaah, I love to use it, but my friends and colleagues don't now that it even exist. So I am unable to use it.

muddassirhq

2 năm trướcdiscuss

Woah!, cool website Saksham! I loved the video clips that makes it very friendly to understand or get a quick hold of what you made.

muddassirhq

2 năm trướcdiscuss

What’s particularly relevant here is that using bookmarks as storage is a clever hack! While there are some very old and unmaintained extensions that also used bookmarks this way, they never fully explored or utilized their potential. Ather Tab, in a sense, serves as a proof of concept to showcase what’s possible with this approach.

muddassirhq

2 năm trướcdiscuss

Title: Show HN: Ather Tab – A Chrome Extension That Turns Your New Tab Into a Powerful Notepad

Hi HN,

I’m excited to share Ather Tab, a Chrome extension I’ve built to transform your browser’s new tab into a fully functional notepad. It's simple, lightweight, and packed with features designed to make note-taking seamless, accessible, and reliable.

Why Ather Tab? - Triple Storage Fallback: Notes are stored in three locations to ensure reliability even if one fails.

- Bookmark Integration: Notes are saved as bookmarks, so you can:

  - Access them from mobile devices without installing anything extra.  

  - Sync notes across browsers like Chrome and Edge if you use bookmark syncing.  

  - Edit notes directly from the bookmark URI on your phone, and it updates on your PC automatically.

- Auto-Sync: Your notes are backed up to your Google account with no extra setup required.

How Is It Unique? Unlike the only other notepad extension for the new tab, Ather Tab includes robust sync capabilities—an essential feature in today’s multi-device world.

Additional Features: - Popup and Sidebar Access: Use the notepad as a popup or sidebar. (Note: Sidebar access is currently limited due to a Chrome bug, but I’m tracking it closely.)

- New Tab Integration: Open a new tab, and your notes are right there—no clicks needed.

- Auto-Save: Never worry about losing your notes.

What Makes It Cool? No more cluttering your workspace with tabs or relying on unstable web apps for quick notes. With Ather Tab, your notes are always with you, whether you’re on your laptop or smartphone.

Try It Out I’d love for you to give Ather Tab a spin and let me know what you think. There are no signups or barriers—just install and start using it right away:

Install Ather Tab from Chrome Web Store: [https://chromewebstore.google.com/detail/ather-tab-synced-no...]

Try its UI at https://athertab.web.app

Feedback Welcome! I’m here to discuss, answer questions, and listen to your feedback. Let me know how it can be better or what features you'd like to see next!

Looking forward to your thoughts.

On behalf of Ather Sultana

muddassirhq

Submissions

A blogger theme inspired from Apple Notes?

Show HN: Ather Tab – Bookmarks URI as storage - proof of concept

comments