Turning complexity into clarity.

Website design - Upwork

WordPress Work From UpWork - Tue, 12/04/2018 - 07:02
Hi. I have a page of content on Google docs. I would like to place its content on a new website with a domain name that I bought from goddady. I plan to host the new website with goddady as well. I would like to accept credit card and PayPal payments on the new website now and have the option to add new pages to the new website in the future. The website should be optimized for pc and mobile use.
Please let me know what platform u would like to use, how long will it take, and how much it costs to make this website.

Thank you.


Posted On: December 04, 2018 11:41 UTC
Category: Web, Mobile & Software Dev > Web & Mobile Design
Skills: Paypal Integration, Responsive Web Design, User Experience Design, Web Design, Website Development, WordPress
Country: United States
click to apply

Redesign Wordpress site - Upwork

WordPress Work From UpWork - Tue, 12/04/2018 - 04:53
Need to redesign an existing website that has good page ranking, but design is clunky and doesn't load well on mobile. We will provide content and images, you provide design ideas and implementation. The website has about 15 pages.

Bonus if you have knowledge of search engine ranking and how web design plays a part. Redesign should keep load speed in mind, especially for mobile. Interested in working with individual freelancers, not agencies.

Please include examples of websites you've designed and your time estimate for the project.


Posted On: December 04, 2018 11:41 UTC
Category: Web, Mobile & Software Dev > Web & Mobile Design
Country: United States
click to apply

Code Karate: Drupal 8 Rabbit Hole Module

News from Planet Drupal - Tue, 12/04/2018 - 04:03
Episode Number: 221

The Drupal 8 Rabbit Hole Module allows you to control what happens when someone views an entity page. Before you ask why this might be important, let me clarify, it's not a layout tool. It's a simple module that allows you to easily redirect or prevent users from viewing specific types on entities on your site.

Tags: DrupalContribDrupal 8Site BuildingDrupal Planet
Categories: Drupal

DrupalCon News: Community Connection - Kelly Tetterton

News from Planet Drupal - Tue, 12/04/2018 - 00:34

We’re featuring some of the people in the Drupalverse! This Q&A series highlights some of the individuals you could meet at DrupalCon. Every year, DrupalCon is the largest gathering of people who belong to this community. To celebrate and take note of what DrupalCon means to them, we’re featuring an array of perspectives and some fun facts to help you get to know your community.

Categories: Drupal

Create "Poll/Survey/Quiz" Style Webpage - Upwork

WordPress Work From UpWork - Mon, 12/03/2018 - 23:51
Hi,

We run a lot of paid traffic to polls, surveys, etc.

Very simple 1 page .... Vote A or B .... enter email for results ... take to a thank
you page.

Currently we use ClickFunnels, but we are open to using whatever platform
works.

We're looking to hire someone (on a project by project) basis to help create
better looking, functioning poll/survey style pages for us.

We'll supply the content.

We just need you to make it look good and function properly.  You must
also bring creative, design, functionality ideas to the table to make this look
really good!  

Here are a few other requirements:

* Must be a responsive design that works on desktop, mobile,
tablet and looks GREAT.

* On the Thank You Page (after they click "SUBMIT") we must
show them the results of the poll so far.

* I want certain parts of this webpage to be dynamic.  Such as
loading icons to act as if the page is gathering data to show.

I'd like graphs/charts that move ....

81% of people like A

19% of people like B

Then we have a bar graph or pie chart that "appears"

* We capture email addresses and need them put into our A/R
series based on what they voted on in the poll/survey.

*  We make MANY different polls/surveys ...so this is going to
be a template that we use over and over ... just with different
content.  We'd like you to be a part of those new polls as well.

That's pretty much it.

Let me know what experience you have in this area ... show me
some pages you've built ... and we'll go from there.

Looking to hire someone right away and get started!

Thanks!
Jeremy


Posted On: December 04, 2018 02:11 UTC
Category: Web, Mobile & Software Dev > Web Development
Skills: Adobe Illustrator, Adobe Photoshop, ClickFunnels, CSS, CSS3, Graphic Design, HTML, HTML5, Marketing Strategy, PHP, Responsive Web Design, Web Design, Website Development, WordPress
Country: United States
click to apply

DrupalEasy: DrupalEasy Podcast 212 - Commerce Guys: decoupling and roadmap with Bojan Zivanovic and Matt Glaman

News from Planet Drupal - Mon, 12/03/2018 - 23:15

Direct .mp3 file download.

DrupalEasy Podcast 212 - Commerce Guys: decoupling and roadmap

Matt Glaman, (mglaman) and Bojan Zivanovic, (bojanz) join Mike live from Disney World to talk about decoupling Drupal Commerce as well as the roadmap for Drupal Commerce as a project. We take a quick side trip into some blog posts Matt recently wrote about running all of Drupal core's automated tests in DDEV-Local.

Interview DrupalEasy News Upcoming events Sponsors
  • Drupal Aid - Drupal support and maintenance services. Get unlimited support, monthly maintenance, and unlimited small jobs starting at $99/mo.
  • WebEnabled.com - devPanel.
Follow us on Twitter Subscribe

Subscribe to our podcast on iTunes, Google Play or Miro. Listen to our podcast on Stitcher.

If you'd like to leave us a voicemail, call 321-396-2340. Please keep in mind that we might play your voicemail during one of our future podcasts. Feel free to call in with suggestions, rants, questions, or corrections. If you'd rather just send us an email, please use our contact page.

Categories: Drupal

Jeff Geerling's Blog: Testing the 'Add user' and 'Edit account' forms in Drupal 8 with Behat

News from Planet Drupal - Mon, 12/03/2018 - 22:20

On a recent project, I needed to add some behavioral tests to cover the functionality of the Password Policy module. I seem to be a sucker for pain, because often I choose to test the things it seems there's no documentation on—like testing the functionality of the partially-Javascript-powered password fields on the user account forms.

In this case, I was presented with two challenges:

  • I needed to run one scenario where a user edits his/her own password, and must follow the site's configured password policy.
  • I needed to run another scenario where an admin creates a new user account, and must follow the site's configured password policy for the created user's password.

So I came up with the following scenarios:

Categories: Drupal

DEVELOPER NEED FOR CREATING RESPONSIVE NEW SITE - WORDPRESS OR WIX - Upwork

WordPress Work From UpWork - Mon, 12/03/2018 - 19:01
Looking for developer to build responsible website to showcase video content from well known producer.  Must be able to work fast, flexible, creative, able to design with a minimal aesthetic that is informative, functional and stylish. Content is lifestyle and fashion-driven. Have a template in mind. Have done previous sites on Wix but if WordPress better option, go with that. Would wish to be able to make basic changes in future. Site must look highly professional and aspirational.  We are NYC-based but open to global collaborations. Fast turnaround.


Posted On: December 04, 2018 02:11 UTC
Category: Web, Mobile & Software Dev > Web Development
Skills: Adobe Illustrator, Adobe InDesign, Adobe Photoshop, HTML, HTML5, JavaScript, Web Design, Website Development, WiX, WordPress
Country: United States
click to apply

EAX Software Engineer, NodeJS (150769) - EA - Vancouver, BC

NodeJS jobs - Mon, 12/03/2018 - 19:01
Hands-on development delivering Java and NodeJS based applications. Solid experience with a modern NodeJS framework such as Koa and Express....
From T-Net BC - Mon, 03 Dec 2018 19:01:05 GMT - View all Vancouver, BC jobs
Categories: NodeJS

EAX Jr. Software Engineer, React (150775) - EA - Vancouver, BC

NodeJS jobs - Mon, 12/03/2018 - 19:01
Experience with server-side development using nodeJS, PHP, Java, Ruby or Python. Electronic Arts Inc....
From T-Net BC - Mon, 03 Dec 2018 19:01:03 GMT - View all Vancouver, BC jobs
Categories: NodeJS

EAX Software Engineer, React (150772) - EA - Vancouver, BC

NodeJS jobs - Mon, 12/03/2018 - 19:00
Experience with server-side development using nodeJS, PHP, Java, Ruby or Python. Electronic Arts Inc....
From T-Net BC - Mon, 03 Dec 2018 19:00:48 GMT - View all Vancouver, BC jobs
Categories: NodeJS

EAX Senior UI Engineer (150768) - EA - Vancouver, BC

NodeJS jobs - Mon, 12/03/2018 - 19:00
Experience with server-side development using nodeJS, PHP, Java, Ruby or Python. Electronic Arts Inc....
From T-Net BC - Mon, 03 Dec 2018 19:00:35 GMT - View all Vancouver, BC jobs
Categories: NodeJS

WordPress Coder - Upwork

WordPress Work From UpWork - Mon, 12/03/2018 - 13:01
Hello,

I am looking to hire someone to change Barstarzz.com.

Must Be Knowledgable In
-Coding For Word Press
-Html
-Javascript

Some But Not Of All The Adjustments Needed To Be Done


1.      CONTENT AREA WIDTH


2.      MENU BAR


3.      QUICK LINKS UNDERNEATH THE FRONT PAGE SLIDER


4.      Change quotation mark icon on the news grid. Details on the video.


5.      YELLOW BARSTAZZ BTX APP BUTTON ON FRONT PAGE

Make consistent with the regular content width.


6.      WORKOUT PROGRAMS

Adjust content width to regular content width, consistent with the rest of the page.


7.      ADD OWN PAGE TEMPLATE FOR EVERY WORKOUT PROGRAM



8.      PRODUCT BOX SIZE CONSISTENT



9.      PRODUCT PAGE CONTENT AREA WIDTH ADJUSTMENT


10.  PRODUCT PAGE BUTTON DESIGN

11. BOTTOM OF THE PAGE DISPLAY DIRECTLY THE INSTAGRAM PAGE @BARSTARZZ_APPAREL FOR EXAMPLE LIKE https://www.gymshark.com/

12. CHANGE OUR POPULAR PRODUCTS SO IT IS NOT IN A SMALL BOX AND LOOKS MORE ORGANIC

13. SAME FOR STORE PICTURES OF ITEMS SO THAT THE PICTURES ARE LAID OUT ALL TOGETHER LIKE NIKE.COM WITH ALSO A SPACE FOR A VIDEO

14. ADD A TICKER ABOVE THE STORE THAT SAYS FREE SHIPPING TO USA AND CANADA FOR ORDERS OVER 60$

15. MAKE ORDERS FREE OF SHIPPING FOR PRODUCTS OVER 60$

16. WHEN SOMEONE ADDS SOMETHING TO CART THE MOST POPULAR PRODUCT COMES UP AS RECOMMENDED SIMILAR TO AMAZON

17. WHEN YOU HOVER OVER ANYTHING ON THE HOME PAGE A REACTION SHOULD HAPPEN LIKE IT ZOOMING FORWARD

18.SHOW ME HOW TO USE MY WEBSITE EMAIL ADDRESS EFFICIENTLY


I am very sorry for the caps lock lol. It is copied and pasted from a friend who is helping me redo the website. She created a video with a guideline for more detail into the first 10 changes. I can guide on what I would like for the rest. Please only apply if you are confident after reading each line.
Please include a Spanish word in your application to know you read everything.

.


Posted On: December 03, 2018 14:41 UTC
Category: Web, Mobile & Software Dev > Web Development
Skills: HTML, JavaScript, WordPress
Country: United States
click to apply

ThinkShout: Pixel Perfect Project Foundations: Part One of a Series

News from Planet Drupal - Mon, 12/03/2018 - 12:00

I used to draw a lot. I never thought of myself as a good artist, but I felt like I had a knack for replicating images, so I turned into a game. I’d say, “let’s see if I can take this small cell from my favorite comic and blow it up into a larger version of itself.” Take this for example:

Alita as drawn by Amy

It came as no surprise to me when I became obsessed with creating responsively pixel perfect websites that represented our talented design team’s work precisely. There was a problem, however. Up until recently front end developers didn’t have a great way to create responsive grids, so we used the tools that we had readily available to us. For example, if you intend to bake chocolate chip cookies with carob, the result is going to be wildly different than if you used chocolate chips! (Carob is never a replacement for chocolate, I don’t care what you say…)

Let’s review our options in the evolutionary order we received them:

  1. Tables: Tables were originally intended for tabular data created through HTML and nothing more.
  2. Floats: Since the web was inspired by print, floats were created to successfully wrap text around images. Floats used with inline elements, and specified widths and gutters, have been used for years to create grids. In addition, all browsers support floats. The problem, however, is they can be complex, prone to break, and often contain tricky clearing and nth item margin removal between responsive breakpoints. In other words, it’s a lot of work.
  3. Flexbox: As browsers became more supportive of flexbox, many of us got tremendously excited. Flexbox was designed with rows and columns in mind, including created elements within rows and columns that have equal heights and widths. Vertical centering has never been easier, but that’s a whole other blog post. Flex-wrap made it possible for front end devs to create grids using flexbox, so we kissed floated grids goodbye.
  4. Grid Layout: Low and behold, a CSS solution made with grid styling in mind - finally! As soon as this became widely browser compatible, I jumped at the opportunity to add this to a brand new project implementation.

First things first… after being part of a handful of new site builds from start to finish, it quickly became apparent how important establishing global site containers were at the foundational level. That’s when I created this visual guide:

  • The Full Screen width is as far as the screen allows. This assumes the site could stretch to infinity, if we had a screen that would allow for that. But we don’t. So, the site boundaries need to be established to something more reasonable.
  • The Site Max Width limits how wide the website itself is willing to stretch. In the instance I’ll be talking about, a width of 3000px was set on the <body> tag and centered using margin-left: auto; and margin-right: auto;. Full-site width elements would live here including but not limited to background images that stretch the full width of the site.
  • The Content Side Padding always exists, regardless of device. It creates left/right spacing in between elements we don’t want touching the very edge of the screen, and the edge of screen itself. An example of this would be text elements.
  • The Grid area is where design-determined columns start and end. Designers typically imagine 12-columns when crafting websites, though the total columns can vary. Planning the full grid area pixel width with a designer right at the beginning is crucial for creating precisely planned grid walls, and perfectly centered elements. Grid Layout also makes creating sidebars super easy to create and maintain as well.

In order to make Grid Layout compatible with IE, it was necessary to add a polyfill to the project. We’re using npm, so a dependency was added like so to the package.json file, and npm update was run to update the package-lock.json file.

Next up, create the grid:

You’re going to see a lot of Sass variables in these code examples, so this might provide a bit of context. (Note: This is a simplified version. This project in particular has 4 grid columns on mobile, and 16 on extra large screens. There were a number of media queries needed to be taken into account too):

After creating the global grid, it dawned on me that I could create a visual grid fairly easily so my team and I could check our work against the exact line assignments. The idea came to me after I saw my teammate, Marlene, apply a Neat (of Bourbon and Neat CSS libraries) visual-grid to a previous project. So, I added a bit of markup to the html.html.twig template:

My tech lead, Maria, loved the idea so she came up with a quick way for us to see the visual grid using a preprocess hook in the .theme file. All the team needed to do was apply ?show-grid=1 to the end of any of the site’s urls to check our work and see if it lined up:

Of course, it had to inherit the overall .grid properties (code shown above), in addition to containing its own unique styling, in order to superimpose the visual grid over the top of the entire page.

The visual grid looked like this when we were working on our project:

Given that applying CSS Grid Layout to a project was a new experience for me and my team, a couple things needed to happen:

  • Create documentation
  • Meet with the team to explain how I’ve setup the project,
  • Encourage innovation and communication, and
  • Go over the documentation
  • Encourage updates to the documentation when new tools have been created, and report back to the rest of the team

It was important for the team to know my intentions for applying the horizontal containers and the use of CSS Grid Layout, and to admit that this is new territory and I was relying on all of us to be on the same page, applying the tools in the same way, and finding ways to make our jobs easier and more efficient.

Initially, we started using CSS Grid Layout for specifically layout purposes of an element’s parent wrapper. We are all well versed in Flexbox now, so we applied Flexbox on the child element rows like so:

Later, I discovered a way to generically place child elements into a grid parent without needing to assign each child element a place inside the grid. Check out my Codepen example to see how this might work.

Many of the elements on the site needed grid to be applied first. However these elements needed to be centered as well, like the elements in the screenshot above. CSS Grid Layout comes with a property grid-column that takes two arguments: 1. a start column and 2. an end column. It needed to be IE compatible, so I whipped up this little mixin:

It took my team some acclimating to enter start and end column values for every element in every breakpoint necessary. Admittedly, it was a bit of a mind-bender at times. This especially took some getting used to since applying grid to a parent element will render all its children into a single column out of the box. It wasn’t long before this grid centering code appeared in the project, thanks to innovative thinking from Maria, Marlene, and Jules:

With that, a themer simply enters how many columns the centered element is wide and how many columns exist on the grid at that breakpoint. Voila, centered grid elements in no time flat!

I could go on and on, there’s so much to share. Though designs may have adjusted slightly over the course of the project, the layout and overall elements largely stayed the same. My ultimate goal was to create an exact replication of our designer, Vicki’s, beautiful work. But, I couldn’t do this all by myself. I needed my teammates to be on the same page. And, that they were! Here’s an example of a page I did very little work on. This is also an example of using CSS Grid Layout with a sidebar element with a 12-column across element in the middle of listing items that needed to be placed in fewer columns. One of these screenshots is the design and one is the live site. Can you tell which is which?

This whole experience truly was a team effort. The code snippets I’ve shared with you did not look like that at the beginning. They evolved overtime, and have grown much more beyond the foundation I originally envisioned. To my surprise, my team got so excited about these tools of precision that they helped produce robust mixins, setting global spacing variables. Say our designer wants to change the gutter from 16px to 20px. No problem, change the $grid-gutter variable and all of the elements across the site just fall in line. No more changing every spacing instance of every element across the site. Goodbye frustration, hello efficiency and perfection!

So, if you find you’re as obsessed as I am with creating a pixel perfect responsive experience for your websites, or if you simply want to start using CSS Grid Layout with purpose in your next project, please feel free to adapt these tools into your practice.

Thanks for taking this journey with me, and I hope you look forward to the next blog posts of this series where my teammates discuss other problems we solved in this implementation. Isn’t nerding out with other passionate people the best?!

Categories: Drupal

Simple WordPress Site - Upwork

WordPress Work From UpWork - Mon, 12/03/2018 - 11:17
All content already exists on the old website here (link removed)/

Draft site plan

Home
        Brief introduction that leads into the Experience page
        List of services that leads into the Services page to provide more information
        Contact link to exist at the base of every page

Services
List all services with image and brief overview associated with each one. Each service to have a call to action ie enquire now about your ‘Parts Procurement’ requirements

Experience (formerly ‘About Us’)
        Include overview of experience as commenced on the home page    
Include bios on three key staff

Part
        Brief overview on parts and photo of the parts manager

Useful Links
        Include all relevant links and brief sentence description

Contact us
        Phone and email information
        Contact form (also format response form that acknowledges that the message has been received by RAS)
        Google map (styled to match the brand colours scheme)

Footer
        Include privacy and disclaimer information and copyright

This job was posted from a mobile device, so please pardon any typos or any missing details.


Posted On: December 03, 2018 14:41 UTC
Category: Web, Mobile & Software Dev > Web Development
Skills: CSS, WordPress
Country: Australia
click to apply

Technical Content Writer Needed for Company Website - Upwork

WordPress Work From UpWork - Mon, 12/03/2018 - 10:09
We are looking for a Technology Content Writer to enrich our websites with decent content as per the need of the page, which can help us to attract or win new visitors for our website. We are also looking for a tech content guy who can write new technical blog posts, guides, and marketing copy.
Content Writer responsibilities include conducting thorough research on the IT industry and generate the fruitful content for our website. Feel free to share samples of your work or portfolio of your published IT articles, along with your application.
Before applying for this job review our website link (i.e. www.fidelesys.com) and come up with your analysis. To get a job, please come with your proper analysis.
Ultimately, you’ll deliver quality writing pieces that appeal to our audiences, attract customers and boost brand awareness.
Responsibilities
• Research and Analysis of IT industry-related content fit for our website.
• Write a clear marketing copy to promote our products/services
• Prepare well-structured drafts using Content Management Systems
• Conduct simple keyword research and use SEO guidelines to increase web traffic
Requirements
• Proven work experience as a Tech Content Writer
• Portfolio of published articles
• Experience doing research using multiple sources
• Familiarity with web publications
• Excellent writing and editing skills in English
• Hands-on experience with Content Management Systems (WordPress)
• Ability to meet deadlines


Posted On: December 03, 2018 14:41 UTC
Category: Writing > Article & Blog Writing
Skills: Content Writing, Creative Writing, English Grammar, Technical Writing, Website Development, Writing
Country: India
click to apply

Software Engineer (front-end) - Bananatag - Vancouver, BC

NodeJS jobs - Mon, 12/03/2018 - 09:49
ABOUT US: Bananatag is a rapidly growing software company with offices in Vancouver (Gastown) and Kelowna. We solve communication problems for some of the...
From Bananatag - Mon, 03 Dec 2018 09:49:24 GMT - View all Vancouver, BC jobs
Categories: NodeJS

Backend, API & integration developers (JavaScript & Java) - Radical I/O Technology Inc. - Vancouver, BC

NodeJS jobs - Mon, 12/03/2018 - 09:43
NodeJS frameworks such as Hapi, Express. Backend and middleware app development using NodeJS or Java (depending on our clients' needs, you might switch between...
From Radical I/O Technology Inc. - Mon, 03 Dec 2018 09:43:29 GMT - View all Vancouver, BC jobs
Categories: NodeJS

Need help designing and develop wordpress company brochure website - Upwork

WordPress Work From UpWork - Sun, 12/02/2018 - 23:23
Hi, we are looking for some help designing and development of a Wordpress website for our company. This would be a pretty simple 5 page website Home, Services, About, Contact.

We are hoping for a turnaround time of approximately 1 week after submitting content.

Thank you!


Posted On: December 03, 2018 14:41 UTC
Category: Web, Mobile & Software Dev > Web & Mobile Design
Country: United States
click to apply

Penetration Tester - MV Technologies - Vancouver, BC

NodeJS jobs - Sun, 12/02/2018 - 19:39
*Job Summary* *Need to have Skills / Experience* * Thorough understanding of coding concepts such as: authentication mechanisms, data serialization. *... $110,000 - $120,000 a year
From Indeed - Sun, 02 Dec 2018 19:39:45 GMT - View all Vancouver, BC jobs
Categories: NodeJS