frontend development – How to work with devs as a junior UX designer

I work as a junior UX designer in a small team of a department (consists of 2 junior ux/ui designers and a non-designer team lead). There is no senior designer. The reason why I emphasize on this team structure will be explained shortly.

So as a UX designer, I have a lot of interaction with the devs… especially the FE/BE developers. And whenever I present the designs to the dev team, the team-leads of the dev team always have something to say to go against my design. Which I totally understand, they have their professional opinions while I have mine.

But one time, I presented my designs to the clients in a meeting, and they were satisfied with the design solution that I’ve came up with.

And then later on, I presented the same design to the team-leads of the dev team, and one of them had strong feelings against it (not all of team-leads on the dev team, just one of them). And when I asked what was his reasoning, he would just say it is ‘too complicated’ to build it.

Although, I had my heart set in stone that this is the best UX solution that I could give for the product after a lot of research, but I tried to ask the team-lead more questions as to why this is not feasible other than it being ‘too complicated’, and tried to give my reasoning why this is the solution. But he just did not want to proceed with the discussion.

And the team-lead of my team, who is not a designer, is just there listening and says he has no idea what to say on the design, and wanted me to go back into my ‘research-mode’ to see if I could find a better solution. I have to go research again while the clients were satisfied, but just because one dev said it’s too complicated.

Thus, I guess my questions are…

  • Can the devs get away on opposing the design by just saying “the design is too complicated”?
    (I mean the UX designers have to come up with at least one valid reasoning, imo, to back up a design solution. But the devs’s situation doesn’t seem to be the same)
  • Or is this because of my lack of seniority and experience as a UX designer that cause the devs just to say no to the design?
  • Is there anything that I could have done better in this type of situation? (Should I have asserted more on my design with more reasoning?)

I really appreciate your advice.

Display ACF Fields on the front-end

I’m a bit lost here. I successfully displayed the Custom Fields on the front-end using this code:

<?php acf_form_head(); ?>

<div id="form-fields">

<?php

acf_form(array(
    'post_id'       => 'new_post',
    'post_title'    => true,
    'post_content'  => true,
));

?>

But this code only displays the fields of a regular post. I want to display some specific Fields that I have already created using the plugin and associated with a Custom Post.

Can someone please assist me through this

Toggle button in Magento2 in frontend Form

In frontent customer edit form, I need to show toggle button as below
enter image description here

In admin it is showing using component JS.not able use HTML and component in frontend.

Can anyone help me on this. Thanks.

jquery – Hide specific element from frontend when a filed is checked with ACF

I added a checkbox to my ACF. the ACF shows on the admin post pages.
I have embed tag(video) on the content of some posts. I want to display embed off in frontend whenever I check the check box.

I set it with ACF and jQuery as the following codes but I am curious Are it possible with ACF plugin without jQuery?

if( get_field(‘checkbox’) ) {
// .wp-video{display==none}
//or better if all embed tag not wok on post content
}

I put it on single.php

<?php
if( get_field('checkbox') ) {
echo '<div id="msg"></div>';
}
?>

after that help jQuery:

if ($('#msg').length > 0) {
$('div.content-body > div.wp-video').hide();
}

web applications – SPA browser-based routing: external routing table for both frontend (React) and backend (Go) use

I have a Single Page Application that uses React-Router and is served via Go backend. The pre-built static app is accessible at app.com which then uses app.com/api to load dynamic data.

If a user goes to app.com and clicks the /widget link everything works fine. However, because the routes all use browser-based routing, if a user tries to go directly to app.com/widget the Go backend doesn’t have anything to serve since it knows nothing about the app itself and gives a 404 response. It only knows/cares about the static files to serve and the api.

My simple solution is that the server sets a cookie redirect=/widget for any route that should be there and then redirects to the index route where the app checks for a redirect value and sends to the user to that page if it’s present. Circular but works.

The issue with this approach is that I don’t want to manually add each new route the app uses to both the frontend and backend which leads me to this question.

My thought is to save all of the routes externally in a yaml or json file like:

routes:
  - url: "/"
    component: App
    redirect: false

  - url: "/widget"
    component: Widget
    redirect: true

The frontend app would import the file during the build and setup the routes/components accordingly while the backend would import it, check which had redirect set to true, and use a factory function to create handlers for redirection to each of those paths. A couple potential benefits seem like they would be easier configuration of the app routes at high-level and the ability to separate which widgets are accessible directly and which need to go through the main page/login but I feel like there may be negatives I’m not thinking of

General thoughts on this approach? I’ve tried searching for other similar solutions or best practices but feel like I’m missing the right terminology to even find anything and can’t tell if I’m reinventing the wheel

php – how to display html in frontend for widget development

I;m still new to php and wordpress, I have HTML I want to display with someone puts in this widget but I’m not sure why its not displaying. I know I’m doing something or a lot of things wrong. Am I not suppose to the use the //output area?

     * Front-end display of widget.
     *
     * @see WP_Widget::widget()
     *
     * @param array $args     Widget arguments.
     * @param array $instance Saved values from database.
     */
    public function widget( $args, $instance ) {
        //<div>
        echo $args('before_widget');
        if ( ! empty( $instance('title') ) ) {
            echo $args('before_title') . apply_filters( 'widget_title', $instance('title') ) . $args('after_title');
        }
        ?>

        //the output
        <p>
            hidf
        </p>
        
        <?php   
        //</div>
        echo $args('after_widget');
        

    }

Form ajax in frontend loses search values

I am using an ajax form in the frontend, and at the user experience level it is fabulous, the user can have fun finding what he wants by playing with the filters, no problem.

The problem instead arises when once the user decides to choose a result, he obviously enters the result page, but if he decides to go back to the search page, poof, search results disappeared, because there is no url from which fetching data the form does not keep the previous search in memory.

Structure of the ajax form:

<form action="<?php echo site_url() ?>/wp-admin/admin-ajax.php" method="POST" id="filter">
<!-- form fields -->
<button>Apply filter</button>
<input type="hidden" name="action" value="myfilter">
</form>

and:

<div id="response"></div>

functions.php

add_action('wp_ajax_myfilter', 'ajax_filter_function'); // wp_ajax_{ACTION HERE}
add_action('wp_ajax_nopriv_myfilter', 'ajax_filter_function');

function ajax_filter_function(){
        $args =  array(
            'post_type' => 'pro',
            'posts_per_page' => -1,
            'meta_key'    => $_POST('categoryfilter'),
            'orderby'    => 'meta_value_num',
            'order'       => $_POST('order'),
        );
    $query = new WP_Query( $args );

    if( $query->have_posts() ) :

        while( $query->have_posts() ): $query->the_post();
          /*SOME DATA SHOW PRODUCT*/
        endwhile;
        wp_reset_postdata();
    endif;

}

since the results are inside a single-nameofcustomposttype.php, obviously when the user selects the product he wants the url he follows the permalink of the custom post type, how to solve this huge problem?

data leakage – Should I obscure database primary keys for the frontend even if these ids are uuidv4 Ids?

After reading through the answers of the related question (the same question but about integer primary keys), I was wondering if there is any reason to hash uuidv4 primary keys and sending the hash to the frontend instead.

Since uuidv4 Ids are random, exposing these ids to the frontend should not leak any information and thus there should not be a problem with sending these ids to the frontend.

So is there any reason and or scenario in which I should obscure database primary keys for the frontend even if these ids are uuidv4 Ids ?

Magento 1.9 frontend – Magento Stack Exchange

I have a client whit an online store in magento 1.9.3. She said that before the store was operative, the agency told here to go on the store page, and she can modify every text on the page live, by just clicking on it end edit it.
How is this possible?

Ssl certificate works for the magento backend but doesn’t in frontend

I’m working for a very good customer of mine, however he has a webshop which runs on an outdated magento version (1.9) and hosting/maintaining ot has been quite of a challenge up until today.

There was a problem with the SSL certificate and the customer asked me to take ama look at it. I installed a newly obtained certificate and updated the base and base secure variables in the backend as per usual.

Now the SSL seems to be working when in the backend (green/secure connection) but not on the frontend (unsecure/red). How can this be?

Anyone experienced this before?

Thank you for advice