karomile.com was supposed to be a simple in a design but rich in content. This is a karomile's photo site developed by me, according to her concept and design. After the PayTogether Android app, this is another project in my portfolio - web development is my skill as well (also in much more advanced designs, responsive … Continue reading karomile.com
Tag: web
Web development done well: WordPress web coding standards
We all know that mess that grows in CSS, JavaScript and HTML files. There is no compilers as in static typed programming languages that will keep you from doing that mess bu there are Clean Code standards. The team working on files should keep common standard and follow best practices. It is a failure if each … Continue reading Web development done well: WordPress web coding standards
jQuery: prevent copying elements from webpage
Want to prevent users copying text or images on your website? Or maybe you need to add custom behaviour on Ctrl+C click event? With jQuery you can intercept the event of copying, pasting, cutting or dragging & dropping the element on your webpage. Prevent copying In my case I needed to prevent copying images on … Continue reading jQuery: prevent copying elements from webpage
JS: infinite scroll examples
There are few alternatives to implement infinite scrolling web pages, like facebook or twitter. The site: http://www.sitepoint.com/jquery-infinite-scrolling-demos/ lists the best ones and shows some examples of usage with clues when which solutions will fit, and in which cases will not. One of the solutions I am going to deploy on karomile.com soon.
Web dev: Responsive image grid (that is not perfect but works)
Worth noting and well working way to implement photo grid on website, is presented by Ali Jarafian on his website: http://alijafarian.com/responsive-image-grids-using-css/ The 'float: left;' type of design has few drawbacks in my opinion: One is that you need to calculate the margins carefully and put the calculation result in few places in css (so changing … Continue reading Web dev: Responsive image grid (that is not perfect but works)
Javascript: JSON tutorial
JSON is a notation derived from Javascript. It is open and human-readable, therefore commonly used with other technologies (see this post, showing how to use it with Java/Android). Here are some basic operations with JSON in JavaScript: 1. Create simple JSON var jsonMessage = { "message": "statusUpdate", "object": "object-1" } This is how result will … Continue reading Javascript: JSON tutorial
JavaScript: clear all elements from unordered list
For HTML unordered list like this one: <ul id="mylist"> <li>my list item</li> </ul> JavaScript can help to remove all of its elements. Put this function in page <head>: <script type="text/javascript"> function clearlist (){ var elem = document.getElementById('mylist'); elem.parentNode.removeChild(elem); } </script> and call it, for example on button onclick event: onclick="clearlist()" sometimes it may be better … Continue reading JavaScript: clear all elements from unordered list