Skip to main content

Forums

Forum Replies Created

Viewing 15 posts - 1 through 15 (of 1,771 total)
  • Author
    Posts
  • in reply to: Is Photoshop productive for web design? #237530
    Alen
    Participant

    @lil-k

    Photoshop is just a tool. There’s no rules as to which way you should be using it.

    Is Photoshop productive for web design?

    It depends. How are you using it? Are you happy with the workflow? What else have you tried? There’s so many habitual, personal things that get molded when using any tool. It’s very subjective. What works for me might not make any sense to how you do things.

    Are you working alone? With developer? Have clients? All of these things might at any point in time make you switch between multitude of tools that you have at your disposal.

    For me, I use Photoshop to get some creative ideas polished, but I always start with low fidelity pencil and paper sketch. It’s much faster to iterate on paper, throw ideas together then later produce higher fidelity comps for client or whomever.

    How you present those ideas to clients is in-itself huge complex process. Some designers elect to do big reveals, where they present a client nicely polished design after spending lots of time working on comps. Some deliver lower quality prototype that they iterate on as they work. Most of that work is done in browser, and in my opinion more realistic representation of your design. It’s a living thing, not a Photoshop comp that client is looking at on a projector. There are pros/cons to both approaches.

    You need to figure out how your process will be structured and how Photoshop fits into your workflow.

    Hope that helps,

    Here’s a great listen: ‘Extreme tool anxiety’ with Brad Frost and Stephen Hay

    in reply to: [Solved] Header elements positioning #236571
    Alen
    Participant

    Yup what @paulie_d said.

    Here’s a quick proof of concept

    http://codepen.io/alenabdula/pen/BjRggG

    in reply to: Disappearing Shadow on Photos #236569
    Alen
    Participant

    @greenhousegraphix Add z-index to the wrapper, or

    .et_pb_animation_fade_in.et-animated {
        opacity: 1;
        z-index: 100;
        animation: fadeIn 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
    }
    
    in reply to: Phone browsers not using correct WordPress CSS #236566
    Alen
    Participant
    in reply to: Design website about book #236203
    Alen
    Participant

    @jackson Here’s a list of random book sellers and their approaches

    Hope that helps.
    Alen

    in reply to: Function not being updated correctly #236201
    Alen
    Participant

    You need to call calcLeftWrapper(); when the page is done fading in.

    In your code, try:

    /* code emmited for brevity */
    $mainContent.fadeIn(200, function() {
      $pageWrap.animate({
        height: baseHeight + $mainContent.height() + "px"
      });
     calcLeftWrapper(); /* fn call */
    });
    
    in reply to: Theme dependent plugin #236195
    Alen
    Participant

    I just want to get the plugin deactivated if those themes (Divi or Extra) are not found since without that my plugin features will be useless and also, the site may crash as it’s calling a theme function.

    I’m not familiar with that specific page builder. But I’m guessing it’s a PHP class. So instead of testing for the name of the theme, test if the class exists. So something like…

    if ( ! class_exists( 'PageBuilderClassHere' ) ) {
      echo 'You are not good enough for me!';
      return;
    }
    
    in reply to: Function not being updated correctly #236192
    Alen
    Participant

    @shikkediel didn’t know that was being removed. Just shows how much I’ve been working with jQuery, mostly using VueJS.

    @xvilo I’ve replicated your issue by creating locally:

    1. index.html and copy your markup
    2. demo.html so I can navigate between pages (same markup)
    3. added following JavaScript (re-wrote some parts)
    $(document).ready(function() {
        calcLeftWrapper();
    });
    $(window).resize(function() {
        calcLeftWrapper();
    });
    
    function calcLeftWrapper() {
        var $original = $('.original-width');
        var $divWidth = $original.width();
        var $divPosit = $original.offset();
        var $vph = $(window).height();
        var $element = $('.leftwrapper');
        var $height = $vph - $divPosit.top - 15;
        $element.css({
            'width': $divWidth,
            'left': $divPosit.left,
            'top': $divPosit.top,
            'height': $height,
            'display': 'block',
        });
    }
    

    Everything is working as expected.

    Hope that helps,
    Alen

    in reply to: Function not being updated correctly #236185
    Alen
    Participant

    $(document).ready(); is a shorthand for $(document).on('ready', fn);

    @xvilo in the demo you linked to, it looks like it’s doing what its suppose to do. No? In addition, you can pass an object to CSS instead of reaching for the DOM every single time.

    $(element).css({
          'width': divWidth,
          'left': divPosit.left,
          'top': divPosit.top,
          'height': height,
          'display': 'block',
    });
    
    in reply to: Function not being updated correctly #236171
    Alen
    Participant

    @xvilo


    /* $( document ).ready(calcLeftWrapper()); */ /* should be */ $( document ).on('ready', function(){ calcLeftWrapper(); }); /* or */ $( document ).ready(function(){ calcLeftWrapper(); });
    in reply to: Theme dependent plugin #236156
    Alen
    Participant

    I am creating a WP plugin which will require either of two themes so that it can work

    Why? I would never use your plugin. Why do I have to use theme other than my own?

    as it’s using the theme functions inherited from either of the plugins

    Functions inherited from theme? or plugin? Why not extract the functions you need and decouple your code.


    $supported_themes = array('theme-1', 'theme-1'); if ( ! in_array( wp_get_theme(), $supported_themes ) ) { add_action( 'admin_notices', function() { echo '<div class="error"><p>Activate Supported Theme</p></div>'; } ); return; }

    Hope that helps.
    Alen

    in reply to: Weird htaccess problem (https://www -> https://) #236039
    Alen
    Participant

    @alexzaworski

    If you’re performing server redirects, last redirect will be the one that sends response to the browser. If your certificate is valid everything should work.

    How did you go about registering for SSL? I’ve used Let’s Encrypt and had to generate one my self via SSH. I had to generate a certificate for both domain.com and www.domain.com could this be your issue. Try making a redirect to the url you know certificate works.

    Here’s my Nginx config and the flow is:

    1. listen on port 80 for both www and non-www and redirect to https
    2. listen on port 443 www and redirect to non-www
    3. listen on port 443 for non-www and return response

    Hope that helps,
    Alen

    in reply to: Weird htaccess problem (https://www -> https://) #235961
    Alen
    Participant
    in reply to: Call function with function parameter #235826
    Alen
    Participant

    @cutecoder

    The window represents the JavaScript window object. It’s the global scope for all the JavaScript code that runs in the browser.

    Function left, right and myFunction are all in global space. Essentially it’s this:

    window.left(), window.right() etc…


    function myFunction( func ) { // assign variable fn to window object var fn = window[func]; // at this point fn = window.right // we then check if the window.right is a function if ( typeof fn === 'function' ) { // if so run it fn(); } }

    Hope that helps.
    Alen

    in reply to: Call function with function parameter #235821
    Alen
    Participant

    var bool = false; if ( bool ) { myFunction('left'); } else { myFunction('right'); } function left() { console.log('left'); } function right() { console.log('right'); } function myFunction( func ) { var fn = window[func]; if ( typeof fn === 'function' ) { fn(); } }
Viewing 15 posts - 1 through 15 (of 1,771 total)