Categories
Web Development

Visual Studio Code Reference

Command Line Options code . Opens Visual Studio Code (in the current folder). code filename.extension (-r) Opens a specific file (or creates a specific file if it is not already present) within the current window. This also works for folders. code filename.extension -n Opens a specific file (or creates a specific file if it is […]

Categories
Javascript Web Development

Angular

Angular type examples when using feature.type.ts naming conventions: Module Groups related components, services, directives and pipes together. Component The core building blocks of your application. Controls a portion of the screen. Components can be made up of other components. The selector is the tag name that you add to your webpage. The template is the HTML […]

Categories
Web Development

How I like to do things

I’ve recently been carrying out interviews as we are expanding our team at Vertu Motors and I’ve realised that in the world of web development there is still no right or wrong way to do things and a never ending list of different IDEs, methodologies, approaches to projects and ways to execute the same task. […]

Categories
Javascript Web Development

AngularJS (My Reference)

AngularJS is what HTML would have been had it been designed for building web applications. Features Magical two-way data binding (HTML being the view simple JavaScript variables being the model) Provides a solid structure for client side applications Routing Support – AngularJS was built for single page web applications Templating – AngularJS uses plain old HTML […]

Categories
Javascript Web Development

ES2015

The new way to define variables var = “something”; is becoming a thing of the past. The new ways to define variables are: const – use this when the variable your are assigning is a constant – i.e. the value won’t change throughout your project. let – generally use this if you are scoping a […]

Categories
HTML Web Development

HTML Tip – HTML5 input type=number value is empty in Webkit

Recently I came across an issue in webkit browsers (Chrome, Safari but not Firefox) in one of my apps, basically the fields which had a type of number were empty in these browsers. After debugging it appears that if there is a space in the value of a number field the browser doesn’t display anything. The […]

Categories
CSS Web Development

CSS Transitions – Tip – Remember the Z-Index

Just a very quick post (and to be honest a bit of a really simple one) but if I’ve made the mistake I’m sure others out there will and this blog is designed to give a little back to the industry so here goes. Recently I added a little animated prompt to the Bristol Street […]

Categories
Web Development

Is your website ready for the Windows 10 upgrade?

Microsoft has released a free Windows 10 upgrade for all Windows 7, 8 and 8.1 customers. It terms of the web industry this is huge, Microsoft is finally with the times in terms of pushing web standards forward and from the 29th July Microsoft Edge will be the default Microsoft web browser. It is thought that […]

Categories
CSS Web Development

The futures bright, the futures FLEXBOX

I’ve been a web developer long enough to (shamelessly) remember the days of table based layouts, granted I think I may have only cluttered the web with one site but back in the day before web standards it was kind of accepted practice….. Obviously I quickly moved into CSS based layouts and had enormous amounts of […]

Categories
CSS Web Development

Ratio Grids – The Next Generation of Fluid Grids

I’ve recently caught up with some workshops from the New York Future of Web Development conference and was particularly taken with a talk by Cory Simmons, founder of the Jeet Grid System (http://jeet.gs/). He highlighted the emergence of pre-processor based grid systems which allows us to create super fast bespoke grids using ratios with either SASS or […]