• Breaking News

    Sunday, July 14, 2019

    Home Unlabelled How Firefox 68 tackles web compatibility issues by spoofing UA or injecting CSS/JS into sites web developers

    How Firefox 68 tackles web compatibility issues by spoofing UA or injecting CSS/JS into sites web developers

    July 14, 2019

    How Firefox 68 tackles web compatibility issues by spoofing UA or injecting CSS/JS into sites web developers

    How Firefox 68 tackles web compatibility issues by spoofing UA or injecting CSS/JS into sites

    Posted: 14 Jul 2019 03:34 AM PDT

    Hi all,

    Firefox 68 has a new page called about:compat.

    Chrome has a majority of market share. This is not news. This comes with a downside: a lot of sites are "built for Chrome" and not for the web using web standards.

    Mozilla tries to tackle this in three ways:

    1. a bug tracker for the web https://webcompat.com/ where anybody can report any bug for sites that work only in one browser.
    2. Implement non-standard features like things with -webkit prefixes. Firefox 49 had more than 60 non-standard webkit features added, and that is only one release.
    3. The new about:compat page which show you how Firefox is intervening in various pages, the bugs that were raised and how to disable these interventions.

    What can you do? Let's say you built histography.io

    If you built your site specifically to exclude Firefox, and the site suddenly starts working in Firefox like histography.io does, you can open it in Firefox, check about:compat. You will see there the bug pointing to the Firefox issue. You can disable this and see how Firefox acts without the change.

    For this specific example you can see the user agent being changed. If you open the console and type navigator.userAgent you will see "Mozilla/5.0 (X11; Linux x86_64; rv:70.0) Gecko/20100101 Firefox/70.0 Chrome for WebCompat".

    ​

    There are plans to add this extension to Firefox Preview on Android and also to show these issues in the browser console.

    ​

    Please build your sites for the web and not for Chrome.

    submitted by /u/kickass_turing
    [link] [comments]

    Does anyone have any examples of large, very high quality open source React and Node codebases? I want to study their structure and improve mine

    Posted: 14 Jul 2019 01:42 PM PDT

    What the title says. I feel like I've stagnated and I want to study some big projects so I can make mine scale better.

    submitted by /u/Inacio_
    [link] [comments]

    CSS Grid Is Not a Replacement for Flexbox (Quick demo of where flexbox shines over CSS grid)

    Posted: 14 Jul 2019 03:47 PM PDT

    As a web developer, do you remember most of the things in frameworks like React and Node.js and their associated third party packages or you have to look at documentation?

    Posted: 14 Jul 2019 07:08 AM PDT

    [help] Junior Developer Test - Not understanding the meaning of this task.

    Posted: 14 Jul 2019 04:04 PM PDT

    So I am applying for a Junior Developer and I was sent an email with the following:

    • We want you to calculate a sum of squares of some integers, excepting negatives

    • The first line of the input will be an integer N (1 <= N <= 100)

    • Each of the following N test cases consists of one line containing an integer X (0 < X <= 100), followed by X integers (Yn, -100 <= Yn <= 100) space-separated on the next line

    • For each test case, calculate the sum of squares of the integers excepting negatives, and print the calculated sum to the output. No blank line between test cases

    • (Take input from standard input, and output to standard output)

    Sample Input

    2

    4

    3 -1 1 14

    5

    9 6 -53 32 16

    Sample Output:

    206

    1397

    Then there is a line that says, do this in Javascript and do not use a 'for' loop.

    That's it. That is all they have given me. Am I being a totally fuck noob here or is this vague?

    I obv don't want you guys to do the work for me, but if this is simple to you all then some pointers would be gratefully appreciated. Like, for example, what the hell I am supposed to be doing...

    submitted by /u/pmayall
    [link] [comments]

    My colors look horrible, how do I make them more attractive?

    Posted: 14 Jul 2019 09:40 AM PDT

    I'm not one for design. Although I think I do make some decently good looking sites occasionally, I often find myself struggling to pick good colors to use throughout the site, specifically background colors. I feel like every time I apply a background color my site looks more and more like it was made in the '90s. How do I make background colors more attractive, flow better, and not look horrible? Any advice is appreciated. Sorry if this is a bad question, if you guys could see what I'm talking about you would understand why I'm posting on Reddit about it.

    ​

    TLDR; how u make background colors look good and not like an outdated site

    submitted by /u/APMO
    [link] [comments]

    Finally started the job hunt, seems like majority of postings are for contract positions handled by staffing/recruiting/consulting agencies. Is this normal?

    Posted: 14 Jul 2019 10:17 AM PDT

    So I'm set to graduate at the end of this summer semester and I've finally begun my job search in earnest. However it feels like most (maybe half to three-quarters) of all the positions for web developers in my city (Houston) are contract positions that are being posted by IT staffing or consulting agencies. Is this normal for web dev? Did most of the actual company jobs just already get taken by new grads who finished in spring or is it just my city? It's been a bit challenging because many times the posting won't list who the client even is so I can't do any research on what kind of work I would be doing or even be able to write a nice, tailored cover letter.

    submitted by /u/CalmPewter
    [link] [comments]

    Does any one know how to create a centered, fixed width, navigation bar like the one from this image?

    Posted: 14 Jul 2019 04:28 PM PDT

    https://i.imgur.com/mdlTSCa.png

    I have been look through many nav bar implementations and I am really bad with this. Its difficult trying to understand if I should text align the nav, ul, li or a tags, something goes with setting inline blocks or width. I just don't understand how to get this done. I can get the nav bar working if I set the width to 100% but if I change it my CSS fails. I am currently not worried about styling it, I just want to have a working basic nav bar that doesn't stretch 100% across the screen. Can some one please help me? Thank.

    submitted by /u/inkplay_
    [link] [comments]

    New to web dev and I really need some pointers on direction

    Posted: 14 Jul 2019 03:10 PM PDT

    I am making my first website right now. I can make a page that looks alright but I need it to have function like user-specific pages and search functions. What language(s) do I learn to do this? I read that you need php and mysql but I also heard you can do all this with javascript. Can someone point me in the right direction?

    submitted by /u/Linewild
    [link] [comments]

    Using EmbedSocial API for reviews on a business website

    Posted: 14 Jul 2019 03:03 PM PDT

    This is the first API I've tried to integrate, but I want to integrate it into a business website.

    EmbedSocial is like a "reviews" service. I've gotten this far,

    https://embedsocial.com/admin/plugins_reviews

    https://embedsocial.com/admin/reviews_api_docs

    but I'm not sure where to go from here. I've done HTML, CSS, some JS, and some jQuery but never an API before. Any help is appreciated.

    submitted by /u/llamapickleem
    [link] [comments]

    Input type=hidden

    Posted: 14 Jul 2019 02:51 PM PDT

    I am passing php variables from one page to the other (the other being the confirmation page), once I press submit (to submit data to database) its being inserted as blank spaces in mysql, what can be done to post the hidden variables?

    submitted by /u/OK99xxx
    [link] [comments]

    I'm Developing an Online System with 5 Subsystems and I need help choosing the best technology ?

    Posted: 14 Jul 2019 02:29 PM PDT

    I'm Software engineer and this is the largest project I've ever had so far. I'm working with a company which have an online system consist of three subsystem. The job is, to recreate their system from scratch, and add two more subsystems. There is no documentation for the old system. so I had to study the old system for requirement gathering. I'm having a problem to decide which technology to use to develop the new system.

    Here is a brief about the system.

    The system consist of three websites

    News : for showing up latest news and events and articles. users can submit news and events. Then all submission will show up to the news committee will filter the news.

    Congress: the company organize an annual congress. users can apply to as speakers or attendees. Also company can register as sponsor or reserve a space in the exhibition.

    Education: users can submit scientific materials (videos, books, scientific peppers) or create a webinar.

    Also, there is an admin panel to mange all three websites and generate certificates and badges. And all previously mentioned services can be either paid or free. the news subsystems are Social Network and Store.

    • Which technology stack should I use for development ? First I decided to use MERN stack to develop the hole system, then I find out that the company have dedicated server which run C-Panel, then I decided to use Laravel Eloquent API with React for front end. which one you think it's better? and is there better technologies to use ?
    • Most of the functionalities on the system have the following cycle (User Submit materials) --> (Committee Review and Rate the materials) --> (If the material accepted admin decide to publish it or not ). I want to find a way to generalize this concept. maybe create a factory for this process. and I want this to be possible in Technology I use for development.
    • which software model should I use? I just finished creating use-case diagram but I don't want to use waterfall, because the company want to add more features and the change their mind all the time so the specification is not stable. I don't have much experience using Agile but I think it's the right choice. But I'm afraid that it'll be time consuming to learn Agile, and I'm in a tight schedule.
    • Last, what is the standard way to create repositories for this system? Should I create repositories for each subsystem and in each repositories create branches for API, Front-end and testing. or create repositories for the API and one for the Front-end then create beaches for each feature.
    submitted by /u/seif_kowatli
    [link] [comments]

    Trying to Create a Form for Meeting Requests

    Posted: 14 Jul 2019 02:28 PM PDT

    So I'm trying to create some sort of form that'll allow me to streamline the type of requests for our company (i.e. event request, meeting request, announcement submission, etc). Initially, I was thinking of doing a Google Form sheet but then the subsequent questions aren't based on the response to the type of request. For example, if someone selects that it was an announcement, the subsequent question shouldn't be asking when the event/meeting would be -- instead it could be something like what's the announcement.

    ​

    The goal would be where if it is a meeting request, the submission will be sent to a specific email address related to meetings and the announcement being sent to an email address dedicated to announcements.

    ​

    Any advice would be greatly appreciated.

    submitted by /u/tanw42
    [link] [comments]

    Multilanguage Wordpress

    Posted: 14 Jul 2019 02:23 PM PDT

    Greetings,

    What is the best and easiest approach for creating a multi-language website within Wordpress? I thought of using subfolders (as in www.domain.com/language_B) and then having the entire website in that different language B.

    Most people tell me that the easiest way to do so is using WPML, but it costs, and I'm trying to figure out the best possible alternatives.

    Any and all help is greatly welcome and appreciated :)

    submitted by /u/TimLuseste
    [link] [comments]

    High Performance Web Apps - Rodolfo Gonçalves - Medium

    Posted: 14 Jul 2019 02:08 PM PDT

    [Question] Is it wrong to put in a "site down for billing issues" on a non-paying customer who also happens to be rude?

    Posted: 13 Jul 2019 09:48 PM PDT

    I mean - to the point where they have threatened me (with careful words)?

    Had a customer who hasn't paid hosting in 4 months, gave him a final warning (site will go down etc.) and time to pay, nothing. Site goes down. He pays immediately at 11pm and starts demanding everything go up immediately, etc. (this is where the "I'm going to see you soon. You messed with my business. Expect me soon in person.")

    Turns out he didn't pay the full invoice. Message went up. More messages incoming.

    I actually felt bad at that point. I've done it only once before to a client who charged back his payment (I got the money as I showed the invoice and intent to pay and chargeback). This guy is actually worse than the last guy but for some reason it felt off.

    Anyone have experience with this?

    submitted by /u/joevaded
    [link] [comments]

    Are there any database technologies for PWAs?

    Posted: 14 Jul 2019 01:57 PM PDT

    I'm currently thinking about creating a PWA but want to have a local database for the app, are there any technologies that can be embedded into PWAs?

    submitted by /u/thekookysurfer
    [link] [comments]

    Animate filter removal

    Posted: 14 Jul 2019 01:46 PM PDT

    I got a grayscale filter, that disapears when hovering over the image. I used the following code:

    ​

    #gallery .row .column img {

    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");`

    -webkit-filter: grayscale(100%);

    }

    ​

    #gallery .row .column img:hover {

    filter: none;

    -webkit-filter: grayscale(0%);

    }

    ​

    how can I anmate a fade-out of the filter (easy ease preffered)?+

    ​

    Kind regards :D

    submitted by /u/GuardDog04
    [link] [comments]

    One long CSS or multiple small?

    Posted: 14 Jul 2019 01:24 PM PDT

    Heya!

    ​

    I ghot a few elements (mostly animations) that requiere lots of CSS for only one element. Should I put it in a seperate animation.css or leave it in the general one?

    ​

    Kind regards.

    submitted by /u/GuardDog04
    [link] [comments]

    Just seen Silicon Valley S4E4 where Richard is interviewing people for his new company in association with Gavin Belson, and it made me think: those of you who are interviewing people, what kind of notes do you take about people? What are the things you look for in a candidate?

    Posted: 14 Jul 2019 05:35 AM PDT

    It's funny, this idea came as I saw the scene where Gavin Belson tells Richard about his notes on the candidates... "I could write better Python with my asshole" :)))

    submitted by /u/ap1903
    [link] [comments]

    Decouple Your Javascript With Event Driven Programming

    Posted: 14 Jul 2019 12:48 PM PDT

    Advice wanted: charity website with donations

    Posted: 14 Jul 2019 08:56 AM PDT

    In 4 days, I am going to quit my job to study web development full time and I am scared.

    Posted: 14 Jul 2019 03:29 AM PDT

    I have been studying web development for about 8 months now while working a full-time job. (10 hours a day). I made really good progress. From having basic experience in web development to able to reply some full stack projects and my own portfolio and a very small blog. In recent months, I have felt very exhausted and couldn't get much programming done. I always came back from work very tired and it was very unproductive for me and I couldn't study.
    I set myself a goal to quit my job and study 8 hours a day until I get myself a job. Now when I think about it. I am scared. I will not have any excuses anymore to not study and I am afraid that I will not be able to stick to it all the way to the end.
    How can I keep myself motivated and make sure I will not go off track? Anyone can share their own experience and what should I expect? Thanks in advance. I am just suddenly not sure about the decision and I am scared.

    submitted by /u/Sh0keR
    [link] [comments]

    Bootstrap CMS

    Posted: 14 Jul 2019 11:24 AM PDT

    Hey guys, I have a question. I'm new to webdev just FYI and I did a website using the bootstrap framework. Now I would like to import it to a CMS such as WP. However, this is looking very hard to do. The reason why I didn't do the whole website inside the CMS was because I like to design my things and WP doesn't give me that freedom(at least for free). Can you help a struggling fellow dev?

    submitted by /u/Xavinights
    [link] [comments]
    Read more
    at

    No comments:

    Post a Comment