Artlines Media Blog

We have a seat with your name on it.

 

Artlines Media is searching for a passionate web developer to join our small yet ambitious team, as we begin our transition from a smaller local outfit to a nationally recognised and respected web agency.

Ideally, we’re looking for a multi-skilled individual with strong front-end development skills, who also enjoys dabbling with PHP. At least 1 year’s experience is preferred.

Your seat at Artlines?

Requirements

  • Ability to translate Photoshop designs into semantic, uncluttered and well thought-out HTML and CSS.
  • Good working knowledge of javascript (jQuery preferred)
  • Responsive web design and optimising for the smaller screened experience.
  • Strong awareness of accessibility and browser-compatibility issues.
  • Basic programming knowledge with PHP and MySQL databases.

Bonus points

  • Any other web-based programming language/framework such as ruby, rails or node.js is seen as a major plus.
  • Knowledge of any CMS or e-commerce platforms, such as wordpress, expression engine, magento, etc. (Even though we tend to build our own bespoke systems for projects)
  • Working knowledge of using version control within a team environment.
  • Experience working with dedicated servers.

This is a great opportunity to join a young and energetic web team, to learn as well as imparting some of your own knowledge and methodologies. Our studio, complete with pool table and arcade machines, is set in the picturesque village of Penn in Buckinghamshire – easily accessible from the M40 and Beaconfield train station (Chiltern Railways Marylebone to Birmingham line).

A competitive salary is on offer to the right candidate.

If you think you are right for the job, please send your CV to with links to your past projects and include your salary expectation.

No agencies please.

Ethos branding

 

Ethos

Ethos Training & Consultancy rocked into Artlines to produce a brand identity for their start-up.

Our aim was to create a well established, friendly yet approachable brand that integrates across all stationary and web material.

The Arcade Project

 

Arcade Machine

During our free time at Artlines we planned and put together a coffee arcade table, we’re proud of it and we thought we’ll share how we done it.

Shopping list

  • 2 x Joysticks
  • 16 x buttons (12 action, 2 coin and 2 player start buttons)
  • I-PAC PC keyboard interface
  • Crimps
  • Wire
  • Monitor
  • Computer
  • Speakers
  • Table
  • Wood
  • Foam

Arcade Plans

We bought in our table that we could easily modify, our table was a simple black gloss style 1000 × 450mm. Taking these measurements into illustrator the button holes and screen placement was put into place. The file was saved and used as a template by the perspex company to cut the holes needed.

Routing holes

Once the perspex was complete we fitted this to the top of the table using quick release clamps.
Tom then began routing the wood using the perspex as a guide, the holes created by this were identical to the perspex – what a great tool!

Arcade holes

The table used honeycomb corrugated cardboard on the inside to create stability and strength, we pushed the cardboard out of the way where needed to clear the button holes.

Arcade screen

Measuring out the centre of the table and correct placement for the monitor was simple using a ruler and masking tape, once in the centre Tom clamped in the router to drill out perfect lines. The table was then turned over and the same measurements were drawn out and masked for cutting out, we then used a knife to cut deeper through the cardboard and the middle screen block fell out with a hard push.

For the back of the buttons we needed a bit of space to fiddle with the wiring so a large block was cut out to do so.

Joystick placement

The joysticks came with a metal plate to screw in, we used this metal plate as a template to drill holes through. These holes were then countersunk into the wood which allowed us to secure the joysticks from the underside not needing the metal plate at all.

Peeling the corners

Using the illustrator template we had vinyl custom cut to measure with the screen area and button holes cut also, the screen had a little overhang to hide all the brands and buttons. The vinyl was carefully placed on the table and then the perspex was placed back on top, make sure to dust free any little particles!

We peeled back the corners and firmly secured the perspex to the wood table.

Placing the buttons

As we started to peel the perspex cover sheet back we got excited and placed in all the buttons and joysticks, all that was left to do was securing the monitor and wiring all the buttons.

Securing the monitor

Using blocks of wood and cut out pieces of foam we secured the monitor into place, the monitor cables were eventually cable tied to secure them down.

Wiring the buttons

Wiring took no longer than 20 minutes, quickly cutting each wire to the correct length and crimping one end that was placed on the joystick/button. This was done for every button and wired into the I-PAC, this translates the arcade buttons into keyboard commands. Each button needed to be grounded down or else it will fail as its pressed, the tidiest way of grounding was to chain all the ground wires together hopping from one to the other.

Once all the buttons we’re complete we needed to setup the buttons on the computer, plugging in the computer, monitor and speakers was a nervous time! The machine booted up fine and we were greeted by the Windows XP welcome screen.
Firing up MAME we set up Player 1 and Player 2 controls, then it was testing time…

Street Fighter battle

Street Fighter battle!
Everything worked perfectly and better than we imagined – great success!

P.S Challenges accepted!

Basepoint appoints us as their digital agency!

 

Basepoint appoints us as their digital agency!

Basepoint, one of the UKs leading providers of managed offices and workspaces, has appointed us to become its new digital design agency, following a competitive pitch.

We will be working closely with the team at Basepoint to deliver a new responsive website, CMS and Intranet for the company. We will bring you ongoing updates as we progress through this project.

We unveil Pelham's new website

 

Our client, Pelham International, needed to realign their website. The site had to convey Pelham’s ongoing position as a market leader in the financial search market. With offices based in London and Hong Kong, the new site boasts an image rich homepage and uses latest technology to deliver an engaging user experience.

The team did a great job, from initial planning through to design and development.

About Pelham

Pelham is a leading International Executive Search Firm specialising in financial services. Founded in 1987, Pelham has forged close partnerships with a select group of clients in Europe and Asia working with them to help them achieve their strategic goals.

View the website

Page 1 of 23 Next

Categories