Saturday 16 May 2020

Evolution of Scrubber


1. Metallic spiral scrubber is introduced for toughened stains on vessels but not suitable for non stick.
2. Sponge scrubber is for steel vessels that leaves no scratch marks on the utensils but easily torns out after several use which requires a replacement.
3. It's good when compared to both however it's expensive.  

Any idea what is last one? It's a coconut  husk we threw away on a regular basis. 
Way back 15 years, we used it instead of a scrubber to remove tough to simple stains for all type of vessels which is absolutely natural & biodegradable at free of cost.   
We might not thought of, this would change part of our lifestyle however, we look for emerging brands on the market to meet our basic needs. Think about it.  



Friday 15 May 2020

Snacks Pack UX



Both are snacks cover but which one is having good UX ?

Here comes two perspective of users.

Buyer
First wrapper has incurve to open up however it missed to preserve freshness for later use.
Second wrapper has zip top within itself to consume later with the same freshness & an seamless tearing mark on both the sides.

Seller
First wrapper takes more space to pile-up the pack at stores.
Second wrapper has a hook to display it vertically.  It helps the user to view all the items on the go which reduce buyers time to make a choice.

Tuesday 3 May 2016

FlexDeveloper to HTML Developer -FlexJS

Apache FlexJS is a next-generation Flex SDK that enables developers to use
MXML and ActionScript to not only create SWFs but also cross-compile the
same MXML and ActionScript to HTML/JS/CSS so applications can run natively
in browsers. The cross-compiled code can also be used in Apache Cordova
(Adobe PhoneGap) mobile applications.

Apache Flex FalconJX is a next-generation MXML and ActionScript
cross-compiler. It extends the next-generation SWF compiler known as
Falcon. Both are contained in the release package and are used by the
FlexJS package to compile SWFs or cross-compile to HTML/JS/CSS.

https://blogs.apache.org/flex/entry/apache_flexjs_0_6_0

Choose Right visual



Some reference which I have seen from web

Choose the right visual for your purpose.
  • Line Charts track changes or trends over time and show the relationship between two or more variables.
  • Bar Charts are used to compare quantities of different categories.
  • Scatter Plots show joint variation of two data items.
  • Bubble Chart show joint variation of three data items.
  • Pie Charts are used to compare parts of a whole and should be used carefully. Never compare two pie charts without clearly noting that the size of the pie may have changed as well.

“Like data governance standards and policies, data visualization should also have a set of standards for design, development and storytelling.”
- Cecile Horsky, Sr. Manager,
Automation & Data Assurance at Walgreens


Saturday 30 May 2015

First Look into HTML6 with Examples and Resources

HTML 6 is more standardized, more similar to XML and more suited for building web apps for the future and this is the most visible change in HTML6

Reference Link: http://www.designzzz.com/first-look-html6/

Saturday 26 July 2014

Create Now World Tour 2014 - Adobe


Create Now World Tour 2014
It is an event  for Graphics Designer and Web Designer conducted by Adobe.
Luckily I got a ticket for this event. I forgot when I have registered but my registration was not confirmed.
A day before I got a call from Adobe to confirm my registration.

Here are few info from this event:

There are few new tools are introduced by Adobe like
Muse - used to create web-page design and auto generate HTML code
Adobe Sketch -
used to sketch in digital form (similar to paper drawing)
Adobe Line -
used to create architecture design
Edge Animation  - its a tool to create animation for HTML5 web-page.  It doesn't require flash player or any other player 
PS Mix- lighter version of PS for all device and
few improvements in PS in terms of performance, filters, effective embedding source etc.,
using Flash generating SVG and convert animation to sprite,
and new techniques in DCP, DPS and InDesign

Also Adobe introduced new hardware device like Adobe Ink and Adobe Slide for designing.

Other advantages from this event:

Got opportunity to update knowledge on new tools and technologies.
Its a forum for Designer in Chennai, also I got  new contacts from this group.
I have seen some of my old friends from other companies too.


Friday 4 October 2013

Exclude empty fields using jQuery's form.serialize


<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
//instead of form, also we can use id of the form
  $("form").submit(function(event){
    event.preventDefault();
    $this = $(this);
    var strin = $("#myform :input[value!='']").serialize();
    var orig = $('#myform').serialize();
    var withoutEmpties = orig.replace(/[^&]+=\.?(?:&|$)/g, '')

    window.location.href = $this.attr('action') + '?'+ withoutEmpties;

  });
});
</script>
</head>
<body>
<form id="myform"  action="test.page">

    name*         :  <input name="name"><br>
    lastname*      :  <input name="lastname"><br>
    age         :  <input name="age"><br>
    dob :  <input name="DOB"><br>

          <input type="submit"  ><br>

</form>
</body>
</html>

Ref Link: http://stackoverflow.com/questions/608730/how-do-i-use-jquerys-form-serialize-but-exclude-empty-fields