Category Archives: HTML/CSS

How To Create Your First Rest Web Service

What is web services?

mirketa-webservices1

 

web service is a piece of software that makes itself available over the internet and uses a standardized XML messaging system. XML is used to encode all communications to a web service. For example, a client invokes a web service by sending an XML message, then waits for the corresponding XML response.

There are mainly two types of web services.

    1. SOAP web services.
    2. RESTful web services.

 

Components of Web Services

    • SOAP (Simple Object Access Protocol)
    • UDDI (Universal Description, Discovery and Integration)
    • WSDL (Web Services Description Language)

 

Soap web services: – SOAP is XML based protocol. It is platform and language independent. By using SOAP, you will be able to interact with other applications designed in different programming languages.
Continue reading

Posted in Agile, AGILE Tools, HTML/CSS, HTTP, J2EE, JAVA, Java Script, REST API, WEB SERVICES, XML. Tagged with , , , , , , , , .

jQuery tutorial for beginners

What is jQuery?

jQuery is a lightweight, “write less, do more”, JavaScript library. jQuery is a fast, small, and feature-rich JavaScript library. It makes HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. jQuery is absolutely amazing. It’s cross-browser, easy to learn, and makes adding interactivity to your website a breeze.

How to setup jQuery file with html

Before we can do anything, we need to establish our file and link it to our HTML document. First, we will create our plugin file and put it in the “js” directory of our website. It is traditional to start our filename with “jQuery,” followed by the actual plugin name, so we will call this “jquery-hello.js”.
Continue reading

Posted in Agile, CSS, HTML/CSS, Java Script, UI. Tagged with , , , , .

INTRODUCTION TO NODE JS

Mirketa_Node

INTRODUCTION TO NODE.JS

What is Node?

This blog will introduce you to NODE. I will take you through Node and its environment setup for developing your first application. Node is an open-source, cross-platform runtime environment for executing the JavaScript code. For Node you must be acquainted with JavaScript, HTML and CSS and also have some familiarity with web applications and the MVC concept. Its built on the Google V8 JavaScript engine and V8 compiles JavaScript code to native machine code.

Continue reading

Posted in CSS, HTML/CSS, Java Script, JIRA, JIRA on Demand, Node.JS. Tagged with , , .

Introduction to Atlassian Connect

Mirketa_Introduction_to_Attlasian connect

What is Atlassian Connect Framework?

Atlassian Connect framework is used to develop add-ons for Atlassian applications like Jira and Confluence.

Atlassian Connect add-ons are web applications. They operate remotely over HTTP and can be written in any programming language.
Continue reading

Posted in Agile, CSS, HTML/CSS, J2EE, JAVA, JIRA, JIRA on Demand, Mirketa Atlassian Connect, Mirketa Atlassian Framework, MirketaInc, UI, UX. Tagged with , , .

Dynamic Gauge in salesforce

Salesforce provide us standard functionality to create Reports and dashboards to represent record in diagrammatic form. Sometimes we face the requirement to represent our data in diagrammatic Form on visual force page in some specific type of diagram we represent it using chart. Salesforce provide us Bar chart, Pie chart, Gauge chart, Radar charts

Here I am going to explain how we can represent specific field data in the form of gauge chart. To achieve this requirement we need four things basically. First we should have an object whether its standard or custom object, a field associated with that object that should hold any numeric Value, apex controller, apex class.

I will start with object lets say I have a standard controller Account where I have a custom field Score and I need to represent that score in the form of gauge. Whenever page loads that value represent in the form of gauge and whenever the fields value changes the gauge should reflect that Change.

Continue reading

Posted in Apex Controller, apex develeopment, Apex Development, Dynamic Gauge In Salesforce, force.com app development, Force.com Offshore, HTML/CSS, Salesforce, salesforce administrator, salesforce certified, salesforce certified developer, Salesforce cloud Implementation, salesforce community implementation, salesforce consultant, salesforce customization, salesforce development, Salesforce Dynamic Gauge, Salesforce.com, UI, Visualforce. Tagged with , , , , , .

AngularJS with Bootstrap for Salesforce1 Mobile App Visualforce Page

AngularJS is a very popular JavaScript user interface (UI) libraries. It is used for data binding based on MVC pattern. If you need some CSS magic then I recommend using Bootstrap, a very popular CSS library.Blog on AngularJs - Boot Strap for VIsualforce

Let’s go through the set of steps with sample code for the implementation of AngularJS with Bootstrap on a Visualforce page. Continue reading

Posted in apex develeopment, Apex Development, HTML/CSS, Learn Salesforce, salesforce administrator, salesforce certified, salesforce consultant, salesforce development, salesforce Tips & Tricks, Salesforce1 Mobile app development, UI, UX, Visualforce.

Introduction to Single Sign On (SSO) and SAML

Single Sign On (SSO) is a facility for all users by which they can manage their all accounts using one login they no need to do manage more accounts (User Id and Passwords). In SSO user gain access in multiple sites using just single log in. Single Sign On (SSO) is independent software system.

Mirketa-Single-Sign-On

Continue reading

Posted in Agile, AGILE Tools, apex develeopment, force.com app development, HTML/CSS, JIRA, Salesforce, Salesforce Challenges, Salesforce cloud Implementation, salesforce community implementation, salesforce connectors, salesforce consultant, salesforce Tips & Tricks, Salesforce.com, sfdc, Team Collaboration, think build transform.

Get the Right Color Code –Using Eye Dropper Tool- It’s FREE!!

Hi everyone, let me share a brief overview and the usage of a tool essential for day to day UX & UI designing. Let’s say, if you want to change headings, background, and paragraph colors, you don’t need to Photoshop and Paint, instead use the Eye Dropper tool extension for Google Chrome.  Eye Dropper is an open source extension for Google Chrome which allows you to pick colors from various sources.

Mirketa_Eye_Dropper_Tool

 

Continue reading

Posted in Graphic Design, HTML/CSS, UI, UX.