this is the website https://bound2.app it comes in with a decent score on pingdom. And the page size is just 1.1MB. But the "wait" phase is nearly 15 seconds. And I can't work out why. Perhaps an old version of webpack / node config problem? This is a link to my github => https://github.com/crowdform/bound2web The project is really simple, so webpack / server.js files are possibly the ones. I'm using old webpack. Massive thanks.

1. Minify CSS, JS, HTML. 2. Paste your CSS and JS inline. 3. Optimize images and make a sprite. Right now you load like 20 or 30 images and even more, not from your server (not sure how aws3 fast, tho, but I would better load them from your server). With sprite you will download only 1 single image instead of all these 20 or 30. Here you can read about it - https://css-tricks.com/css-sprites/ Some more tips - https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fbound2.app%2F&tab=desktop

The easiest way to visualise what I want want is by taking a look at this image => https://s3.amazonaws.com/bound2/example.png Basically want the images to "bounce" round the website similar to this => http://next.plnkr.co/edit/HTHkXaD2BCFWTCK5tROi?p=preview&utm_source=legacy&utm_medium=worker&utm_campaign=next&preview The example above uses canvas! But I'm not sure if you can drop images into canvas easily? I can't seem to find any library out there. Any help massively appreciated!

Break up the problem in smaller bits and then tackle them one by one: 1. Create code example with image on canvas: https://stackoverflow.com/questions/6011378/how-to-add-image-to-canvas 2. Make image move on canvas 3. Detect when image reaches edge of screen 4. Make image bounce when reaching end of screen

No language is better than another... as long as you ship (or at least try to). Every man for himself. :)

Frontend: React, styled-components, host on Netlify Backend: node.js, prisma + graphql-yoga, host on heroku (free plan) while developing and then DO Mobile app: React Native Dekstop app: Electron

Anybody here use Websocket on Rails 5.2? I have been trying to deploy the Chat feature on my app which based on Websocket to the production server but always got this error: WebSocket connection to 'ws://my_ip_address/cable' failed: Error during WebSocket handshake: Unexpected response code: 404 and this: WebSocket error occurred: One or more reserved bits are on: reserved1 = 1, reserved2 = 0, reserved3 = 0 I have asked the question on Stackoverflow and open a github issue as this might possibly be a bug within Rails/Passenger itself as I believed that all my configurations are correct. Here is the links to the question: Stackoverflow: https://stackoverflow.com/questions/52175211/actioncable-rails-5-passenger-failed-error-during-websocket-handshake-unex Github issue: https://github.com/rails/rails/issues/33845 https://github.com/phusion/passenger/issues/2116 I have been stucked with this for weeks, and nobody seems can help with this including the mentors on Hackhands and Codementors. So posting here is my last resort. Any help is very much appreciated.

Can you get a clean new rails app w/ the most basic actioncable/chat implementation working in production?

I usually work with my 15" Macbook Pro, and sometimes at work with a external 21" 1080p. Now I'm considering to go further. Options are: 1) Simple: 24" 1920 x 1080 at 60 Hz . ( AOC - ultraslim ) 2) 21:9 UltraWide FHD (2560*1080) https://www.amazon.co.uk/dp/B01BV1XB2K 3) Double set of 1) ( for vertical display programming, etc ) Budget is 100-300 ~ €/$/£ Do you only work on laptops? How do you set your desktop environment? Any experiences, preferences or suggestions on perfect set up? Many thanks.

I have a Dell P2415Q 4K display (1080p retina) and my MacBook open next to it. Was thinking about getting another 4K display and closing the MacBook.

I've noticed that the replies to big famous social media accounts do pretty well. Often the top reply racks up well over 300 likes and gets followers etc ... Whenever Kanye tweets I want to autoreply with the link to https://phonemekanyewest.com and maybe yeezy.dating just to help spread the word amongst ye fans. ive used twitter npm module b4 but can't work out how to autoreply!

Try something like var stream = T.stream('statuses/filter', { follow: Kanyes_screen_name }); stream.on('tweet', function (tweet) { console.log("reply here"); });

I have tried to use many UI frameworks but they get in the way. That is, I want to make a particular layout but I am not able to find out how to make that layout using the framework. I don't think this is true for everyone. So how do you learn a framework so that you can use it to make any UI you want? Or at least confidently write custom CSS where really needed and leverage the framework for the most part.

I program in RoR and use bootstrap. I´m not very good with css so i usually buy a template for 20€ based on bootstrap, use the styles that i like and modify those that i don´t. I used to try to create all the styles from zero but that could delay the shipping of the project for a couple of weeks. Now i just try to launch ASAP and doing that allows me to be faster. So i guess my answer is i dont know and probably just practice, practice and more practice.

I use https://vectr.com with different fonts & add some text shadows to it & export it using SVG. Now that Vectr added ads & its irritated me, I've deleted it & switched to Sketch for making some cool logos 😜

Making a logo unique is about the idea behind it. Not the font of shadows. It should tell a story, makes people curious and make them wonder what is there more te discover.

https://github.com/prettier/prettier

Something like [rubocop](https://github.com/rubocop-hq/rubocop) perhaps? That's what I use since a half a year or so. Takes some getting used to, but has helped me clean up my code a lot. Make sure to follow the installation instructions as it has some handy info on creating a "todo/ignore" file for existing style violations. That way it initially ignores those and you don't get bombarded with tons of warnings right out the gate. You can go through that todo file step by step and slowly remove stuff so it starts warning about those style violations which you can then fix one at a time. It's only for Ruby code. Not for Javascript, HTML, CSS, HAML, etc. I haven't researched those options yet (I know there are a bunch), but I will at some point.

what are your favorite (3rd party) tools to keep your (bootstrapped) startups running?

Using in production: Rollbar (error monitoring), Hyperping (uptime monitoring), Cloudinary (assets management), PushMore (notifications on Telegram of stuff), Mixpanel (action tracking) & Drift (customer live chat).

So the original yeezy.dating is built using: a) Node b) Pug for templating c) Mongo DB (database) d) Passport for Auth I'm fairly solid in React so have decided on React.Native to replace Pug for the app. Other than that could I just stick with the same stack? a) Node b) React Native c) Mongo DB d) Passport for Auth Would I run into problems using Node / Mongo / Passport on an app? Some advice is that I should look into firebase for auth and database? Another option is to use a React Native Tinder Clone and work from that? To summarise. Two main questions: a) How big a task is it to transfer from my stack to a React native App? b) Is it advisable to change my stack for App?

Hey, so you want to turn your web app into an mobile app, right? Well your stack is quite okay for it. You just need to add an api layer on top of it. So that you mobile app can communicate over an rest api with your backend.

picture a simple app with logged in users. each button click / form submit I’m just changing a value on the user database schema. what I’m currently doing is each time i render a new component i run component did mount and fetch the data i need from the backend api. then update the state and display it. this just seems wrong. surely using redux properly can solve some of my problems? what should i be doing?

Hmm this might be a better question for Stack Overflow because of its community (and it was made for this!), but I want to mention that I'd be wary of injecting Redux without good reason. It's really useful for sharing state amongst your components, but it adds significantly more boilerplate.

As of today, June 4 2018, CSS Grid is supported by 84.9% browsers of [global usage](https://caniuse.com/#feat=css-grid) unprefixed. Did you switch completely to CSS Grid or use CSS Grid with Flexbox as a fallback?

I've been using CSS grid with a flexbox fallback for months now, still hesitant to lose the fallback, but I did get lazy on a recent project and not worry about it too much (though still had to provide -ms fallbacks for the not so wonderful Edge).

I have a couple of machines I use for development - home desktop, laptop and office. I was using Git on its own but kept forgetting to commit files before leaving the house, so I moved all my code into Dropbox to sync between machines. This worked pretty well until I started using front-end tools - now it seems anytime I need to add hundreds of tiny files using `npm install` or similar the combination of Windows Anti Malware and Dropbox cause massive CPU churn for what should be a pretty simple operation. Is there anything I can do to speed this up, or a more sensible way to sync folders?

Nowadays I tend to use just the one device (MacBook Pro), but I still choose to use Git. Some of the benefits for me: - Saving incremental changes so I can easily revert back in case any problems arise. This also gives me more confidence to experiment within my code. - Being able to create branches also lets me experiment with new ideas without the fear of messing up my code. - Let's me use Continuous Integration that automatically runs my tests and rubocop (checks for coding style violations) - I can access my code everywhere. More than once I've fixed a wipbot bug on my iPhone! (pull code the code, make the fix, push the change) - It makes it easy to collaborate with other developers now and in the future - The commits are a way to document your code. So if in a year time you're wondering why you made a certain change, you can quickly find it. - My code is backed up in multiple places at every stage - Any merge conflicts are handled automatically when possible or are relatively easily managed manually (versus syncing app that are not optimized for code) Using Git does indeed come with the requirement of committing and pushing your code. I believe it's a habit worth developing though for the reasons above. There are also some tools you can use to make this easier. For example [my Terminal is set up such that it shows when there uncommited or unpushed changes in my working repository.](https://github.com/KrauseFx/what-terminal-is-felix-using) Do you plan on writing code for the foreseeable future? If so, then I recommend investing in a workflow that will let you reap the rewards long-term.

Next week I‘m going to launch another Sibling of madewithvuejs.com but for react :) and I‘m still looking for nice UI components/ websites/products - pls recommend me all the things ! :)

It be cool to be able to search make projects by tech stack.

Every time, I push new code on my app on Heroku, the new build & deployment logged out all current users and all of them need to re-login to the website.

Are you using local file storage for anything such as storing session data? [Heroku's file system is ephemeral](https://devcenter.heroku.com/articles/dynos#ephemeral-filesystem) which means you can't rely on any data that's not part of your original codebase to stick around between deploys. My guess is that's the root of your problem as I can't think of anything else that would cause this issue. I use Heroku for all of my sites (including WIP) and never had this problem of users being signed out.

Website: www.livingwageinterns.com

Your CSS is invalid. [See this report.](https://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.livingwageinterns.com%2Flivingwageinterns.css&profile=css3svg&usermedium=all&warning=1&vextwarning=&lang=en)

Developers Questions on WIP

Harry Dry

2018-10-22 09:19:04 UTC

why is my site slow? bundle size is small

Harry Dry

2018-10-11 23:14:53 UTC

Bouncing Images around a container. How would you do this?

Ronald Langeveld

2018-09-24 06:11:55 UTC

What is your dev stack of choice?

Ryzal Yusoff

2018-09-20 11:25:00 UTC

Anybody here use Websocket on Rails?

Marc Köhlbrugge

2018-09-08 10:11:29 UTC

What are your favorite Ruby gems?

Albert Abril

2018-09-01 16:30:06 UTC

What is your desktop monitor set for programming?

Harry Dry

2018-08-09 08:30:28 UTC

Is it possible to autoreply everytime someone tweets?

Austin Grandt

2018-07-31 16:18:47 UTC

How do you build products that can be embedded in customers' websites?

Avi Aryan

2018-07-26 11:02:55 UTC

What is the correct way to learn a web UI framework?

Akshay Kadam (A2K)

2018-07-26 07:05:20 UTC

How do you make your logos unique?

Pug Pugson

2018-07-17 17:34:36 UTC

Is there a Prettier for Ruby/Rails?

Robert Hopman

2018-07-11 06:50:34 UTC

What is 8m pageviews of freelance developers worth?

Robert Hopman

2018-07-04 18:07:23 UTC

battle tested dev tools

Harry Dry

2018-07-03 16:39:15 UTC

I'm turning Yeezy.Dating into a React Native App. Help Please!

Harry Dry

2018-06-21 22:30:31 UTC

am i using react wrong?

Robert Hopman

2018-06-12 15:47:40 UTC

How to get #backlinks automated on a list of urls?

Brahma Reddy Chilakala

2018-06-04 10:05:36 UTC

What are the benefits of using OAuth providers compared to creating own login flow?

Akshay Kadam (A2K)

2018-06-04 05:47:57 UTC

How many of you have completely switched to using only CSS Grid with No Fallbacks?

Jonny Platt

2018-05-29 01:17:39 UTC

How do you synchronize projects between laptop(s) and desktop?

Pete Codes

2018-05-27 08:22:37 UTC

Do I need media queries if I use flexbox?

Akshay Anand

2018-05-26 16:05:45 UTC

For a project you're interested in and are following, what would you like to see in terms of progress?

Armin Ulrich

2018-05-17 17:44:28 UTC

Can you point me to WIP members who built stuff using React.js?

Keyul

2018-05-17 17:21:03 UTC

How to keep the current user logged in to site after deploying new build on Heroku?

Pete Codes

2018-05-16 19:38:33 UTC

Why do class colors not show up on my website when viewed on mobile? What do I need to add?

Avi Aryan

2018-05-16 09:06:56 UTC

I want to build an app. Should I just go with Firebase for the backend OR care making my own using Python/NodeJS etc...?

Meet the maker community

Meet the maker community

Developers