Code Monkey home page Code Monkey logo

anime-news-network-reimagined's Introduction

A modern design for Anime News Network.

This layout is focused on improving readability and navigation.

  • Daily Grids are 3 columns instead of the default 4 columns.
  • The header now stays in view at all times to ensure easy navigation.
  • The side highlights have been moved to the middle.
  • Several minor changes to fit the theme.

There are limitations.

  • It does not work on table elements as the site uses images to generate its tables.
  • The primary focus was on the homepage. Other pages on the site might not be displayed properly. I may update the stylesheet in the future so that they may work.
  • It does not work on vertical screens(phones or vertical monitors).
  • It only works with the "Grid View with Images" display mode.

FAQ:

What is this?

This is a custom stylesheet for Anime News Network. It improves the website layout and also changes the theme to dark mode.

Why did you make this?

I discovered the extension Stylus recently and thought I could practice my CSS skills by redesigning Anime News Network because I use that site quite often. I did not start from scratch. I used ANN Dark Theme by slickboy as the base.

Do you have experience in Web Development?

I took one Web Development class in university and that was all. That class taught me HTML and CSS. That is the limit of my knowledge. At the moment, I do not know Javascript but I will learn it someday.

Will this custom CSS be updated?

Maybe. Since I use the website quite often at the moment, if an update is needed, I will probably update it.

I have encountered an error!

As I have said, I am not an experienced developer. I suggest joining a few Subreddits or Discord servers as they may be of much more help to you.

anime-news-network-reimagined's People

Contributors

ft-scobra avatar

Watchers

 avatar

anime-news-network-reimagined's Issues

v1.5

Add Hover Transitions

  • Add mouse hover transitions for boxes on homepage.
  • Do the same for other pages.

Frame Article/Blog posts

  • Make Article/Blog posts more readable by adding Frames.

v1.4

Tables

  • Add support to HTML tables.

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.