Sunday, April 28, 2013

Home work for the interview


Lesson 1

There are certain questions, which will be asked during almost every technical interview. I would like to be prepared and talk as confident as I can about.


1. What's new in HTML 5
2. What might slow the web-page?
-  site slow. If just one site is slow, then there is nothing you can do about it because the site itself is the cause.
- Connection slow. If all sites are slow, and it happens more at certain times of the day, then your Internet Service Provider or the Internet itself are slowing down under higher loads. Try using the ping and traceroute programs to diagnose the connections to various sites. If the delays are excessive on all sites then the cause is likely your Internet Service Provider, because even under very heavy loads the Internet backbone usually continues to provide good performance.
- Browser slow. There are no known browser configurations that can slow normal operation, although some can be configured to not download images, which can speed up operation on slow connections.
- Computer slow. If all sites are slow all the time, even for the speed of your Internet connection, then you should check and make sure that you have the proper modem configuration, hardware connections, driver and connection installations, and other options. You can check with your Internet Service Provider for correct connection settings. If you are hearing a lot of disk activity during the times that the response is slow, you may need to defragment your disk, or you may need more RAM memory, which is often one of the best ways to speed up a computer.
- Unoptimized Images. This is usually the most common reason for slow websites; there are lots of images, all of which are full-size and uncropped.
- Use of Server-Intensive Dynamic Scripts Dynamic websites, such as those that generate their pages from data stored in databases, are slower than simple HTML websites. And while the slight delay is not often noticed on small, low-traffic websites, it is often noticeable as a website increases in size and popularity. To remedy this situation, we suggest caching. Caching enables you to store copies of frequently accessed dynamic documents and allows files to be accessed more quickly.
- Too Much Flash. Flash is a great tool for adding interactivity or animation to a website.
- Bulky Code Some ways to make your filesizes smaller is by:
  • removing unnecessary whitespace
  • avoiding inline styles
  • using external CSS & JavaScript documents
  • opting for a CSS/DIV based layout, instead of a table-based layout
  • writing efficient code
- External Embedded Media Ever wondered why many MySpace pages load very slowly? Well, this is a good example of why using external media is often a bad idea. If you add external videos, slideshows, etc… to your website, your website will be only as fast as the external website. So if some external website is having a slow day, so will yours. If possible, try to host all content on your own server.
3. How Can You Know You Are Shopping On A Safe Website?

Monday, April 15, 2013

Color contrast checking tool

Recently people from Washington suggested me a very good tool for color contrast. I installed it and play around. I think, it's easy and quite interesting. I hope, for those, who need, will use for the development.

Thursday, April 11, 2013

Creative Design Tools for Non-Designers

I'm always feel confused with Adobe Photoshop and try to avoid as much as possible. I feel like I need another tools to be more artistic and creative with my projects. Unexpectable for myself Website magazine published an article about creative tools for non-designers. In spare time I would like to try some of them. For now I'm saving a link for future work here're some of them in case Website magazine delete the article:
I found a very good article on LinkedIn . Please check more tools.

Monday, March 11, 2013

Resizing image for Mobile devices.


I had to research a problem of resizing images for mobile. It's quite interesting, because my designer suggested to have to images for landscape and portrait views.  Taking her opinion, I decided to reseach by myself and found one very good idea over the Internet.  It's quick, easy and it works:
Javascript:
After initializing jQuery and jQueryMobile, place the script in a header
<script type="text/javascript">
    $(document).ready(function() {
$width = $('#content').width();
$('#content img').css({
'max-width' : $width , 'height' : 'auto'

});
    });
    </script>
HTML:
 <div id="content"><img src="temp.jpg" /></div>

Thursday, February 28, 2013

Mobile Publishing

Today I'm working on some improvements in mobile development. Accidentally, I found a nice article, which has information about a new feature built in DreamWeaver CS5. First of all, I would like to play around with this feature. For a second, I would like to study a PhoneGap. I have to fins a better way to put information to our mobile site. Actually, I have to create something like automatic process for future postings on mobile website. I hope, I will find a way to do this.

Wednesday, February 27, 2013

How to detect a mobile browser

Today my coworker had a question: How to detect a mobile browser? He asked me and I found an interesting answer. Actually, someone did a great job and place many code on Internet. I was wondering, if any of this code will work on my site. I experimented and found out that it works. Now I can recommend this site for all of you. I hope, you will enjoy.

Wednesday, January 16, 2013

Javascript-based Charts

Today I'm trying to find out how to convert XML/SWF Charts into Javascript-based charts. First of all, I would like to explain why I'm looking for the information. As many of us know, XML/SWF charts can not be presented in mobile browsers. So, there is a problem.  I went out on Internet hoping to find something suitable for conversion.  Searching and searching, I found out a several possibilities for future mobile optimization.
  • http://www.jqplot.com/
  • http://www.flotcharts.org/
  • http://www.fusioncharts.com/goodies/fusioncharts-free/
  • http://www.jqchart.com/jquery/chart/chartdata/xmlfile
The fourth one I like a lot because the data is driven from XML file, which is closed to what I need. I hope, my selection will work for conversion