Survah

[SP-206]: Senior Software Engineer – PHP

Administrator — Wed, 30 Nov 2011 07:37:21 +0000

Experience: 3-5yrs

Number of Openings: 5

Job Description:

→ Hands on product/solution development knowledge are a must.
→ The position involves conceptualization of a product, design, development, debugging of application software, effort estimation and risk analysis of a project.
→ The incumbent will implement new features; provide fixes / workarounds to bugs/ problems
→ Competent to provide quick solutions to problems and taking a product/component through the entire life-cycle, improve the space – time performance, and improve on usability / reliability.

Desired Profile:

→ Good experience of PHP, LAMP
→ Working experience on at least one of the following frameworks/CMS: CakePHP, PrestaShop, Joomla, Drupal, WordPress.
→ Good understanding of object oriented design and knowledge of software development life cycles and associated issues.
→ Good experience on one of the OS like Windows, Mac.
→ Ability to work independently with strong problem solving skills.
→ Solid programming/debug/troubleshooting skills in system level software development.
→ Strong SQL writing skills in Postgres or Oracle/SQL Server/MySQL
→ Exposure to the PHP coding standards
→ Experience in TDD (Test Driven Development)
→ Strong experience of developing Internet based web applications.
→ Knowledge of Unix/Linux/Shell scripting preferable.
→ Good Communication Skills.

Location: U.P.- Noida, India

[SJ-205]: Senior Software Engineer – GWT

Administrator — Wed, 30 Nov 2011 07:26:44 +0000

Experience: 3-5yrs

Number of Openings: 5

Job Description:

Desired Profile:

→ Candidates with US business visa (B1) would be preferred.
→ Good experience of Core Java, GWT, Spring, Hibernate, Tomcat
→ At least six months of working experience on Gogle Web Toolkit (GWT).
→ Good understanding of object oriented design and knowledge of software development life cycles and associated issues.
→ Good experience on one of the OS like Windows, Mac.
→ Ability to work independently with strong problem solving skills.
→ Solid programming/debug/troubleshooting skills in system level software development.
→ Strong SQL writing skills in Postgres or Oracle/SQL Server/MySQL
→ Exposure to build tools as Ant or Maven and version repository systems as SVN or CVS or Perforce
→ Experience in TDD (Test Driven Development)
→ Strong experience of developing Internet based web applications.
→ Knowledge of Unix/Linux/Shell scripting.
→ Ability to do write and execute JUnit test cases
→ Good Communication Skills.

Location: U.P.- Noida, India

T. Mack Brown, CEO, Descende.com

Administrator — Tue, 26 Jul 2011 02:01:43 +0000

When software CEOs get together for dinner, they don’t ask each other what music recording they’d want to take with them to a desert island, they ask each other what software partner they’d want to take. More and more often, that answer is Survah.

Cristian Jansenson, Technical Architect, Descende.com

Administrator — Tue, 26 Jul 2011 01:59:47 +0000

Working with Tarun and his team was extremely easy. The team got through the challenges with apparent extreme ease. Survah proved it can produce and deliver high quality through good communication and excellent processes.

Use non web-safe fonts on webpages

Administrator — Wed, 08 Jun 2011 18:50:20 +0000

Have you ever thought of using a special font on your webpage and then ended up using some boring web-safe font or an image instead just because the font was not web-safe? Well, now the designers don’t have to compromise as now we have techniques which can be used to load the specific font you want on your webpage.

A beautiful font is also as much a part of beautiful design as the good images are. Before the entry of HTML5, web-designers were using only web-safe fonts. What are web-safe fonts? Why only web-safe fonts are used for web platform? The websites are viewed on different platforms. Different fonts are installed on different platforms. All types of fonts are not installed on a single machine. For example, a Mac machine does NOT has ‘Trebuchet MS’ whereas the Windows machine does not has ‘Apple Garamond’ font on it. So, the web-safe fonts are those fonts which are available on all or most of the platforms, like ‘Arial’ or ‘Verdana’. Creating websites using web-safe fonts is a good practice as the text on your website will be displayed similar on all the platforms.

But at times using web-safe font is not stylish. There might be times when you have craved to use that special font in your header and end up using some boring font or an image instead. Well, now we don’t have to compromise as now we have techniques which can be used to load the specific font you want on your webpage. There are many techniques like cufon, siFR , type-kit to solve this issue. But all these methods have different issues, like in ‘cufon’ you can not select the text, ‘siFR’ uses Flash to embed the font into the webpages and ‘type-kit’ is not completely free. The method which I am going to discuss today is a bit different from these techniques as it is simple CSS. It’s known as @font-face method.

Choose the font

Enough talk, now let’s see how to use @font-face method. First of all choose the font you want to use. Some good resources to choose a font are as below:

http://www.dafont.com/

http://fontdeck.com/

http://www.fontsquirrel.com/

Generate a web-font-kit

Once you have downloaded the font, open http://www.fontsquirrel.com/fontface/generator and add the font to the @font-face Kit Generator

Once you choose a font from the ‘Add font’ dialog box, it will start generating he web-font-kit.

Once the @web-font-kit is ready for download, the Choose ‘Optimal’ if you do not know much about font optimization. Check the checkbox and click on ‘Download You Kit’

Keep the fonts at appropriate location

Extract the contents of the webfontkit-xxxx.zip file which is downloaded as kit. You’ll observe that there are several files starting with the name of the font. These files contain the font in different formats like .eot, .svg, .ttf, .woff . All these the necessary as different platforms understand different formats of font.

Copy these four files to a location in your server. For the purpose of this tutorial I have placed these files in the same location where the css file is.

Adding the @font-face rule in CSS

Now that our fonts are at right location, lets add the rule which is going to do the magic. In your CSS file, add a code (as above as possible) as follows:

@font-face {
    font-family: 'nameOfYourFont';
    src: url('nameofyourfont-webfont.eot');
    src: url('nameofyourfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('nameofyourfont-webfont.woff') format('woff'),
         url('nameofyourfont-webfont.ttf') format('truetype'),
         url('nameofyourfont-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

In this code the url() will point to the paths of the fonts copied in the last step and ‘nameOfYourFont’ will be replaced by the name of the font you generated (It could be anything except the names of default web fonts). An easy way of doing it is to copy the content of the style.css file which is found in the folder which was extracted in the last step.
Syntax is sefl-explanatory. We are creating a new font-family by loading the font from a specific location on server. We can now simply use this font-family in our CSS anywhere. For example,

p { font-family: nameOfYourFont, Arial, san-serif; font-size: 12px}

Now all the <p> elements on the webpage will be displayed in the new font. You can use as many @font-face definitions as you require. This blog is also using a @font-face for the main navigation. You may check that in the CSS file.

Conclusion

Creating a web font-family is not difficult now. Just convert the selected font into different formats. Place them on your server. Define a @font-face and use the font like any other font family. I hope you enjoyed the tutorial and now you’ll be using beautiful fonts in any webpage you like.
Happy coding!

[SJ-204]: Senior Software Engineer – JSF

Administrator — Thu, 26 May 2011 11:33:41 +0000

Experience: 3-5yrs

Number of Openings: 5

Job Description:

Desired Profile:

→ Good experience of Core Java, JSF, Seam, Spring, Hibernate, Tomcat
→ Good understanding of object oriented design and knowledge of software development life cycles and associated issues.
→ Good experience on one of the OS like Windows, Mac.
→ Ability to work independently with strong problem solving skills.
→ Solid programming/debug/troubleshooting skills in system level software development.
→ Strong SQL writing skills in Postgres or Oracle/SQL Server/MySQL
→ Exposure to build tools as Ant or Maven and version repository systems as SVN or CVS or Perforce
→ Experience in TDD (Test Driven Development)
→ Strong experience of developing Internet based web applications.
→ Knowledge of Unix/Linux/Shell scripting.
→ Ability to do write and execute JUnit test cases
→ Good Communication Skills.

Location: U.P.- Noida, India

Happy Birthday Survah

Administrator — Mon, 16 May 2011 11:56:17 +0000

Survah is one year old today. Its been an exciting and enthralling year. Firstly I would like to extends my deepest gratitude and appreciation to our clients for their invaluable support and faith they bestowed upon us to help them deliver products and render services. Secondly to the Survah team for their ingenuity, diligence and carmaderie. Last but not the least to our well wishers without which this would not have been possible.

How to make HTML5 work on IE

Administrator — Sun, 23 Jan 2011 02:18:03 +0000

I am sure that by now, you must have heard about HTML5. In the web-world HTML5 and CSS3 are getting a lot of attention. All of the browser developing companies/communities are working hard to make their browsers compatible with HTML5 soon. Even IE9 is going to support a lot of HTML5/CSS3 standards. But still the question is how we can make HTML5 semantics work on the old school browsers like Internet Explorer version less than 9.
The significant difference between HTML5 and HTML4/XHTML1 is that we can use custom tags in HTML5. Tags like

How to align a checkbox with its label?

Administrator — Sun, 19 Dec 2010 02:51:30 +0000

Creating a simple checkbox is a piece of cake. Just put an input with type=”checkbox” in your HTML and it is done. The issue of vertical alignment arises when you have to use a separate label element in front of this checkbox.
The situation is like this. You have a checkbox and a label with small font size just next to it as shown in the code below:

"checkbox" />
"font-size: 10px;">This is the label

This will be displayed as:

This is the label

Notice that the text is not vertically in the middle of the checkbox, instead it is dropped down a bit. To make it vertically aligned to the middle of the checkbox we can add following style to the label

position: relative;
top:-2px;

Now the code becomes:

"checkbox" />
"font-size: 10px; position: relative; top: -2px;">This is the label

and it will be displayed as:

This is the label

Now see that the text is vertically aligned to the checkbox.

Adjust the value of top according to the font size and you are good to go.

Short and simple.

Survah delivers it’s first project

Administrator — Thu, 27 May 2010 12:17:47 +0000

Youth is replaced by old age and old age is replaced by death and then the dead is replaced by new ones. Same principle applies to the websites also. When a website grows very old, it needs to be replaced.
Pharmasecure took the decision to completely change their website. Pharmasecure is a company which is working with a deep sense of urgency to eradicate the market of counterfeit drugs. Their mission is to provide everybody with ‘Authentic drugs’. Know more about Pharmasecure here.
They put faith in us and assigned to Survah, the job of converting their static old looking site to a new dynamic one. The new Pharmasecure website is now built using the famous content management system known as WordPress.To name a few of the challenges, which we faced for this particular design were the two different templates for landing page and the pages within; Also, there were different categories of posts; Displaying page content as well as the post contents on the same page; Dynamic Dropdown menu; Dynamic Sidebar and many more. The achievement is that the website has a very new crisp look now. The website is completely dynamic. No programming experience is required now to update the website. Last but not the least, the project is delivered in time with all the modifications requested by the client.
We’ve decided to post some tutorials in the near future explaining the techniques which we used to overcome some of these issues. This could definitely help some of the designers or web-developers out there. In the meantime you can visit Pharmasecure’s new website here.