background preloader

50 Online Tools to Convert Documents and Media Files

Downloading a document only to find that you do not have the application to open it can be frustrating. Thankfully however there are numerous web apps that help you out of this predicament. We have gathered 50 such online tools that help you convert not only digital documents but also images and various other media files. Audio/Video Converters KeepVid : KeepVid is an useful online utility which helps users download videos from different online streaming websites. CellSea : CellSea is another useful converter which can help users download, convert, crop and resize videos from different streaming websites. VideoDownloadX : With VideoDownloadX, users can convert and download videos from YouTube. GetYourVideo : With GetYourVideo, users can download videos from different online video streaming websites including DailyMotion, YouTube, Metacafe and many more. SaveYouTube : SaveYouTube is a simple, online utility to download different YouTube videos. Document Converters Image Converters

Creating responsive images using the noscript tag | Head When building responsive websites, you immediately run into the problem of trying to implement responsive images which would be sized correctly depending on the user's device. Either you want to hide images from mobile users or give them an optimised version. The problem centers on the page loading anything referenced in the HTML even if it’s hidden by CSS in your media queries. This can lead to your mobile users getting a big hit from content they aren’t even using. This problem can’t be handled entirely on the server side. We came across a couple of existing libraries. Using the Webkit developer tools, HTTPWatch for Internet explorer and HTTPfox for Firefox we were surprised to discover that removing the element with JavaScript prevented the request being made to the server. We created a Rails helper gem, responsive_image_tag, to insert the necessary markup into the page: The helper places the default image inside a <noscript> tag, which is then deleted by the JavaScript library.

The 35 Best Web 2.0 Classroom Tools Chosen By You 100 Web 2.0 Tools Every Teacher Should Know About 44.24K Views 0 Likes We're always trying to figure out the best tools for teachers, trends in the education technology industry, and generally doing our darnedest to bring you new and exciting ways to enhance the classroom. But I wanted t... 20 Free and Fun Ways To Curate Web Content 23.98K Views 0 Likes What's the best way to organize it all into at least some reasonable manner? It’s Time To Crowdsource Your School’s Social Media Policy 12.53K Views 0 Likes Every school has a different policy when it comes to social media. 10 useful .htaccess snippets to have in your toolbox .htaccess, the file which control the Apache webserver, is very useful and allows you to do a lot of things. In this article, I have compiled 10 .htaccess snippets that any web developer should have in his toolbox. Before editing your .htaccess file, always make a backup so you can restore it if needed. Remove www in url For SEO reasons, you might always remove (or use) the www prefix in your urls. The following snippet will remove the www from your website url and redirect any url with the www to the non-www version. RewriteEngine On RewriteCond %{HTTP_HOST} ! Source: Prevent hotlinking Hotlinking is a bad practice that consist of using the images from another site on yours. Source: Redirect all WordPress feeds to feedburner Most bloggers are using Feedburner, a web service that lets you know how many people are reading your blog via feeds. <IfModule mod_alias.c> RedirectMatch 301 /feed/(atom|rdf|rss|rss2)/? Create custom error pages

20 Excellent Free Rich-Text Editors Rich-text editors, also known as online rich-text editors, are web components that allow users to edit and enter text within a web browser. Rich-text editors are used in numerous ways such as in enhancing your comment input form or as part of a web application that allows entry of user-generated and formatted content. Rich-text editors are essentially web-based WYSIWYG (“what you see is what you get”) editors. There are many rich-text editors out there. In this article, we present 20 exceptional (and free) rich-text editors. 1. TinyMCE is an open source (under the GNU Lesser General Public License) rich-text editor released and maintained by Moxiecode. TinyMCE |Demo | Download 2. FCKeditor is another wildly popular open source online rich-text editor (check out some of the websites that use it). FCKeditor | Demo | Download 3. NicEdit is lightweight, no-fuss cross-platform rich-text editor that emphasizes user-friendliness and simplicity over barraging users with too many features. 5. 6.

HTML5 History API - dynamic websites like never before - Web Species blog I have talked about this before, but JavaScript should not dictate content or website structure. It should only improve the UI, but even with JavaScript disabled website should work. Using the new HTML5 History API allows to do that one step further - making dynamic websites behave like normal ones. What is History API? History API is quite a simple concept - a JavaScript API you can use to control history state. With using History API you can add an entry to history stack once some dynamic content is loaded. All this behavior is very well explained in “Dive into HTML5” book, but in short when you load some content using Ajax or you move user to a place in a page which you want to have linkable - use History API. Of course like with most of the new HTML5 functionality, this is not supported in all browsers. How to use it? There is only one main method: history.pushState(state, title, link); and one event: State example from Mozzila documentation: How I used it Conclusion

URL rewriting pour les nuls Hello, C'est sans doute moi mais je n'ai pas trouvé de tutoriel pour les Rewrite Rules sur le site. Je vous propose donc le mien. Vous verrez c'est etonnament facile. Principe:L'url rewriting permet d'utiliser des urls toute simples au lieu d'url longues et complexes maPage-val1-val2-val3.html à la place de maPage.php? Vous devez vous meme modifier l'ecriture des URL DANS VOTRE CODE SOURCE. Avantages:Les bots suivront les liens simplifiés et indexeront votre site en profondeur. Inconvénients:Il faut un serveur à la hauteur - car cela consomme en ressource. Comment ca marche? RewriteEngine on RewriteRule \photo-([0-9]+)\.html$ /photo.php? Et réecrire vos liens dans vos pages. L'url rewriting décortiqué:D'abord il faut identifier les liens que vous allez réecrire: Comme je suis photographe j'ai un site qui gére des photos, des albums (appelés event) et des portfolios. portfolio.php? Dès que vous avez listé les URL vous devez concevoir le format des nlles URLs. / debute la réécriture ex

Récupérer un podcast pour l'écouter en ligne 8 fév. 2011 En utilisant PHP et JavaScript, nous pouvons récupérer à la volée dans un podcast les données nécessaires pour le mettre en écoute dans un module comme dewplayer (lecteur gratuit de mp3). Pour réaliser notre lecteur de podcast dynamique, il nous faut d'abord rendre le XML lisible, nous prenons en effet un flux extérieur au site dans lequel nous voulons afficher notre dewplayer. Vous devez créer un fichier, par exemple podcast.php, et y mettre le code suivant : Pour cet exemple nous avons choisi un podcast de radiofrance. Maintenant si vous ouvrez en ligne votre fichier podcast.php il s'affichera avec le contenu XML du fichier extérieur hébergé sur radiofrance. Pour la suite nous allons passer par jQuery. 1. avec l'extension jquery.jfeed.pack.js. 2. Je suppose bien entendu que vous connaissez déjà la syntaxe jQuery, comment on peut ainsi agir sur le DOM et ce que signifie .append(). Code complet d'une page avec un podcast :

The Collection

Related: