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
Category: Web
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.
Layout items in flexible columns with Masonry
In one of my projects I needed to layout photos in a grid that will place all photos most effectively with no white spaces between them. The prolem is that photos can have various sizes and proportions. The Masonry is a javascript library, easy to use that layouts items in columns. Here is how my site looks … Continue reading Layout items in flexible columns with Masonry
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)
Why Rob Ashton hates and loves JavaScript
Rob Ashton in his talk is exposing JavaScript drawbacks, strengths, and - what is most valuable - best practices and important details to consider while coding JavaScript. Good to watch and get few good advices from it. http://www.youtube.com/watch?v=PV_cFx29Xz0 Session was held on DevDay 2012 in Kraków, Poland.
AngularJS in 60 minutes
Another post with very good video: this week I'd like to share screencast about AngularJS, which I am currently learning to use. This is intended for beginners, knowing just basics concepts, that are mentioned further in text. AngularJS is Google's framework made for building SPA (Single Page Application). Its goal is to make static HTML … Continue reading AngularJS in 60 minutes