HOME / Web Development
Coming soon: Where your browser memory goes
// Currently available as part of the #devtools of the "early adopters" Canary version of #Chrome is a new feature that allows you to check what takes up the #memory that is allocated for your browser. This will certainly allow for more efficient #javascript programming. Read more about it in +Addy Osmani’s post http://bit.ly/101e2P9
How to start writing secure PHP code
// Some basics of writing #secure #code from Nathan Good at IBM 1) Validate input2) Guard your file system3) Guard your database4) Guard your session data5) Guard against Cross-Site Scripting (XSS) vulnerabilities6) Verify form posts7) Protect against Cross-Site Request Forgeries (CSRF) Kind of seem obvious, but they are not to a lot of people. The [Continue reading]
No-Flash Maps with jQuery
// There are tons of Flash-based map solutions and there is always Google maps integration, but what if you want a more visually simplified, tablet-ready solution that will not depend on external sources? JQVMap is a #jQuery plugin that renders #Vector #Maps. It uses resizable Scalable Vector Graphics (SVG) for modern browsers like Firefox, Safari, [Continue reading]
Reminder: People come to your site to consume content
// They do not come to see ads or others links to other pages to your site, or navigation links or social media buttons. So it is a bit counter-productive if the first 800 (probably more) pixels of your page do not have a single line of text from your content. The example below is [Continue reading]
Zoom! Enhance! Manhattan!
// Just trying for another time the latest #googleplusupdate that allows you to #zoom on big photos. This one is a 3.6MB 3000×1418 pixels panorama of Manhattan by Sergey Semonov that won the amateur catagory at Epson International Photographic Pano Awards. (More about it here http://bit.ly/VJGGTX) Thanks to +Gina Trapani for the link.
Zoom! Enhance!
// Google+ was already a great #social network for photographers but this new feature in the most recent #googleplusupdate is simply awesome. You can now: – use your mouse wheel to zoom in or out– click and drag to pan right, left, up or down Try it out!Note that this is 2000×1300 pixels screenshot of [Continue reading]
Guide to CSS Transitions
// A thorough step-by-step guide to #CSS transitions Embedded Link All you need to know about CSS Transitions | Alex MacCaw CSS3 transitions bring simple and elegant animations to web applications, but there’s a lot more to the spec than first meets the eye. In this post I’m going to delve into some of the [Continue reading]
Building a faster website
// Look at the slide below. How does your website compare with those numbers? A slow website means higher bounce rates (people come but wont load another page irritated or disinterested by the lack of speed), lost revenue and generally a low user satisfaction. For a "crash course on web #performance" check out this presentation [Continue reading]
Like a website's palette? Colorfy it!
// As it has been said a thousand times, great artists steal :) If you like the color palette used on a website, you can use Colorfy it to easily find out exactly what it is. Given a URL it will analyze the source code of the #HTML and #CSS and provide you with a [Continue reading]
Organization Chart with jQuery? Done!
// One of the things I love about #jQuery is that amazing community that has produced a plethora of solutions. This means that if you have a problem, it’s quite possible that someone else has dealt with it before. If you’re looking for a #javascript solution to displaying an organization chart, Wes Nolte’s jOrgChart comes [Continue reading]
Icons in a Font: Elusive & Font Awesome
// Elusive and Font Awesome are two open-source #fonts containing over 200 icons each. They are geared to be used with Twitter Bootstrap but you can use them in any kind of project. Check them out!Elusive: http://bit.ly/VCtQ9BFont Awesome: http://bit.ly/WatPZ5If you need more #free choices, here some more in font and PNG formats: http://bit.ly/UKIqxA
Instant Web/App Screenshots with PlaceIt
//Lovely discovery of the day: PlaceIt is a free service that allows you to create product images of your latest website or app in "real" environments. Just choose the setting and drag&drop a screenshot on the empty space and it’s magically done! Try it out here http://bit.ly/W7kFfU Instant Web/App Screenshots with PlaceIt http://bit.ly/W7kFfU Google+: Reshared 5 [Continue reading]
G+ statistics via Webmaster Tools Author Stats
// I had previously http://bit.ly/W8U6r2 written about adding your #author information in your content so that your name can show up next to Google search engine results of your website and #Google+ posts. What I hadn’t included though is that Google’s #WebmasterTools have a "Author stats" report with traffic #statistics of the pages that Google has [Continue reading]
Ember table and the endless grid
// Ember table describes itself as a "fast, lazy rendered, easily extensible table built with Ember.js". The demos on the page http://bit.ly/UejkEL look nicely done (especially the one with thousands of rows!) but the examples in the download file do not run out of the box. Still, check it out and keep a bookmark for future [Continue reading]
Free eBook: Introduction to SQL
// If you are new to programming and looking for a way to start learning about databases, here is a free #eBook on #SQL by Rahul Batra Contents1) An Introduction to SQL2) Getting your Database ready3) Constraints4) Operations on Tables5) Writing Basic Queries6) Manipulating Data7) Organizing your Data8) Doing more with Queries9) Aggregation and Grouping10) Understanding [Continue reading]
Browser Modes and Doctype
// Because there are still clients who refuse/can not to upgrade from #IE7 …Here is a helpful page with tons of information on which browser runs which mode (quirks/ standard) under which condition. http://bit.ly/UKEqj3
Dailymotion opens up Publisher Network – kind of
// #Dailymotion has been doing revenue deals with big sites like Yahoo! and The Huffington Post, but recently they have opened their platform for smaller sites as well. The basic idea is that you embed Dailymotion videos in your site, ads are server and you get 30% of Dailymotion’s net ad revenues. A "Curator tool" [Continue reading]
Responsive on the vertical
// What can the visitor see on the first glance of your website? How can you accommodate users with different screen sizes? Read on +Chris Coyier’s article on #responsive #design above the fold :) http://bit.ly/PzETlp
Mailgun: Email for Developers
// This looks really cool: Mailgun is a service that allows you to "outsource" all mail-related functions of your application. You can send, receive, parse, track, etc messages programmatically. The same goes for e-mail accounts, even whole mail servers. I’ll be trying the service (there is a free plan) and posting some first thoughts… :) [Continue reading]
Facebook on the freemium path
Apparently, what used to be a free service, #Facebook, is now fully freemium on all levels. I just got this "Promote" option that allows me to overcome Facebook’s algorithm on what is "cool" for my friends to see and actually get them to see my posts (you know, the original purpose of Facebook’s service). Until [Continue reading]
Download: Windows Metro Icon Collection
Here is http://bit.ly/PI0JkX a collection of 690 #icons in the visual style of #Windows 8 (also known as #Metro ). The collection comes with – Separate PNG files 26×26 pixels for each icon, ready to use– Single EPS source file so you can scale the icons in any vector image editorMany thanks to the kind people of [Continue reading]
Build a Conference Site with Drupal
Check below a video from Acquia and guest presenter, Energy Action Coalition, as they discuss how the #Drupal Conference Organizing Distribution (COD) empowers organizations to promote and execute powerful, engaging events. It includes a real-world example showing how to:* Streamline conference on-boarding and registration processes* Facilitate better communication with speakers and attendees* Automate sponsorship sales [Continue reading]
Thank you 80legs
for making me waste two hours from my Sunday fighting your crawler bot. It’s now blocked although about 30% of attempts on the server are still from it (down from 55%, and weekends are busy for this site). I understand, dear 80legs, that you have a service to sell to your clients, but unfortunately we [Continue reading]
Impressive web presentations with reveal.js
The power of 3D now on bullet points If you’re looking for a web-based solution to share your presentation while having an impressive display of your slides (as opposed to simple flipping slides in Flash player) you can look no further than reveal.js. Features include:– 3D transform effects– keyboard navigation ( and touch navigation on [Continue reading]
The future of the web: Instagram
I can haz filterz? All joking aside, the future of #HTML and #CSS certainly includes advanced graphical capabilities. Some of them are described in a recent presentation given by Vincent Hardy of +Adobe and you can examples of them in the images below. Of course, in terms of specifications, all of this is in draft [Continue reading]
Follow-me hover effect
Catch me if you can! Here is a very nice tutorial that +Codrops calls Direction-Aware Hover Effect. Using #CSS3 and #jQuery you can have animated effects when hovering over an element that takes into account the cursor movement. This creates a unique effect on each move a user makes. Check it out here http://bit.ly/Ip24dH Google+: [Continue reading]
Explore the possibilities with multivariate testing
[Subtitle A] You probably have heard of A/B Testing where you have two versions of your page, serve them randomly to your visitors and track which works best. But there is a more advanced version of this, Multivariate Testing. This (obviously) involves multiple possible designs and of course it gets more complex to setup and [Continue reading]
Javascript solutions for your chart needs
Die Flash, Die! If you hate using Flash for your chart needs or just want a modern solution that will work on all devices, here are some alternatives: 1) Morris.js, based on #jQuery and #Raphaël , will give you beautiful looking line charts http://bit.ly/IqRdA9 2) From the maker of Highslide, Highcharts provides a range of [Continue reading]
Adding context in photos
Here is a nice #jQuery plugin to enhance the photos on your website with more information. iPicture allows you to add tooltips over any photo. You can set exactly where tooltip will show up and the text that will be shown. Check it out here http://bit.ly/Hsfw0l Google+: Reshared 1 times