The Methodology Doesn’t Matter, It’s Having One That Counts

Methodologies can get very religious. Should we be doing TDD? Should we use Waterfall? Should we have stand-up meetings? What sort of continuous delivery should we use?

A few years back I was diagnosed as having type 2 diabetes. At the time I was diagnosed I was not particularly overweight and my diet was not too unhealthy. But I was coming out of a time in my life where I had been overweight and I used to snack a lot. At one of the places where I had worked there had been a food table where you could help yourself to the food and my desk was right next to it. As I used to really enjoy my sweet food it and I didn’t do much exercise it was a health disaster waiting to happen. Now days I eat healthier, have fewer sugary foods and I also exercise regularly.

In my opinion not having a methodology is much like not having a healthy lifestyle. Your code becomes overweight with bug fixes, and getting the code out of the door, much like getting yourself out of bed when you are overweight, can be quite a chore.

I am a great believer in the idea that not only the way you write code, but also the process involved in the delivery of it are highly coupled to the quality of the code. So for me, having a methodology is like having an exercise regime. The methodology helps keep your code leaner and there is a greater chance of pushing the quality of your code higher.

With a healthy lifestyle it doesn’t matter what exercises you do as long as you do something, the same applies to your software development methodology.

It doesn’t matter which methodology you follow as long as you have one.

Preference : foxdellfolio.com. Link : http://foxdellfolio.com/the-methodology-doesnt-matter-its-having-one-that-counts/

How to optimize your app’s layout on iOS 7

Whilst there is not necessarily a right way and a wrong way to design your app’s layout, there are some tricks you can use to make sure that the user experience is as optimal as possible.

Ample Space for Controls

We all know that smartphone screens are small, and iPhones are consistently on the lower end of the screen-size spectrum.

To optimize your app’s layout for iOS 7, try to make sure that your main, controllable elements are at least 44×44 points. This way, users will have no trouble performing basic tasks with one finger or one hand while they are on the go.

Draw User Focus to Main Elements

There are two simple ways to draw the user’s attention to the main elements of your app.

1) Place important items in the upper-left of the screen (i.e. the menu) , with less important items going in the bottom-right (i.e. terms & conditions, privacy policies)

2) Make important items larger than less-important items, since larger items tend to draw the eye more easily. Larger items are also easier to access on a touchscreen, so users can perform the most essential tasks quickly and easily

Communicate Groupings

ads

Effectively communicating which elements of your app go together can a make-or-break factor of your app’s layout. This can also be done in two ways:

1) Use alignment and indentation to organize your content and make it easier for users to discern which groups of content are related. For example, align any images or graphics with the text that they compliment. This is a cue to the reader that the picture is meant to associated with that text.

2) Consistent UI elements will also help users understand which elements belong together. A general rule of thumb is that elements that perform similar functions should also look similar. Any design inconsistencies could confuse the user and make them waste unnecessary time trying to figure things out.

Text Size

On the iPhone, users have the option of changing their default text-size setting across their device. While this is sometimes done for aesthetic reasons, many users actually use this feature due to visual impairments that make small text hard to read. If a user changes their default settings, they will expect your app to adhere to those settings as well.

For iOS 7, developers should consider adopting Dynamic Type, which will automatically adjust line spacing, line height, delineate between text types (heading, body, footer, etc…), and resize any text-size changes requested by the user.

Developers should also consider using a single font type throughout their app. This way, it will be easier for you to ensure that the font will render correctly at all different text sizes.

You should also consider making your app responsive to changes in text-size. For example, if you have a two-column, text-based app, you can make your layout shift to one column for any text-size larger than the default 17 points.

For more iOS 7 layout tips, visit Apple’s Developer Library!

Preference : developer-tech.com

CakePHP Development Services

Cake PHP is a rapid application development framework that greatly simplifies the web application development process due to it’s easy configuration, rapid prototyping with code generation and scaffolding, clean MVC conventions and lots more. Being based on the MVC (Model, View, Controller) model, it provides logical separation of code from the user. PHP Cake Framework comes packed with rich features out-of-the-box.

Some of the striking features of Cake PHP that makes it a desirable web development platform are:

CakePHP is easy to set up and requires minimal coding
It has a built in database authentication
It also uses built in features for validation
Built in Object Relational Mapping Framework.
It maintains a flexible caching system and ACL.

Brainvire specializes in cake PHP web development and can conjure up advanced technology websites to kick start your business with the right approach. With a legacy of 10+ years of experience in PHP and hundreds of successful projects delivered to a global clientele, we are well equipped to facilitate web solutions using PHP for all business verticles Hotels, Restaurants, Media and Entertainment, Gaming, IT services, Social Media Networking, real estate and lots more!

Our Expertise:

Versions: CakePHP 2.5.X, CakePHP 2.4.X, CakePHP 2.2.X, CakePHP 2.1.X, CakePHP 2.0.X, CakePHP 1.3.X, CakePHP 1.2.X, CakePHP 1.1.X , PHP 4, PHP 5, MVC framework, ActiveRecord, Association Data Mapping, Front Controller
Database: MySQL 5+, PostgreSQL
Operating Systems: Linux, Mac OS, Mac OSX, BSD, UNIX variants, Microsoft Windows (2008)
Tools: Cake PHP development Environment, Cake PHP tools , cake php ide

So, if you are looking for a generation next website with high standards in security, reliability and performance, Cake PHP development could be your answer. We provide a gamut of services using cake PHP to give that initial boost to your online business. Starting off the right way will definitely set the right direction for your business to grow!

Our CakePHP Development Services Include:

Website development using cake PHP framework
CakePHP customization services and website maintenance
CMS development with Cake PHP framework
Extension development, integration and upgradation services
Custom component development

The Brainvire Advantage:

Highly functional and efficient web solutions that are specially tailored to suit your business needs.
Highly experienced team of cake php developers who work in collaboration with you to understand your requirements and deliver output as per your expectations
Experience working with various industry verticals and a history of successful project delivery at al times.
Robust web applications built with the latest technology
Flexible and highly scalable solutions that are future proof so that your business sustains all types of technology changes.
Timely delivery model at competitive rates

You can even hire CakePhp programmers to suit your specific project requirements. Using powerful combinations of web technologies, our cake php developers give your business a right platform to start, grow and flourish. Our comprehensive services ensure that you get adequate support for all your queries at any time during or after project completion.

– See more at: http://www.brainvire.com/cake-php-development

HTML5 Canvas Graph

Create an HTML5 canvas graph with javascript.

Today we will be creating a graph that looks similar to the Google Analytics Graph using HTML5 Canvas and Javascript to draw the graph. HTML5 Graph has many uses including website statistics, pageviews, visits, and so on. We will cover the basics of creating a simple graph.

The Markup

We need to trigger the NewGraph() function when the document loads. To achieve this we will be using the onLoad event.

 
1

<body onLoad=“NewGraph();”></body>

We use the <canvas> element to draw the image to.

 
1

<canvas id=“graph”width=“1075”height=“175”></canvas>

The whole HTML5 markup below:

 



1
2
3
4
5
6
7
8
9
10

<!DOCTYPE html>
<html lang=“en”>
    <head>
        <meta charset=“UTF-8”/>
        <title>HTML5 Canvas Graph</title>
    </head>
    <body onLoad=“NewGraph();”>
          <canvas id=“graph”width=“1075”height=“175”></canvas>
    </body>
</html>

The Javascript

Now for the javascript. The NewGraph() function will be called when the page loads. We start the JS with our function named NewGraph().

 
1

functionNewGraph()

First, find the <canvas> element with the id of graph. Then, call its getContext() method (you must pass the string “2d” to the getContext() method). The getContext(“2d”) object is a built-in HTML5 object.

 
1

vargraph=document.getElementById(“graph”).getContext(“2d”);

We will store the line values in an array() for the x and y values on canvas.

 
1

varNewLines=‘”success”: true,”counters”: [“x”: 5,”y”: 150,”x”: 46,”y”: 130,”x”: 85,”y”: 133,”x”: 124,”y”: 145,”x”: 163,”y”: 115,”x”: 202,”y”: 110,”x”: 241,”y”: 102,”x”: 280,”y”: 106,”x”: 319,”y”: 150,”x”: 358,”y”: 118,”x”: 397,”y”: 98,”x”: 436,”y”: 106,”x”: 475,”y”: 148,”x”: 514,”y”: 144,”x”: 553,”y”: 134,”x”: 592,”y”: 102,”x”: 631,”y”: 30,”x”: 670,”y”: 145,”x”: 709,”y”: 135,”x”: 748,”y”: 130,”x”: 787,”y”: 150,”x”: 826,”y”: 150,”x”: 865,”y”: 110,”x”: 904,”y”: 90,”x”: 943,”y”: 30,”x”: 982,”y”: 30,”x”: 1021,”y”: 60,”x”: 1060,”y”: 33]’;

Create an Image object.

 
1

varimg=newImage();

Before you can draw the image, the image must be fully loaded. To determine if an image is fully loaded, we use the onload event.

 
1

img.onload=function()

Start display of the image from top left of the canvas, x set to 0 and y set to 0 as well.

 
1

graph.drawImage(img,0,0);

Line stroke width.

 
1

graph.lineWidth=4;

Line joint shape.

 
1

graph.lineJoin=“round”;

Line stroke color.

 
1

graph.strokeStyle=“#666”;

Use the beginPath() to start drawing a new path.

 
1

graph.beginPath();

We use the JSON.parse() method to parse a string as JSON.

 
1

varjsonData=JSON.parse(NewLines);

Draw lines from the array loop.

 
1
2
3
4

for(vari=0;i<jsonData.counters.length;i++)
    varcounter=jsonData.counters[i];
    graph.lineTo(counter.x,counter.y);

Fill the stroke.

 
1

graph.stroke();

Line joint color.

 
1

graph.fillStyle=“#666”;

Draw circles from array loop.

 



1
2
3
4
5
6
7

for(vari=0;i<jsonData.counters.length;i++)
    graph.beginPath();
    varaxis=jsonData.counters[i];
    graph.arc(axis.x,axis.y,5,0,Math.PI *2,true);
    graph.closePath();
    graph.fill();

Load the image into memory.

 
1

img.src=“graph-images/rrpowered-graph”;

The whole Javascript

 



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35

functionNewGraph()
    vargraph=document.getElementById(“graph”).getContext(“2d”);
    varNewLines=‘”success”: true,”counters”: [“x”: 5,”y”: 150,”x”: 46,”y”: 130,”x”: 85,”y”: 133,”x”: 124,”y”: 145,”x”: 163,”y”: 115,”x”: 202,”y”: 110,”x”: 241,”y”: 102,”x”: 280,”y”: 106,”x”: 319,”y”: 150,”x”: 358,”y”: 118,”x”: 397,”y”: 98,”x”: 436,”y”: 106,”x”: 475,”y”: 148,”x”: 514,”y”: 144,”x”: 553,”y”: 134,”x”: 592,”y”: 102,”x”: 631,”y”: 30,”x”: 670,”y”: 145,”x”: 709,”y”: 135,”x”: 748,”y”: 130,”x”: 787,”y”: 150,”x”: 826,”y”: 150,”x”: 865,”y”: 110,”x”: 904,”y”: 90,”x”: 943,”y”: 30,”x”: 982,”y”: 30,”x”: 1021,”y”: 60,”x”: 1060,”y”: 33]’;
    varimg=newImage();
    img.onload=function()
        graph.drawImage(img,0,0);
        graph.lineWidth=4;
        graph.lineJoin=“round”;
        graph.strokeStyle=“#666”;
 
        /*drawpath*/
        graph.beginPath();
 
        /*draw line from array loop*/
        varjsonData=JSON.parse(NewLines);
        for(vari=0;i<jsonData.counters.length;i++)
            varcounter=jsonData.counters[i];
            graph.lineTo(counter.x,counter.y);
        
 
        graph.stroke();
        /*Draw circles*/
        graph.fillStyle=“#666”;
        /*draw round from array loop*/
        for(vari=0;i<jsonData.counters.length;i++)
            graph.beginPath();
            varaxis=jsonData.counters[i];
            graph.arc(axis.x,axis.y,5,0,Math.PI *2,true);
            graph.closePath();
            graph.fill();
        
    
    /*The image path*/
    img.src=“graph-images/rrpowered-graph”;
Link Demo : http://www.rrpowered.com/Tutorials/HTML5Graph/
Link Download : http://www.rrpowered.com/code/RRPowered-HTML5Graph.zip

45 Best Free Blogger Templates 2014

Blogspot is the first CMS i ever remember and the first i have used and that too for years before skipping to others due to limited resources back then. Recently blogspot community has evolved to a much higher scale and we can see templates released for blogger without any pause. Many sites give away a lite version of their paid template to us and it is a boon to the blogging community. Lite version is all we need to start our business by the way from scratch.

Most free blogger templates here are recent and many sites doesn’t even has the templates listed here as of right now. Some special releases has been informed and we have listed them here just for you. One, two , three column templates all of them are here even though with little effort and play we can alter the look of the template completely. 2013 has seen huge release of themes for blogspot compared to the last years. When i was using blogger there were almost no quality themes and i had to change website appearance by myself.

Please use this opportunity as in this modern day with rise in technology enthusiasts and themes coders we now see large number of free templates for the blogger community. Also share these newly found templates within your blogger community. The Download file contains xml file and you may have to import the xml to customize your blog. Importing theme xml file and restoring is child’s play as it works flawlessly without messing up the website contents. Enough said, we will continue to update this topic with clean & free blogger templatesreleased in 2013 and further so stay tuned. Share in your comments and add any newly found template as we will include theme here for you. Here are some responsive premium blogger templates 2014 for you.