background preloader

Top 10 Pro Tips and Tools for Budding Web Developers and Designers

Top 10 Pro Tips and Tools for Budding Web Developers and Designers

How to Send Email from a PHP Script Using SMTP Authentication Sending an email from a PHP script is simple, fast and easy; if it works. PHP mail() and SMTP Authentication Part of what makes the PHP mail() function is so simple is its lack of flexibility. PEAR Mail for SMTP Authentication and SSL Connection Fortunately, overcoming PHP's built-in shortcomings is not difficult either, complicated or painful. Send Email from a PHP Script Using SMTP Authentication To connect to an outgoing SMTP server from a PHP script using SMTP authentication and send an email: Make sure the PEAR Mail package is installed. Sending Mail from PHP Using SMTP Authentication - Example <? Sending Mail from PHP Using SMTP Authentication and SSL Encryption - Example <?

GoMo: An Initiative From Google How to remove watermark from an image or picture A watermark is any recognizable text, logo or pattern that appears over an image to identify the owner of the image and generally used to prevent unauthorized reuse of the image. Watermarks are usually transparent and can be difficult to remove. The difficulty or ease of removal depends on the content of the image and the position, color, size etc of the watermark. There are several resources out there that teaches you how to remove watermark from pictures, but most of them are old. Although these guides are still relevant, in light of some new tools that has recently become available in our hands, I decided a new guide was necessary. Hence this tutorial. Removing water mark using Photoshop CS5 The new iteration of Photoshop, Creative Suite 5 or CS5 in short, includes some handy tools that really helps in such tasks as removing watermarks. For our example we will use an image from iStockPhoto and try to remove the watermark right across the face of the image. Now press D.

About What is Media Queries? Media Queries is a W3C Candidate Recommendation—a widely reviewed document which is ready for implementation by browser vendors. It's an extension of media dependent stylesheets tailored for different media types (i.e. screen and print) found in CSS2. In its essence a media query consists of a media type and an expression to check for certain conditions of a particular media feature. By restricting CSS rules to a certain width of the device displaying a web page, one can tailor the page's representation to devices (i.e. smartphones, tablets, netbooks, and desktops) with varying screen resolution. What is Responsive Web Design? The term Responsive Web Design was coined by Ethan Marcotte and is the practice of using fluid grids, flexible images, and media queries to progressively enhance a web page for different viewing contexts. What screen resolutions do you use while taking screenshots? Smartphone 320px Tablet 768px Netbook 1024px Desktop 1600px Yes:

Corporate » Free Business Template | Just another WordPress site from FREE CSS TEMPLATES Free CSS business template. Well commented html and css code, so you can edit it with minimum efforts. Suitable for your business website, personal portfolio, corporate website etc. Free Business Template Width: 980pxSources Available: .HTML .CSS .JSFile Size: 118 KB Scrapy – Un framework dédié au crawl et à l’extraction de données en ligne Si votre passion dans la vie, c'est de programmer des bots qui vont crawler des sites web pour en extraire le contenu afin d'alimenter vos propres bases données, vous serez surement heureux de découvrir Scrapy ? Ce framework dédié au parcours de site et à l'extraction de données structurées dans les pages web peut être utilisé dans de nombreuses situations... Par exemple pour faire du monitoring, extraire des liens, ou encore récupérer du contenu éditorial...etc. Scrapy est léger, facile à comprendre (ça utilise du Xpath et un système de règles), et fonctionne sous Windows, Linux, Mac, BSD...etc (c'est du Python). Toute la doc et le soft sont disponibles sur le site officiel de Scrapy. Vous avez aimé cet article ?

How to Improve Website Load Times I’ll admit it: I’m addicted to speed. No, not the psychostimulant; I’m talking about website speed. I’m not alone, either. Google recently announced that they consider website speed when determining search engine rankings. Oh, did I mention that a slow website can literally kill your revenue stream? Google found that moving from a 10-result page loading in 0.4 seconds to a 30-result page loading in 0.9 seconds decreased traffic and ad revenues by 20% (Linden 2006). It’s quite clear. What Determines Website Page Speed? The Yahoo! So, I’ll break down the top performance recommendations and show you you can apply them to your website. Let’s do it. 1. Translation: Limit the number of files required to display your website When someone visits your website, the corresponding files must be sent to that person’s browser. As expected, every file you use to enhance your design detracts from its performance. The key takeaway is this: eliminate everything that’s unnecessary. 2. 3. 4. What? 5. Easy! 6. 7.

How to prevent Hotlink bandwidth theft Hotlink protection of web site images and files: What is Hotlinking? Hotlinking is when a web site is linking directly to images, video's or other files that are served from another site. Hotlinking can be considered bandwidth theft, because images served on the page are remotely hosted on the owners page. As visitors arrive to view the page, the remote host has to conjour up the images for viewing which consumes additional bandwidth of the image owners site. How to prevent Hotlink bandwidth theft: Hotlink Protection: Download the nohotlink zip fileExtract (unzip) the files .htaccess and nolink.png from the nohotlink.zipOpen .htaccess using wordpad and change to your actual website. RewriteEngine on RewriteCond %{HTTP_REFERER} ! Save your changes to the .htaccess fileNow copy the .htaccess file to a directory containing files you want to protect from being hotlinked by other websitesCopy the nolink.png file to your websites root directory.

Web App Packaging Notes Database Restore Install Script: # Check for backup of old version database if [ -f /var/hda/dbs/latest-appname.bz2 ]; then # Import old version database bzcat latest-app.bz2 |mysql -uapp -papp app else # Insert new version database mysql -uappname -pappname appname < appname.sql; fi NOTE: if statement switches are: -d: directory -f: file Database Update to UTF8 echo "alter database appdb charset=utf8" | mysql -uappdb -pappdb App Start on Boot /usr/bin/crontab -l > apache-crontab; cat >> apache-crontab << 'EOF' @reboot /var/hda/web-apps/appname/html/ EOF /usr/bin/crontab apache-crontab; rm -rf apache-crontab; Uninstall Script: /usr/bin/crontab -l > apache-crontab; sed -i '/appname/d' apache-crontab; /usr/bin/crontab apache-crontab; rm -rf apache-crontab; Find and Rename .htaccess Files find . Add Server (Service) Feature Install, Enable, and Start Fedora: install -m 755 appname /etc/init.d/; /sbin/chkconfig appname on; /sbin/service appname start; Ubuntu: Uninstall, Disable, and Stop or

Hosting a website NOTICE: making anything visible outside your network can open security issues, so you are doing this at your own risk. Some apps are more secure than others, but there is nothing ultimately secure. Best is to use the VPN to login back home. To access the HDA itself from outside the network using VPN, check out the OpenVPN ALS application, available to install through the HDA. It enables you to access the HDA, and all applications and folders, using just your free webaddress. So you want to run a web server in your Amahi server and make it visible from the web outside your home. For the purposes of this guide you need either of the following: VNC access to your HDA if headless Terminal is available under Applications -> System Tools -> Terminal SSH if headless and no VNC A monitor if you are not headless To host your own web site you need the following: What you need to do in a terminal (as root) is find the apps conf file then edit the conf file for the app: Fedora No.