- Fontshare is a free fonts service launched by the Indian Type Foundry (ITF). It’s a growing collection of professional grade fonts that are 100% free for personal and commercial use. Our mission is to make high-quality and technically sound fonts accessible to everyone across the globe.
- Learning three js since few weeks now, so tried to make this mouse wheel controlled Carousel as an exercise. Custom shaders for that effect on image. Codesandbox link : https://codesandbox.io/embed/sleepy-andras-0r3et?codemirror=1
- The evolution of my personal website
- Mistakes beginners make when learning web development
- I ruined my career working for low balling local clients
- When a .gov doesn't follow ada compliance
- macOS/iOS: I made a small menu bar app to speed up my mobile webdev workflow, maybe it's helpful to you too
- What is this thing called?
- Javascript, Closure: A visual explanation
- Cookie consent banners suck, could browsers help?
- Trying to figure out what my calling is
- Am I being crypto-jacked by hackers
- A Long Time Coming: The MediaRecorder API Is Widely Adopted (with CodePen example)
- I just want to use alpinejs and tailwindcss....can someone explain the simplest way?
- Recommendation needed for integrating Weather Temps and Ocean Tides
- Why your website should work without JavaScript.
- Node: 270K projects vulnerable to SSRF, RFI, LFI, and more
- How I Made My Website Load 18% Faster
- Hit a wall and I don't even know what to google
- Flying an kite around a webpage
- Terminology Question: Breakpoints
- React-native, React, PWA or native question.
- Paypal integration with a generic javascript php page?
- How to host backend stripe checkout.
- Contentful and Content Models - need help!
| Posted: 29 Mar 2021 06:49 AM PDT | ||
| Posted: 29 Mar 2021 03:00 AM PDT
 | ||
| The evolution of my personal website Posted: 28 Mar 2021 08:25 AM PDT
 | ||
| Mistakes beginners make when learning web development Posted: 29 Mar 2021 01:00 PM PDT I have been helping out beginners here and on r/learnprogramming and noticed some trends when people get stuck or frustrated in their learning path. They usually have to do with a few mistakes in how they approach the process. And these mistakes aren't their fault, they have to do largely with the tutorials or course they are working with. I decided to discuss these mistake in this blog post. Hope this helps you. If you have question, thoughts or comments, I am happy to discuss here. Here's the blog post: [link] [comments]  | ||
| I ruined my career working for low balling local clients Posted: 29 Mar 2021 08:53 AM PDT Am from Asia and i started freelancing in 2017. I made some work online(freelancer.com) and had good reviews and then there was one local client who needed a POS system, I did that and got payment. He then later recommended me to near by business and so on that I stopped working online. Even though these local businesses didn't paid dirt cheap for a month but the real problem was they always expected free updates and corrections(even after three years). The another draw back is that , I stopped learning anything new. These people don't have any clue in technologies so I just always used php without framework, MySQL, html,css and js. My code was trash and full of spaghetti non readable lines. I never followed any good practices...(git, frameworks, clean code, documentation, setting standards etc) my clients didn't cared, I didn't cared. Fast forwarding to 2021 Jan, I set goal to learn and update all related skills. I already finished deep learning the HTML, CSS, JavaScript. Now am really somewhat feel better about my coding in terms of best practices. Now I finally wrote a good bye mail to all those local clients who don't like to pay for small updates. Am not really sure how they will respond but I don't want to continue this freelancing anymore and I have different goals now, 1. Learning something new and properly (before I used to rush learning and do work , even though I can finish the job, it won't be good interns of coding practice) so that my code can look better visually and technically. 2. Am thinking of fully quit PHP stack and learn MERN stack. I never got a grasp of laravel framework and so it halted me from moving to next level with PHP. 3. I recently learned django/python even though I liked it as it pushes me into write good and follow some best practices. I couldn't able to find any relevant job with that. Am sure I won't be able to get a job with MERN stack either until I can build some portfolios with it which can takes some time. 4. So am thinking of just doing frontend jobs for now while learning and building apps with django and node js to get good at it to become full stack developer again.
Am not sure if it's too late to start over with all the hard lessons learned. The worst thing is now I ended with no reviews because I worked locally and they not going to give good feed back either since am ditching them. Tldr: 1. Worked for cheap in freelancing 2. Not updated skills 3. Left with no positives 4. Restarting career as front end developer after months of learning and following good practices. 5. Long term goal is become backend developer while working as front end for income 6. Trying to aim for full time remote instead of freelancing online. Also not interested in full time job which I need to be present in office as I used to freelancing so I feel full-time remote is the best of both worlds. 7. I hope it's not too late(28m) to start over! Feel free to give any suggestions if you have. Oh between , my advice to new freelancers : 1. Don't work for cheap( you will regret later) 2. Learn to get a job by improving your skill rather then Decreasing your earning 3. Set boundaries on project terms. Don't work free for extra works. 4. If you are providing after sale service. Make sure it's worth it and pay is good or don't bother. 5. Keep LEARNING AND BUILDING portfolio Your faithfully, future self. Edit : almost all of you suggested to not send a mail. I somehow agree that I shouldn't sent that. I can now fix it by mailing that my current company allows Me to do it part-time out side of their working hours and also inform them that they need to pay for micro works preferably by hourly. I hope they will buy that. Thanks for all suggestions, I much needed it to have a fresh mind. Am going for sleep, I will reply tomorrow. [link] [comments]  | ||
| When a .gov doesn't follow ada compliance Posted: 29 Mar 2021 03:06 PM PDT
 | ||
| Posted: 29 Mar 2021 12:42 AM PDT
 | ||
| Posted: 29 Mar 2021 10:49 AM PDT
 | ||
| Javascript, Closure: A visual explanation Posted: 29 Mar 2021 05:09 AM PDT
 | ||
| Cookie consent banners suck, could browsers help? Posted: 29 Mar 2021 09:08 AM PDT
 | ||
| Trying to figure out what my calling is Posted: 29 Mar 2021 02:20 PM PDT Hi! I am currently a web developer and I have been for about two years. I use Drupal, but it involves writing lot of custom modules with php and mixing in custom javascript/css. Alongside this, I also do sys admin stuff, nothing too deep dive, but more than just the basics. And while doing all of these, I have started to wonder what I actually like doing from all of these. I am very early in my career, so I would like to focus and polish on one aspect. While I do enjoy doing webdev and my job, it's something that fell on my lap and I accepted the role. I don't have a mentor at my job to seek guidance, so I'm coming on here. So what I really like doing the most, from the variety of tasks I do, is debugging. When things break, I enjoy going down the rabbit hole trying to fix the issue. This applies mostly with the php codebase, either custom code or existing code. I also enjoy going down server logs and poking around trying to figure out what the problem is. I like adjusting the code or adding proxy code to make it work. The other thing I enjoy is parsing out what's needed from API and datasets and doing something with it (display, some transformations etc.) So my question/discussion: Is there a specific job title or any other areas other than webdev that focuses on this? Is it better to just continue as is and try to maximize what I enjoy based on the projects? I'd like to hear your thoughts. Thanks! [link] [comments]  | ||
| Am I being crypto-jacked by hackers Posted: 29 Mar 2021 02:03 AM PDT
 | ||
| A Long Time Coming: The MediaRecorder API Is Widely Adopted (with CodePen example) Posted: 29 Mar 2021 04:57 AM PDT
 | ||
| I just want to use alpinejs and tailwindcss....can someone explain the simplest way? Posted: 29 Mar 2021 03:55 PM PDT I usually use Laravel which comes with mix that does all this stuff for me. I decided to try out building a SUPER simple website with just HTML. What I need is: - tailwind minified and purged - alpine + some custom js built and minified So I figured out how to get tailwindcss and have it purge and minify with nano. But then I get to the stage of trying to build and minify alpine along with my custom JS. I found out you can also minify via web pack. So I don't need nano? Is there a way I can just have 1 thing build all my stuff? Why is this so complicated? Ideally I just want something that will take tailwind, alpine, + a tiny bit of custom JS and purge/minify it into an [link] [comments]  | ||
| Recommendation needed for integrating Weather Temps and Ocean Tides Posted: 29 Mar 2021 03:37 PM PDT I have a web project which requires me to display the high and low temperatures as well as the low and high tides of each day within a weeks forecast. Looking for ideas on the best API or service to tap into that hopefully has all of this data for me to play with! I've integrated a weather widget before but never both temp and tides. [link] [comments]  | ||
| Why your website should work without JavaScript. Posted: 29 Mar 2021 04:58 AM PDT Recently I started a site of tools for boardgames players. Simple tools like dice and spinners. I wanted the site to be as accessible as possible. So I challenged myself with some rules on how it would work. One rule was that every tool must work without javascript. I learned a lot by doing it, and started to write posts about building tools without js. But before I write any more I wanted to answer the question: Why in 2021 would you bother making a website without js? While researching this post I found two really great sources of information. So, most of this is going to be stolen from this article by Adam Silver and this post from gov.uk. But I'm going to go a little deeper into why some people block js. The obvious answer to why you should build a website that doesn't need js is… because some people don't use js. But how many?! How many visitors don't use javascript?The answer to this question is roughly 1%. There's not a lot of information on this but here's what I found:
1% sounds like a lot! is it really possible 1 in 100 people block javascript? Well...no. The 1% from these studies is 1% of visits where javascript has failed for any reason. According to gov.uk the number of people who actively block js (or use a really really old browser) is 0.2% — 1 in 500. Those 0.2% have their reasons, but first let's look at the 0.8% of visits where the js fails. Why does javascript fail?There are lots of reasons your site's javascript might fail:
There's probably other reasons too. That accounts for about 0.8% of visitors not using JavaScript But what about the 0.2% who block js? Why do people block javascript?Some people block javascript in their browser. Some people choose a browser that doesn't support javascript. There are a number of reasons why:
AccessibilitySome people find it easier to navigate the web with javascript switched off. There's less distractions, and sites that use a lot of JavaScript tend to not work well with screen readers. For these people switching off JavaScript is works as an approximate filter for inaccessible websites. Others choose text-to-speech browsers that don't support js. Text-to-speech can work fine with javascript. For instance SecurityMany people disable js for security reasons, both professional and personal. No javascript means no malicious javascript too. Who does this?
PrivacyLots of people don't like corporations collecting their personal data. You might block ads, and tracking scripts. Some people take that a step further and block all javascript. Then, if they trust a site, they'll allow it to run. Cost & BandwidthBlocking javascript can save a lot of money. Downloading That's may not seem like a lot. But Then javascript can request all kinds of data, images, video, and it adds up fast. Once you've visited a few sites you may find yourself over budget. The same logic applies for people with limited bandwidth. The reddit homepage costs 27 cents to visit on mobile in canada! CPU and BatterySome people switch off javascript to save CPU and Battery. Users of low-powered devices — or one that's doing more important tasks in the background — may want to take pressure off their CPU. People without easy access to a power supply may want to save battery. Out-dated Browsers & Text-based browsersVery old browsers like Some text-based browsers like
Some people just prefer the web without js.Some people think the web is better browsed with javascript off. It's faster and reduces distractions. See I Turned Off JavaScript for a Whole Week and It Was Glorious - Wired 2015 Should you cater to 0.2%?Yes and no. Personally, I enjoy going out of my way to make things work. I find all this stuff fascinating. But making sure a site works for the 0.2% of people who disable javascript isn't really the point. The Curb Cut EffectAn analogy that comes up often when talking about web accessibility is curb cuts. Curb cuts are the small concrete ramps on the side of the road. Curb cuts we're added to sidewalks after a long campaign from disability rights activists. Their purpose was to give wheel-chair users the same freedoms non-disabled people enjoy. Now that curb cuts are everywhere — everyone benefits from them. People with strollers, skateboarders, people delvering packages, and more. The point? Making the world more accessible for one group of people benefits everyone. That's the curb cut effect. Here's a great episode of 99% invisible about curb cuts. Building sites that function well without javascript doesn't just benefit the 0.2% of people who disable it. It improves the 0.8% of vists where javascript fails too. Building everything you can without js will make your site:
I'd prefer to write js all day — but finding html and css only solutions has made me a better developer. It's forced me to find creative ways of solving problems — and to learn new html and css features. Then when I do add javascript, it's ends up being a lot smaller and easier to manage. How to disable JavascriptIf you're going to build sites without js you're going to need to test them. Probably the most popular way of disabling javascript is with the browser extension NoScript — it's available on Google Chrome and Firefox and elsewhere too. As of writing this
That's at least half a million people who use that specific app. There are many more apps and other methods of disabling js. AnywayGive browsing the web without [link] [comments]  | ||
| Node: 270K projects vulnerable to SSRF, RFI, LFI, and more Posted: 29 Mar 2021 07:27 AM PDT | ||
| How I Made My Website Load 18% Faster Posted: 29 Mar 2021 07:17 AM PDT
 | ||
| Hit a wall and I don't even know what to google Posted: 29 Mar 2021 02:47 PM PDT I am trying to figure out how to set up connecting an api with a phone service. Basically the idea is to have a person enter their order number over the phone, press pound. That order number is queried against the api to see where in the shipping process the order is. Then we pipe it through AWS polly for some text to speech and tell them. I just cannot find any information on how to hook into a VOIP phone service and take input to send to the scrips. I am not sure what even to google on it, so any help would be awesome. [link] [comments]  | ||
| Flying an kite around a webpage Posted: 29 Mar 2021 08:49 AM PDT I've been working on a webpage that animates a div (kite) around a flight path using raw javascript. This has worked up until wanting to use complex paths, like a figure eight that stops at a certain point and then goes into something else. So far I've experimented with keyframes, svg and calls to style.transform. This is ok for straight lines and spins but now I need more than that. Surely there are libraries and such for this sorta thing but searching hasn't come up with anything other than tons of tutorials on how to do small animated touches and suchlike. Any suggestions on where to look? [link] [comments]  | ||
| Terminology Question: Breakpoints Posted: 29 Mar 2021 08:46 AM PDT Suppose you have a responsive site that shows one design on browsers 500 pixels wide or less, a second appearance from 501-1200 pixels, and then a 3rd for anything 1201 pixels or wider. Would you say this site has 2 breakpoints, or 3? If you say it has 2 breakpoints, then what does it have 3 of? And if you say it has 3 breakpoints, then what are the things it has 2 of? (I know how I think of it in my own parlance, but I want to see what other people think, because words are only useful for communication if people agree on their meanings.) Thank you all for your input! [link] [comments]  | ||
| React-native, React, PWA or native question. Posted: 29 Mar 2021 02:23 PM PDT Hi. I have developed numerous applications using CRA/NextJS and VueJS. I have a new front-end project coming-up that will also one day be a mobile app, downloadable on the appstore. App development is new to me, years ago I was aware of older projects such as phone-gap that attempted to provide app development capabilities using web technologies. My understanding these days is that react-native allows me to do 'the same' all be-it, creating an actual native application. The dream if possible, it to use one code-base as much as possible to serve the website, and the app. Is there a particular React framework that is best suited for this, i.e. NextJS or somesuch that I can then export (or adjust without too much fuss) to React-native. Is there a much better way to go about this in general? I understand I could build a PWA but can I then wrap that as such that it can be installed from an app-store? I am of course doing my own research, this post is a part of that. Many thanks. [link] [comments]  | ||
| Paypal integration with a generic javascript php page? Posted: 29 Mar 2021 02:21 PM PDT I'm a student and am working on a project that had to use basic javascript php mysql to make a shop page, now for the icing on the cake I have to figure out how to integrate paypal when the user clicks the buy button. Redirection to paypal and back to a sales confirmation page. I've done some reaserch and I know paypal has a developer section when you login with their solutions, but I feel lost looking at all the options and would apreciate it if you'd either give a clear up to date guide you think is well made and relevant to my project - or at least recommend me in a good direction I know using generic javascript is frowned apon in the dev community with all the existing frameworks, but as said I had to use the knowlege gained from my university for this project. [link] [comments]  | ||
| How to host backend stripe checkout. Posted: 29 Mar 2021 02:19 PM PDT Hey guys, so I have recently tried to create my first E-Commerce site. Its is made with React on the frontend, and then I implemented a stripe pre-built checkout page to handle payments using java, following this guide: https://stripe.com/docs/checkout/integration-builder I am trying to deploy the application to firebase to host it, I can deploy the React very easily, however I do not know how to deploy the Java, or if I even can on firebase. I cannot find any information on how this is done. Any help would be appreciated on how to deploy it. [link] [comments]  | ||
| Contentful and Content Models - need help! Posted: 29 Mar 2021 01:59 PM PDT Hi everybody, I am building a website for a friend and I have decided to try my hand at building the website with Gatsby and Contentful. I am open to other suggestions for a headless CMS, but in terms of cost and the UI for my friend, Contentful is good for now. **I know that these results could be built with a site builder but I am using this as an opportunity to learn and add to my portfolio. My friend isn't paying me any money for this** My problem at the moment lies in the Content Modelling and what the best approach would be. Most documentation is referencing making a blog, but I'm not sure if that suits my purposes here. The website will be very basic with about 4 pages (Home, About, Contact, Method). I want my friend to be able to edit the content freely, so I initially considered creating a generic Page content type, allowing him to build pages on his own from there. But some of these pages will have rather specific components (the Home page will feature a big Hero section and a special component for showing Testimonials, the About page will not feature these. That's just a quick example). Do you think that means a separate Content Type for each page would be necessary? 'it seems inefficient, but at the same time, I'm not sure how best to build a template component in React to handle every possible piece of content that he might want to build on his page. I wanted to have the basic skeleton set in stone in my template component, and then simply render the Rich Text for his more custom additions. As you can tell, this is more of a hobby for me at the moment, so any advice would be appreciated! Thank you [link] [comments]  |
| You are subscribed to email updates from webdev: reddit for web developers. To stop receiving these emails, you may unsubscribe now. | Email delivery powered by Google |
| Google, 1600 Amphitheatre Parkway, Mountain View, CA 94043, United States | |
No comments:
Post a Comment