Coder Social home page Coder Social logo

eibensteiner.com's Introduction

eibensteiner.com's People

Contributors

eibensteiner avatar dependabot[bot] avatar

Stargazers

Frederic Köberl avatar

Watchers

 avatar

eibensteiner.com's Issues

Properly handle text-overflow cases

The responsiveness must be drastically improved. The behavior of longer-than-usual texts is important for desktop viewports and even more so for smaller screens. Texts that are too long should be truncated after a predefined maximum line length.

Authors should be contactable

It should be possible for users to contact the author of a thought or story via their email address. This still has to be investigated, but it could be achieved by hovering over the author's name in the feed and showing a tooltip, or at the profile page.

Every story should have auto-generated OG-images

When copying and pasting the link to a story on X or similar platforms, it is usually rendered with a visual preview. People should get a rough overview of what to expect when clicking a link. Showing the story title and the author would be perfect in this case.

Add filter for featured and recent entries

Instead of the filter options "Recents", "Stories" and "Thoughts" it would make more sense to have "Recents" and "Featured" filter options.

"Featured" posts will be hand picked in the future.

Images should be click- and resizeable

Images in stories, as well as images in thoughts, should be clickable. When clicked, the image should open as an overlay. By clicking either a close button or the backdrop, the image should then minimize.

Change story-visualization in the link-block

Currently, the link-block only displays the extracted images from a story. Unfortunately, this doesn't look very good because UI images are not recognizable at a width of 60px.

That's why I'd like to try the paper visualization: The content of the entire story should be rendered within a 48x64px rectangle, making it resemble a piece of paper with text and images on it.

Pin introduction to the top of the feed

The purpose of the website needs to be explained at the very top, where the user initially sees the feed. It should feature a custom design but should also be hideable. Once hidden, the introduction shouldn't be displayed anymore.

Additionally, the introduction should link to the already existing story about the launch, without affecting the post of the story.

Hide already fetched posts when they are not in the viewport

To improve the performance of the feed, it would be better to show only the posts that are visible in the viewport (including a few more above and below the fold) and temporarily hide all other already loaded posts.

As the user scrolls, hidden posts should reappear, and this process should repeat.

Take a look at Posts, which handles it similarly.

Add README

The used stack as well as the purpose of this repository needs to be documented.

Merge profile-feeds to one unified feed

This measure should open the gate for further improvements, such as co-authored posts, and it also reduces the friction of navigating between stories and the primary feed.

Support image-captions

It should be possible to add captions to images, not only for accessibility reasons but also for a better understanding of the context an image is placed in.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.