r/graphic_design - Coolage: Embed your color palette on the web.
Strategy

Embed your color palette on the web. : graphic_design


Coolage is an innovative tool to showcase your color palette on the web by embedding them in pages, readmes, etc.

r/graphic_design - Coolage: Embed your color palette on the web.

Motivation

While developing web projects it’s hard to showcase the exact color visually from its HEX, RGBA, and HSLA. To resolve this I had written various functions and components which renders a small box filled with the given color. Over time it became quite repetitive and frustrating. So I thought why not create a tool to solve the problem.

Usage

Using the Coolage URL generator you can pick the color and the size of the placeholder which generates a URL in real-time. Click the copy icon and the URL will be copied to your clipboard. Voila! Paste the URL and you are good to go 🙂

Try it now -> https://coolage.funcs.io/

Source Code -> https://github.com/funcsio/coolage



Source link

r/web_design - Create new widget area within posts?
Strategy

Create new widget area within posts? : web_design


Hi everyone – hope web design is the best place to ask this question.

Essentially i’m trying to tidy up the bottom of posts on my website. I’ve attached a screenshot below and will just quickly explain what each element is.

  1. (and above) body content of the post

  2. Google Ad words advert (nice to have, not earning much anyway)

  3. plugin to track feedback (important to inform funders etc) – auto generated at the bottom of posts.

  4. theme elements – tags and suggested posts.

  5. blank space before footer

r/web_design - Create new widget area within posts?

what I would like to do is put my ad (2) into the blank space (5) – I know this doesn’t optimise positioning etc, but that’s not my aim with the website so i’m not bothered.

I think the solution is to create a widget space under the theme elements and then add in my HTML code as I normally would for a widget area. For reference the theme is hueman.

However, I don’t know how to do this and have no CSS knowledge. Can anyone suggest a work around?



Source link

r/webdev - How to achieve this layout when pulling from a cms?
Strategy

How to achieve this layout when pulling from a cms? : webdev


I have this blog post layout which I need to create, but it requires featured posts and reversing of the flex container, how would I achieve this if the list of posts is being pulled from an API using Array.map()

I know how to map the post list if they have a uniform layout or a first post being different but how would I achieve every third post having a different layout compared to the normal post layout?

I am using React

r/webdev - How to achieve this layout when pulling from a cms?



Source link

r/webdev - I made a simple extension for managing Microsoft 365
Strategy

I made a simple extension for managing Microsoft 365 : webde…


r/webdev - I made a simple extension for managing Microsoft 365

Hello everyone.

Over the last 18 months I’ve been administrating more and more parts of Microsoft 365, to the point where I had a sprawling set of bookmarks growing a little out of control (!) Thus, Centro 365 was born. It’s simple, but that’s all it needed to be.

Free for all, available for Microsoft Edge, Google Chrome and Mozilla Firefox. I hope some of you find it useful too.



Source link

r/webdev - ConnectDome : Match with developers, projects, and ideas using AI
Strategy

Match with developers, projects, and ideas using AI : webdev


ConnectDome helps you match with developers, projects, and ideas.

In detail, ConnectDome provides you with tailored project recommendations, 1:1 AI matches with developers we think you’d love to work with, our aim is to simply enable a lot of developers out there who aren’t able to work on their ideas just because they don’t have the time to or lack support from other developers.

r/webdev - ConnectDome : Match with developers, projects, and ideas using AI

Our tailored project recommendations help you work on other projects with one huge benefit, you get to be directly in touch with the creator of that project which can be a big advantage for some.

We just launched our alpha and it’s free to use 🙂

P.S I built it using Django, the infamous Python Backend Framework lol



Source link

r/webdev - A tool for visual programming
Strategy

A tool for visual programming : webdev


I have been tinkering on a proof of concept package for visual coding in Laravel. It is by no means finished but I would love to get some feedback and ask if someone would like to collaborate – Im looking to make a JS/Node implementation instead of just PHP/Laravel (but thats the only thing Im strong in so a bit lost :))… Repo: https://github.com/ajthinking/data-story

r/webdev - A tool for visual programming

The background for making this package is I used to work with a similar software for geographic data processing, and it was really cool too see how it helped non coders to independently work magics with business data.

If you want to try it beware it might be a bit unpolished and require a PHP setup 🙂 Thanks for checking it out!



Source link

Post image
Strategy

I created Deskreen. This is a desktop app that makes any dev…


Post image

Deskreen Logo

Meet Deskreenan open source app that turns any device with a web browser into a secondary screen for your computer. Built with web technologies and ElectronJS so it is cross-platform. It supports Windows, MacOS and Linux.

Deskreen website: https://deskreen.com

Post image

Demonstrating Deskreen working with multiple devices at the same time.

Quick Demo Video On Youtube — Tablet as Second Screen for a laptop | Using Deskreen

Alternative video link can be viewed here:

Quick Demo Video — Tablet as Second Screen for a laptop | Using Deskreen

Features:

  • works with WiFi or LAN

  • use any device with web browser as second screen for your computer (using Display Dummy Plug)

  • use any device web browser to mirror your computer’s screen

  • use any device web browser to view a single application window from your computer’s screen

  • supports multiple screen sharing sessions to as many devices as you want

  • supports changing picture quality while sharing a screen.

  • Picture auto quality change supported. (for performance boost while watching youtube video for example)

  • End-to-end encryption

  • dark mode UI support 😉

  • available for Win / Mac / Linux

It all started with me wanting to use my iPad as a second screen for my Macbook. But I found that it is already outdated to use a MacOS built in feature called ‘Sidecar’ and I have to buy a new iPad, which I did not want to do. I also have a Windows PC and sometimes I needed to use my iPad as second screen for it as well. I tried to look for FREE solutions on internet, but I could not find anything that would fit my expectations. Besides, all methods using free software for screen sharing I found, were different for Windows, Mac and Linux. I got very confused about it. Then I got an idea of creating Deskreen. I decided to make it free and open-source to help people to solve this problem. Deskreen works the same for Windows, MacOS and Linux.

People nowadays are buying new devices very often and may have an old tablet, phone or laptop that they stopped using. If your old tablet, phone or laptop is still able to run a browser, Deskreen can help you to bring a new life to your old digital buddy, and you can start using it as a second monitor for your laptop.

Note: app is not Code-Signed yet, code signing is pricy. Any donations are highly encouraged. Donate on Patreon

Links:

Deskreen on Github

Deskreen on Patreon

Deskreen creator’s LinkedIn

High Level Architecture Design of Deskreen

Thank you all for your attention,

Paul



Source link

r/webdev - I built a new way for developers to showcase what they can do
Strategy

I built a new way for developers to showcase what they can d…


r/webdev - I built a new way for developers to showcase what they can do

DevCard

Site link: https://devcard.link/

DevCard is a new tool created using Laravel and Vue.js allowing developers to quickly showcase their favourite languages and frameworks along with their social media and portfolio links.

Everything about the card is customisable and a simple one can be created in less than a minute by signing in through GitHub.

The best bit, it’s free to use!

Hopefully, some developers see this as a good way to represent themselves quickly and I would appreciate any feedback or additional features you’d like to see.



Source link

r/webdev - I finished the build of my tides website, feedback encouraged
Strategy

I finished the build of my tides website, feedback encourage…


Site: https://tides.today/en

r/webdev - I finished the build of my tides website, feedback encouraged

The homepage

I rebuilt my tides website and associated support systems over a 3-year project which I’ve worked on in and around my 9-5. The API is powered by NestJS, as are the workers. One worker is responsible for gathering tide and weather data, throwing it in a queue for another worker to consume. The site itself uses PHP/Symfony with CMS functionality provided by prismic. The site is English only, with more languages coming soon.

I’d love to know the community’s thoughts and feedback on the launched product.



Source link

Need some pointers/advice on my home page.
Strategy

Need some pointers/advice on my home page.


Need some pointers/advice on my home page.

https://preview.redd.it/zk1tif849ee61.png?width=1349&format=png&auto=webp&s=de427460dbae034f54597b491b4f5aebf67baa35

I'm pretty new to web-dev and I'm creating a dog/cat blog. Can someone check my home page and give me some pointers/advices. Any help will be greatly appreciated. Thank you.

submitted by /u/Shinhosuck1973
[comments]



Source link