Websites | Photography | Video Editing | 3D Animations

From the Blog

Feb
27
Posted by Paul Costan at 2:37 am

Hi there, thank you for visiting my showcase site. If you are interested in my work please do not hesitate to contact me.

Apr
27
Posted by Paul Costan at 6:57 pm

Only recently I needed to access my iMac GUI whilst I was away aboard. I’ve always ssh to my iMac being a geek. But for this particular occasion I needed to demo things on my iMac.
Anyways I did a little research and here are my findings and conclusion.

Like I said I’ve always ssh in to my box via VPN, takes awhile to setup if you know what you’re doing, but very useful if you want connect to your home network whilst your in another country.

VNC Viewer

If you have VPN the best app to use is VNC viewer and this is free.

On your Mac you first need to download VNC Connect client. See step by step instructions here.

Next download VNC Viewer on you iPad/iPhone. If you sign up and add your mac details and your way!

Usability is ok, I find it a bit slow compare to the other Remote Desktops apps. I feel it’s very graphic heavy and may eat in to your data plan.

Teamviewer

Teamviewer is free for personal use only… But you if you have several machine you like to connect to, you are advice to purchase a licence, which I think is fair.

Teamviewer is very simple to install. Again it is best to sign up and user your login to your both desktop and mobile apps:
Desktop – Teamviewer client
iPad/iPhone – Teamviewer app

By far, I think the usability on the iPad/iPhone is very simple compare to all the rest for Remote Desktops apps. The app is optimise to your reduces your mobile bandwidth.

Google Chrome Remote desktop

Google is new to the game. I know Google had done similar in the past using their web browser, but this did not fly too well as it was very sluggish. Chrome Remote Desktop is the new and improve version. Works very well. You do not need VPN enable. You can access again on your iPad/iPhone.

The navigation works very similar to VNC viewer. The app is also optimised to your reduces your mobile bandwidth.

Apple Screenshare

Apple Screenshare is pretty recent with the new macOS Sierra. Screenshare is already intergated to the system. all you need to do is make use you are signed in to iMessage and thats it.

Search Screenshare by holding down Command and spacebar and type in ‘Screenshare’. put in the ip address if you have VPN and your in.

The other way is by sharing your screen or taking control of your friend/family desktop is by going to iMessage select the your user message and click on the ‘i’ icon and you will see the overlapping windows icon. Click on this and you will be presented the two options. Control or view.

Join.me

Is Join.me is simple Remote desktop app which is web based.

Apr
15
Posted by Paul Costan at 9:49 am

I was on holiday and I had forgotten to switch on teamviewer on my Mac as I wanted to do something via GUI, even though I could everything via ssh. But anyways… all you need to do is copy and past this command

sudo /Applications/TeamViewer.app/Contents/MacOS/TeamViewer

If you're a super user already you can just type:

/Applications/TeamViewer.app/Contents/MacOS/TeamViewer

Jul
03
Posted by Paul Costan at 1:09 pm

I had issue running Drush after upgrading MAMP 3.0.5 on PHP5.5.10

To fix this you need to edit .bash_profile. Run these commands in terminal

sudo nano ~/.bash_profile

Add the following line

export PATH="/Applications/MAMP/Library/bin:/Applications/MAMP/bin/php/php5.5.10/bin:$PATH"

Exit and save… next run

source ~/.bash_profile

Restart machine…

Job DONE! to test drush is working correctly

drush status

Mar
24
Posted by Paul Costan at 3:19 pm

1. Sublime Text 3
The must popular IDE to write up your HTML and CSS.

2. iTerm / terminal
All front-end mush have some knowledge of using terminal for example using Compass to compile your SASS to CSS. Or using Git and Drush commands to commit or revert features.

3. Adobe Photoshop
As a front-end developer you need Photoshop to help create your fabulous and create designs.

4. Adobe Fireworks
Fireworks is a great way to export your prefect graphical elements such as icons in to PNGs or JPG. Firework can optimise this graphic to reduce download time.

5. Adobe Illustrator
Illustrator is a prefect tool to create your vector to SVG… commonly used now for retina displays and mobile devices.

6. VMWare Fusion for Mac / VMWare Player for PC
To test IE browsers you will need virtual machines. Starting from WindowsXP (ie6/7), WindowsVista (ie8/9) Windows7 (ie9/10) and Windows8 (ie11). Optionally you can install Ubuntu, centos, android and so forth.

7. Browsers – Google Chrome / Firefox / Safari
All your broswers should now have debugging tools to debug javascript, html and CSS. Firebug is a great extensions to debug code. Webdeveloper tools extension is a good one to.

8. MAMP for Mac / xamp for PC
These apps are a great tool to recreate your web environment on your local machines; which is a web service including Apache / MySQL (LAMP)

9. Github / SourceTree / Subversion / Tower
All developers needs Repository to store all their code files. Pulling and Pushing your files to github cloud Repository is the best way to share and collaborations.

10. Balsamiq / Auxure wireframes
Awesome tools to build up quick wireframes for UX

Mar
07
Posted by Paul Costan at 11:21 am

Here are my top tips for frontend developers who works with Sublime

1. Sorting CSS
By highlighting your CSS you can hiting F5 to organise your css in alphabetical order.

subl

2. Command Palette
Installing syntax i.e HTML,HTML5, CSS, CSS3, LESS and SASS snippets which helps you code up fasters

3. Tab Spacing
Convert indentation tab spacing to two spacing.

Mar
06
Posted by Paul Costan at 4:01 pm

I’ve been using Compass for awhile now… the best tool to compile your SASS. Below are some plugins I use to help create that perfect website.

To get started you first need to install ‘Ruby’ and ‘Compass’ and the below plugins… So when you start writing up your SASS you can call in Mixins from any of those plugins. The rest is magic!!!

Insert these to your ‘config.rb’ file.

# Require any additional compass plugins here.

require ‘compass-recipes’
require ‘compass-css-arrow’
require ‘breakpoint’
require ‘susy’
require ‘rgbapng’
require ‘compass-normalize’
require ‘animate-sass’
require ‘toolkit’
require ‘sassy-buttons’
require ‘font-awesome-sass’
//require ‘bootstrap-sass’ // Some of you would like to use Bootstrap framework

————————————

Add these to your ‘_layout.scss’ file.

//Compass Mixins
@import ‘compass’;
@import ‘compass/reset’;
@import ‘breakpoint’;
@import ‘compass-css-arrow’;
@import ‘rgbapng’;
@import ‘bootstrap’;
@import ‘toolkit’;
@import ‘sassy-buttons’;
@import ‘font-awesome’;
@import ‘susy’;
@import ‘toolkit/fluid-media’;
@import ‘toolkit/nested-context’;
@import ‘animate/shared’;
@import ‘animate/animations/attention-seekers’;
@import ‘animate/animations/flippers’;
@import ‘animate/animations/fading-entrances’;
@import ‘recipes/effect/ribbon’;

Jul
24
Posted by Paul Costan at 6:55 pm

What can I say about this gadget? PicoPix Pocket projector PPX2480 by Philips, has done an amazing job. I’m surprised Samsung nor Sony has any competing product such as the ‘Pocket projector’. Philips biggest competitor in this market is M3. M3 has some great line of Pocket projectors, but are not cheap.

Why did I chose to buy a portable projector in stead of a Monitor or LCD TV?
Well, it portable and easy to carry around with. I travel so often, I live from my rucksack. Imagine having this device for every day use. Work and leisure, using any media you have available iPads, iPhones, Android devices, Laptops, camcorders, DVD player… the list is endless. As long as you have a mini HDMI output, you can plug it in to this bad boy and you’re away.

The quality of the picture is great, not exactly HD quality but close enough. Philips has used LED technology for a resolution of 854 x 480 and a contrast ratio of 1000:1. But you will be able to whack up your output up to 1924×600, this is where you may see degrade of sharpness. Before I forget, 80 lumens of brightness when plugged in the wall and 55 lumens on 2hours internal battery. Screen size… believe it or not max of 120″, larger than the average LCD TVs.

The down side of this projector is the in built 1watt speakers. Sound quality is pretty bad I must admit. But if you have a bluetooth speaker paired with your devices of choice like your iPad, you have a perfect set. Your home-made cinema.

20130724-204552.jpg

Overall, I would definitely recommend purchasing this product. A great companion to share with your friends and family.

Mar
07
Posted by Paul Costan at 5:07 pm

Here is a tip how to use div to crop your images and keep its dimensions.

CSS3

<code>
.crop-image-90×90 {
border-bottom: 2px solid #E17D00;
float: right;
margin: 0 0 0 10px;
max-height: 90px;
overflow: hidden;
width: 90px;
}

.crop-image-90×90 a img {
width:auto;
height:90px;
padding:0px;
float:left;
}</code>

HTML:

<code>
<div>
<a href=”#”>
<img title=”Generic image” alt=”Generic image” src=”/file_source/images/promo_conduct.gif”>
</a>
</code>

Sep
04
Posted by Paul Costan at 10:55 am

Hi guys, if you are looking for a quick site build from scratch, i would advice to download Twitter Bootstrap or Skeleton to help you get on your way. You do not need to be an expert in html or css, but you need to have some knowledge to take full advantage. Both Twitter Bootstrap and Skeleton front-end frameworks works are great, but I think Twitter Bootstrap has the upper-hand, in terms of use of JavaScript, JQuery libraries and icons. Both frameworks has the 960 grid, responsive and fluid system.

See links below and let me know what you think?

http://twitter.github.com/bootstrap/index.html

http://www.getskeleton.com/

Aug
15
Posted by Paul Costan at 11:48 am

The Google Nexus 7 Tablet is be best Android tablet in the current market. If anyone out there is considering jumping in to the modern time and thinking of purchasing mobile device. I would recommend buying one of these babies!

I bought this device for browser testing, as I’m a frontend developer and need to check and debug with different OS devices.

My top five reasons:

1. Affordable – you can pick one up online from £159 (8gig) to £199 (16gig)

2. Size – Smalled and ligher (7inch) than an Apple iPad or Kindle fire.

3. Usability – Google has done their homework and made a huge improvement in usability and access-abilities with the latest OS update ‘Jelly-Bean’.

4. Quality – Asus has done a brilliant craftsmanship with this device, without breaking the bank. The product does not look cheap, but simple and elegant. Right behind Apple’s street.

5. Power – This is the fastest table out at the moment with a Quad-core Tegra 3 processor. If your a gamer like me… the gaming quality is superb. I would recommend to purchase games from ‘TegraZone” app.