This is a visual map (or wireframe) of the HTML elements used in the development of the site to build the different containers, blocks or sections. User error conditions and tracking issues were solved at this point to minimize any UX/UI problems. The site map and flow chart provided a broad visual of the website and its deep linking relations and calls to action. Agile methodology was used to develop the website and I maintained a Kanban to keep track of the completion status of each task. Using UX/UI design principles and best practices, I laid out detailed a site map and a user experience flow chart illustrating the entire experience. I had a clear idea of what I wanted to focus on and I did extensive user-centered planning to review content and optimize the new site architecture. I spent many days researching portfolio best practices and examining what others have published.
To create a clear user interface (UI) for a straightforward user experience (UX), I will implement best practices for ease of navigation and findability, keeping click efforts to a minimum. To produce a simple, systematized design (and show my design skills) I will design based on modules and I will use modular typefaces inspired on technical drawing.
FAVICON CODEKIT CODE
To demonstrate my development and coding skills, it is very important to create a framework and code from scratch. Curating projects that exhibit the range and depth of skills and knowledge I can offer, to engage in conversations with employers or clients is the goal.īecause development is one of my areas of expertise, it is crucial to avoid building a portfolio assisted by templates or content management systems. Presenting vital information about who I am, where I’ve been and what I’ve done in an easy, organized, structured fashion is exactly what a portfolio is about.
FAVICON CODEKIT PROFESSIONAL
"setTimeout((this), 100)"įinally, let's show the user a GMail-style notice after 5 seconds, just to let them know that we're running slow or have just plain died.Web Developer, Graphic Designer Project BriefĪs a personal project, I need to assemble a well-structured professional portfolio that showcases the best of my development, design, and illustration work to clearly demonstrate my experience, skills, thinking / solutions, and style. Now, to modify the ajax_progress helper to simple beauty. This will prevent the link from doing anything if the user clicks it twice. Time to open up application.js and create a ghetto pseudoclass singleton thingy. We going to step it up one more, because this code belongs in a library. You can use setTimeout on a form to change the action, so it can't be submitted twice (for important forms) The setTimeout is useful because it lets us modify the tag (even remove it from the DOM) without messing with the ajax request. Because it's bound, we can refer to "this" inside the function and get the anchor tag. We binding the anonymous function to "this", which in this context refers to the 'A' anchor tag. SetTimeout takes either a function name or an anonymous function.
category), :before => ajax_progress, :method => :put } %> To keep the view clean, We'll implement it as a simple view helper in application_helper.rb So, let's add some code to prevent the user from clicking twice. For example, there's no way here for a global ajax responder to get the anchor object. You may know that you can add a global ajax responder to your application:īut we not going to cover that here, because you can't get the originating object.
0 kommentar(er)
