Make your web sites available for offline use with AppCache API

Standard

Sometimes it can be useful to make your web site available for offline use, although it’s better to make sure that your web site is always online this could be very handy in some scenarios. In this article I’ll shortly describe how to use one of HTML5 APIs – Application Cache API (AppCache API) so you can make a web application to be available to the users when disconnected.

appCacheDiagram.png
Photo taken from msdn.microsoft 

The AppCache API is made by two components:

  1. Manifest file
  2. JavaScript API to support it

Continue reading

Advertisements

5 Useful JavaScript hacks&tricks

Standard

Today I want to share with you some JavaScript examples that you might find useful in your everyday work. All of the examples have live working demos so you can easy try and edit according to your needs. So, here is my Top 5 for today…

jsexamples

1. Limit which characters you can enter in your text field

Sometimes there is a need to limit the allowed characters that can be entered by users in the input fields. This could be also achieved with using keydown and keycode, but in this example we are using on.(“input”). Continue reading

How to handle Facebook social share for your AngularJS application with IIS and URL Rewrite

Standard

If you are starting with AngularJS development than this is a bump that you’ll sure run into and you’ll discover that when your website is complete and ready to go. You’ll notice that Facebook share crawler doesn’t handle the dynamically loaded content and no matter what link you’ll share Facebook will see only the initial content and nothing that is loaded after that and will recognize only the default meta tags.

fb_share_bg

How does Facebook crawler work

Content is most often shared to Facebook in the form of a web page. The first time someone shares a link, the Facebook crawler will scrape the HTML at that URL to gather, cache and display info about the content on Facebook like a title, description, and thumbnail image.  Continue reading

Testing the power of ASP.NET Web API + AngularJS

Standard

Well, this demo project includes a lot more than ASP.NET Web API and AngularJS, but, the main purpose of the project is to test how well this two function together. Because this is the first time that I use AngularJS from scratch to build a project I have picked few PROS and CONS. The demo is automotive data library which includes detailed specification for more than 25.000 car models and has more than 150.000 gallery images for different car brands/models.

car_brands

About SmartCarPick.com website

SmartCarPick.com website contains automotive data that is collected from the open data from few source points. Continue reading

Grouping data by custom date range in T-SQL

Standard

Grouping data by time intervals in SQL is something we come across very often in our programming everyday life. That is why I’ll present you a ‘template’ that you can re-use with simple modifications. There are many examples how to group your data per day, week, month or year intervals but in this example I’ll focus on more generic solution with custom range.

DataBuDateRange

For that purpose I’ll use recursive query for generating the time intervals. Although this might not be the most optimal way to do this in every scenario but it gives us clear reusable code sample. Continue reading

How to clean your unused/orphaned resource items in few easy steps

Standard

As one project grows with time and requirements are changing it’s natural to have unused/orphaned items in our .RESX file which can bring unwanted overhead and it can be useful to remove these items. That’s why I’ve created this simple to use tool which you can download it and use it as it is or you can get the code from GitHub and add modifications according to your needs.

clerexapp

These are just some of the problems that I can think of if we leave orphaned/unused items in our resource file: Continue reading

Custom made Xamarin.Forms Radial Progress control

Standard

Although there are many controls that are missing from Xamarin.Forms the good thing is that we can customize each built in control and create our own controls that will fulfill our App requirements. In this example I’ll demonstrate the implementation and simple usage of a custom build Xamarin.Forms Radial Progress control.

RadialProgressDemo2

How to create custom control with a renderer

First thing we need to implement is Xamarin.Forms control that will have bindable properties. The implementation in this case is in the RadialProgress class. Continue reading