Blog

Latest updates from Cleonix Technologies
cross_browser_ compatibility
Cross Browser Compatibility

Now a days,Internet users have so many browser options,multiple screen sizes and access devices so the designers and developers have to make sure websites with cross browser compatibility features i.e; compatible with as many browsers as possible. Google Chrome, Internet Explorer and Mozilla Firefox are the standard and most used browsers, but there is enough of audience for the Safari and Opera also.


How to fix most common browser compatibility issues

  • Using proper DOCTYPE
  • Using css reset
  • Validation for HTML, HTML5 and CSS code
  • Proper text alignment & font display
  • Checking java script and jquery functionality
  • Making a responsive website

Basically,it is almost impossible to achieve 100% compatibility throughout all browsers.Though we can try to ensure the basic codes displaying issues.

UI vs UX Design
UI vs UX Design

UI vs Ux:Design is a rather broad and vague term.With the relatively recent influx of tech companies focused on creating interfaces for screens, many new design roles have emerged.Now a days one of the hottest topics on the internet is UI vs Ux.

“UI” stands for “User interface”.The main focus of UI design is to offer the users with a complete system which helps them with the accomplishment of tasks in the best possible manner.

  • Simple interface
  • Focus on consistency
  • Flexibility on Interface
  • Purposeful page layout
  • Clarity & Legibility
  • Visual Design

“UI” stands for “User interface”.The main focus of UI design is to offer the users with a complete system which helps them with the accomplishment of tasks in the best possible manner.

  • Simple interface
  • Focus on consistency
  • Flexibility on Interface
  • Purposeful page layout
  • Clarity & Legibility
  • Human Centered Design

“UX” stands for “User Experience Design”.UX is nothing but how a person feels when interfacing with a system. This system could be a website, a web application or desktop software and, in modern contexts, is generally denoted by some form of human-computer interaction (HCI).

  • Understanding the user’s behavior
  • Focused on interactions
  • Usability testing
  • Achieved through conducting discussion sessions
  • Research on new Features and Functionality
cleonix.com
Web design mistakes & method to correct them

There are numerous websites on the Internet, and hundreds or probably thousands are created by day.It happens to everyone at some point: You look back on a website design and realize that you made a mistake.Let’s narrow the focus to the most common 6 mistakes.Avoid these,learn to correct them and your site will be far better than much of the competition.

  • Designing Without a Grid
  • Less Whitespace
  • Moving Forward with Poor Images
  • Not Using a Color or Typography Palette
  • Overcomplicated Navigation
  • Site is Slow to Load


Designing Without a Grid
:

While the concept is solid, the lack of a grid can leave a website hanging on a shaky skeleton.Designing with visible grids is trending and functional, and you can use a variety of design tools, such as UXPin or Adobe’s Creative Cloud to help you.

Less Whitespace:
Whitespace is an important element of design for good reason because too little whitespace leads to confusion, disorganization and unreliability.Properly using whitespace will give your client’s readers the best experience.

Moving Forward with Poor Images:
Every good website starts with a good image.Images should fit in with the purpose, organization, and style of the page. Avoid using high quality images with large file sizes.

Not Using a Color or Typography Palette:
The most important thing of a good website designing is it’s readability & grab the users’ attention.A website design project is just like any other when it comes to style and branding, and consistent color and typography palettes are vital.

cleonix.com
Google Recommends to build Mobile Optimized Website

There are more than 1.5 billion mobile Internet users worldwide and roughly 80 percent of Internet users own a smartphone. So, though You may have a best developed desktop website , you can not keep your business ahead of this competition era until you too have Mobile Optimized Website.Google lately rolled out the mobile-friendly update or ‘Mobilegeddon’ .

On February 26, 2015 Google gave marketers incredible insight into changes they have planned for their search algorithms and the exact day they will go into effect. Specifically, they announced that on April 21, 2015 mobile search engine results pages (SERPs) will be impacted by the mobile-friendliness of a website.

Technology platforms that are mobile-friendly allow users to get a close look at the share of voice in their industry across various devices, such as smartphones and tablets, and compare to competitors.
With the recent Google algorithm update, Responsive Web Design( RWD )is its preferred design option.Here we can say about Responsive Web Design( RWD ) ,it is a setup where the server all the time sends the same HTML code to all devices and CSS is applied to alter the display of the page on the device.Wikipedia defines Responsive Web Design as “an approach to web design aimed at crafting sites to provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones).”

Source:searchenginewatch.com,Wikipedia

cleonix.com
Proper Format of Graphic for Website Design

In a website design different formats (JPEG, GIF, and PNG ) of graphics are used.It’s important to know the difference between the different image formats and how to use them in each situation. Because using the proper formats, give the site a different edge.

About the .JPG Format
JPEG stands for Joint Photographic Experts Group. It is a standard method of compressing photographic images. We also call JPEG the file format which employs this compression.The JPEG images offer compressed file types and provide high quality appearance.We use Use JPG images for photographs and other images that have millions of colors. It uses a complex compression algorithm that allows us to create smaller graphics by losing some of the quality of the image.

About the .GIF Format
The GIF format is one of the oldest graphic formats used for designing sites having existed since 1989.GIF, short for Graphics Interchange Format, is limited to the 8 bit palette with only 256 colors. GIF is still a popular image format on the internet because image size is relatively small compared to other image compression types. The use of this file format ensures quick loading of the images used on the site. For animating the still images, mostly the GIF file types are used as plug-ins are not required for it.It also supports transparency.

About the .PNG Format

PNG short for Portable Network Graphics is a recently introduced format, so not everyone familiar with it.Though it has been approved as a standard since 1996.This image format specifically designed for the web. PNG often creates smaller file sizes than GIF
.It supports lossless data compression. PNG was created as an improved, non-patented replacement for Graphics Interchange Format (GIF), and is the most used lossless image compression format for web designing.

Rakhsa- Bandhan
Raksha Bandhan

Raksha Bandhan is a festival that celebrates the relationship between a brother and sister. It is celebrated on the full moon, of the Hindu month of Shraavana. On this occasion, a sister ties a rakhi (holy thread) on the wrist of her brother. In turn, he promises to protect her from all the evils of life.

Cleonix Technologies
warm wishes on this special day.Hope every hour of this special day is filled with moments, that will bring happiness for you.

Independence- Day - 2015
Independence Day – 2015

India got independence on 15th of august in 1947, so people of India celebrate this special day every year as the Independence Day on 15th of august. In the event celebration organized in the National Capital, New Delhi the Prime Minister of India unfurled the National Flag in the early morning at the Red fort where millions of people participate in the Independence Day ceremony.

A big celebration event is organized by the government of India at the Rajpath, India Gate in the National Capital, New Delhi where people of all religion, culture and tradition gather to listen the patriotic speech of our Prime Minister. By celebrating this event we commemorate those all great people who had sacrificed their lives and loved ones in making India an Independent country.

Freedom in the mind, Faith in the words, Pride in our hearts & Memories in our souls…
Cleonix Technologies salute the nation on Independence Day.

Reuven -Lirov
Reuven Lirov

Reuven Lirov’s website is a personal website.We use simple grey and shade of red as the theme of the website.We use grey as the base color of the inner pages as it complements and is pleasing to the eye .The shade of red is used to match the logo of the website.

The graphics of this site is also used as simple and pleasing to eye.

It’s a simple website with WordPress and Bootstrap framework.

Skye- Comfort- & -Performance
Skye Comfort & Performance

Skye Comfort & Performance is the new online store which specializes diabetic supplies, footwear, orthotics, braces, and other products designed for anyone needing more support or comfort.
We use white as the base color of the website as pleasing to the eye .

We use simple white,grey & blue theme for the website .To give a simplicity, cleanliness look to the website we use white as a base color.

It is also an e-commerce website.

Kaanish-Kouture
Kaanish Kouture – A royal trend

We bring to you, Kaanish Kouture, Kolkata’s newest fashion studio.

It is a simple responsive HTML website for a Fashion Boutique .
We use mainly the color black and it’s product images as the theme of the site.

We do A-Z base work for the website like Logo design (Based on Needle and Thread) to Image editing,Content writing to Facebook Page.

Visit FB page : https://www.facebook.com/KaanishKouture


About the author


0 comments