Table of Contents
<html> <style> h1 { color: #900;
/* font-size: 114%; */ font-weight: bold; margin-top: 6px; padding-bottom: 8px; text-transform: uppercase; display: block; font-size: 2em; margin-top: 0.67em; margin-bottom: 0.67em; margin-left: 0; margin-right: 0; font-weight: bold; }
h2 { border-bottom: 1px solid #d7d7d7;
color: #1b1b1b; color: #900; font-weight: bold; margin-bottom: 5px; margin-top: 4px; padding: 3px 0; display: block; font-size: 1.7em; margin-top: 0.79em; margin-bottom: 0.79em; margin-left: 0; margin-right: 0; font-weight: bold; }
h3 { font-weight: bold;
color: #900; font-size: 92%; line-height: 1.5em; display: block; font-size: 1.45em; margin-top: 0.92em; margin-bottom: 0.92em; margin-left: 0; margin-right: 0; font-weight: bold; }
h4 { color: #38505e;
/* font-size: 144%; */ font-weight: bold; color: #900; margin: 8px; display: block; font-size: 1.25em; margin-top: 1.07em; margin-bottom: 1.07em; margin-left: 0; margin-right: 0; font-weight: bold; }
h5 {
color: #900; display: block; font-size: 1.1em; margin-top: 1.22em; margin-bottom: 1.22em; margin-left: 0; margin-right: 0; font-weight: bold;
}
h6 {
color: #900; display: block; font-size: 1.0em; margin-top: 1.34em; margin-bottom: 1.34em; margin-left: 0; margin-right: 0; font-weight: bold;
}
</style> </html>
Check List for Adding Virtual Host
From:
- Add database
- Add dns entry to registrar nameserver
- Add dns name to hosts
- Add files
- Add Apache2 virtualhost configuration /etc/apache/sitesavailable
- Add service to Apache2
- Start service
Apache Main Conf
ServerAdmin you@example.com # ServerName gives the name and port that the server uses to identify itself. ServerName 0bf0b12d169b # Virtual hosts #Include conf/extra/httpd-vhosts.conf
Sample Virtual Hosts
<VirtualHost *:80> # The ServerName directive sets the request scheme, hostname and port that # the server uses to identify itself. This is used when creating # redirection URLs. In the context of virtual hosts, the ServerName # specifies what hostname must appear in the request's Host: header to # match this virtual host. For the default virtual host (this file) this # value is not decisive as it is used as a last resort host regardless. # However, you must set it for any further virtual host explicitly. ServerName localhost ServerAdmin madmin@madmin.yall DocumentRoot /var/www/html ErrorLog ${APACHE_LOG_DIR}/error.log CustomLog ${APACHE_LOG_DIR}/access.log combined </VirtualHost> <VirtualHost *:3321> ServerName drupy.madmin.yall ServerAlias *.madmin.yall ServerAdmin madmin@madmin.yall DocumentRoot /var/www/html/web/ ErrorLog ${APACHE_LOG_DIR}/error.log CustomLog ${APACHE_LOG_DIR}/access.log combined </VirtualHost> <VirtualHost *:3321> ServerName services.madmin.yall ServerAlias *.madmin.yall ServerAdmin madmin@madmin.yall DocumentRoot /usr/share/wordpress ErrorLog ${APACHE_LOG_DIR}/error.log CustomLog ${APACHE_LOG_DIR}/access.log combined Alias /blog /usr/share/wordpress <Directory /usr/share/wordpress> Options FollowSymLinks AllowOverride Limit Options FileInfo DirectoryIndex index.php Order allow,deny Allow from all </Directory> <Directory /usr/share/wordpress/wp-content> Options FollowSymLinks Order allow,deny Allow from all </Directory> </VirtualHost>
Common Apache Misconfigurations
From: https://wiki.apache.org/httpd/CommonMisconfigurations
NameVirtualHost *:80 # This is wrong. No matching NameVirtualHost some.domain.com line. <VirtualHost some.domain.com> # Options and stuff defined here. </VirtualHost> # This would be correct. <VirtualHost *:80> ServerName some.domain.com # Options and stuff defined here. </VirtualHost>
Setup up Apache2 for multiple virtual hosts (websites)
From: https://httpd.apache.org/docs/trunk/vhosts/examples.html
Also: https://httpd.apache.org/docs/trunk/vhosts/examples.html
Remember to add or remove site with sudo a2ensite sudo a2dissite Name-based hosts on more than one IP address. Note Any of the techniques discussed here can be extended to any number of IP addresses. The server has two IP addresses. On one (172.20.30.40), we will serve the "main" server, server.example.com and on the other (172.20.30.50), we will serve two or more virtual hosts. Listen 80 # This is the "main" server running on 172.20.30.40 ServerName server.example.com DocumentRoot "/www/mainserver" <VirtualHost 172.20.30.50> DocumentRoot "/www/example1" ServerName www.example.com # Other directives here ... </VirtualHost> <VirtualHost 172.20.30.50> DocumentRoot "/www/example2" ServerName www.example.org # Other directives here ... </VirtualHost> Any request to an address other than 172.20.30.50 will be served from the main server. A request to 172.20.30.50 with an unknown hostname, or no Host: header, will be served from www.example.com.
correct file permissions for wordpress
From: https://stackoverflow.com/questions/18352682/correct-file-permissions-for-wordpress
When you setup WP you (the webserver) may need write access to the files. So the access rights may need to be loose. chown www-data:www-data -R * # Let Apache be owner find . -type d -exec chmod 755 {} \; # Change directory permissions rwxr-xr-x find . -type f -exec chmod 644 {} \; # Change file permissions rw-r--r-- After the setup you should tighten the access rights, according to Hardening WordPress all files except for wp-content should be writable by your user account only. wp-content must be writable by www-data too. (sudo chown www-data:www-data -R /usr/share/wordpress) chown <username>:<username> -R * # Let your useraccount be owner chown www-data:www-data wp-content # Let apache be owner of wp-content
Wordpress Changing_The_Site_URL note addition of Port to site url
From: http://codex.wordpress.org/Changing_The_Site_URL
Thsi re-writes the url that is sent to wordpress. must send back a compatible url for source of browser request
Setup Virtual hosts Ubuntu LAMP Wordpress
From: https://help.ubuntu.com/14.04/serverguide/serverguide.pdf
htaccess: https://www.askapache.com/htaccess/#Htaccess_Evolved
VirtualHosts: https://httpd.apache.org/docs/trunk/vhosts/examples.html
ApacheCoreFeatures: https://httpd.apache.org/docs/2.4/mod/core.html#serveralias
For configuring your first WordPress application, configure an apache site. Open /etc/apache2/sites-available/wordpress.conf and write the following lines: Alias /blog /usr/share/wordpress <Directory /usr/share/wordpress> Options FollowSymLinks AllowOverride Limit Options FileInfo DirectoryIndex index.php Order allow,deny Allow from all </Directory> <Directory /usr/share/wordpress/wp-content> Options FollowSymLinks Order allow,deny Allow from all </Directory> Enable this new WordPress site sudo a2ensite wordpress etc/wordpress/ config-10.211.55.50.php, /etc/wordpress/config-hostalias1.php, etc. These instructions assume you can access Apache via the localhost hostname (perhaps by using an ssh tunnel) if not, replace /etc/wordpress/config- localhost.php with /etc/wordpress/config-NAME_OF_YOUR_VIRTUAL_HOST.php Setup Database for each instance
For remote accress had to run on Separate port (3221) <VirtualHost *:3221> # The ServerName directive sets the request scheme, hostname and port that # the server uses to identify itself. This is used when creating # redirection URLs. In the context of virtual hosts, the ServerName # specifies what hostname must appear in the request's Host: header to # match this virtual host. For the default virtual host (this file) this # value is not decisive as it is used as a last resort host regardless. # However, you must set it for any further virtual host explicitly. ServerName services.domain.com ServerAlias *.domain.com ServerAdmin bob@youruncle DocumentRoot /usr/share/wordpress # Available loglevels: trace8, ..., trace1, debug, info, notice, warn, # error, crit, alert, emerg. # It is also possible to configure the loglevel for particular # modules, e.g. #LogLevel info ssl:warn ErrorLog ${APACHE_LOG_DIR}/error.log CustomLog ${APACHE_LOG_DIR}/access.log combined # For most configuration files from conf-available/, which are # enabled or disabled at a global level, it is possible to # include a line for only one particular virtual host. For example the # following line enables the CGI configuration for this host only # after it has been globally disabled with "a2disconf". #Include conf-available/serve-cgi-bin.conf Alias /blog /usr/share/wordpress <Directory /usr/share/wordpress> Options FollowSymLinks AllowOverride Limit Options FileInfo DirectoryIndex index.php Order allow,deny Allow from all </Directory> <Directory /usr/share/wordpress/wp-content> Options FollowSymLinks Order allow,deny Allow from all </Directory> </VirtualHost>
BindPorts: https://httpd.apache.org/docs/2.4/bind.html
example change /etc/apache2/ports.conf # If you just change the port or add more ports here, you will likely also # have to change the VirtualHost statement in # /etc/apache2/sites-enabled/000-default.conf Listen 3321 TCP Listen 80 <IfModule ssl_module> Listen 443 </IfModule> <IfModule mod_gnutls.c> Listen 443 </IfModule> # vim: syntax=apache ts=4 sw=4 sts=4 sr noet <VirtualHost *:80> # The ServerName directive sets the request scheme, hostname and port that # the server uses to identify itself. This is used when creating # redirection URLs. In the context of virtual hosts, the ServerName # specifies what hostname must appear in the request's Host: header to # match this virtual host. For the default virtual host (this file) this # value is not decisive as it is used as a last resort host regardless. # However, you must set it for any further virtual host explicitly. ServerName localhost ServerAdmin mzztop@zzgxg.ubow DocumentRoot /var/www/html # Available loglevels: trace8, ..., trace1, debug, info, notice, warn, # error, crit, alert, emerg. # It is also possible to configure the loglevel for particular # modules, e.g. #LogLevel info ssl:warn ErrorLog ${APACHE_LOG_DIR}/error.log CustomLog ${APACHE_LOG_DIR}/access.log combined </VirtualHost> <VirtualHost *:3321> ServerName drupal.zzgxg.ubow ServerAlias *.zzgxg.ubow ServerAdmin mzztop@zzgxg.ubow DocumentRoot /var/www/html/web/ ErrorLog ${APACHE_LOG_DIR}/error.log CustomLog ${APACHE_LOG_DIR}/access.log combined </VirtualHost> <VirtualHost *:3321> # Wordpress Site ServerName services.zzgxg.ubow ServerAlias *.zzgxg.ubow ServerAdmin mzztop@zzgxg.ubow DocumentRoot /usr/share/wordpress ErrorLog ${APACHE_LOG_DIR}/error.log CustomLog ${APACHE_LOG_DIR}/access.log combined Alias /blog /usr/share/wordpress <Directory /usr/share/wordpress> Options FollowSymLinks AllowOverride Limit Options FileInfo DirectoryIndex index.php Order allow,deny Allow from all </Directory> <Directory /usr/share/wordpress/wp-content> Options FollowSymLinks Order allow,deny Allow from all </Directory> </VirtualHost>
PHP Information Page
From: https://mediatemple.net/community/products/dv/204643880/how-can-i-create-a-phpinfo.php-page
Also: http://php.net/manual/en/function.phpinfo.php
PHP information test page
<?php // Show all information, defaults to INFO_ALL phpinfo(); ?>
Sample Websites
Beautify CSS
From: http://www.cleancss.com/
Enter your messy, minified, or obfuscated CSS Style Sheets into the field above to have it cleaned up and made pretty. The editor above also contains helpful line numbers and syntax highlighting. There are many option to tailor the beautifier to your personal formatting tastes.
Header Samples
H1-steps-to-take-when-you-discover-malware
H2-steps-to-take-when-you-discover-malware
H3-steps-to-take-when-you-discover-malware
H4-steps-to-take-when-you-discover-malware
H5-steps-to-take-when-you-discover-malware
Using a pre-existing subdirectory install
From: http://codex.wordpress.org/Giving_WordPress_Its_Own_Directory
If you already have WordPress installed in its own folder (e.g., http://example.com/wordpress), then the steps are as follows: Go to the General panel. In the box for Site address (URL): change the address to the root directory's URL. Example: http://example.com Click Save Changes. Copy (NOT MOVE!) the index.php and .htaccess files from the WordPress (wordpress in our example) directory into the root directory. If you are not using pretty permalinks, then you may not have a .htaccess file. If you are running WordPress on a Windows (IIS) server and are using pretty permalinks, you'll have a web.config rather than a .htaccess file in your WordPress directory. Edit your root directory's index.php. Open your root directory's index.php file in a text editor Change the line that says: require( dirname( __FILE__ ) . '/wp-blog-header.php' ); to the following, using your directory name for the WordPress core files: require( dirname( __FILE__ ) . '/wordpress/wp-blog-header.php' ); Save the file. Login to your site. The URL should still be http://example.com/wordpress/wp-admin/ If you have set up Permalinks, go to the Permalinks panel and update your Permalink structure. WordPress will automatically update your .htaccess file if it has the appropriate file permissions. If WordPress can't write to your .htaccess file, it will display the new rewrite rules to you, which you should manually copy into your .htaccess file (in the same directory as the main index.php file.)
Moving WordPress
Wordpress Theme enfold
From: http://themeforest.net/item/enfold-responsive-multipurpose-theme/4519990
Tutorial: https://ferdykorpershoek.com/how-to-create-a-website-enfold-2017/
Wordpress Theme TwentyThirteen Automatic Resizing of Header for Phone
From: https://wordpress.org/support/topic/twenty-thirteen-making-header-image-scalable
Yes, I am using a child theme for my custom CSS and php templates. The site is in beta; just getting started: http://drkidbrain.com/ rchasin
From: http://drkidbrain.com/
<header id="masthead" class="site-header" role="banner"> <a class="home-link" href="http://drkidbrain.com/" title="Dr. Kid Brain" rel="home"> <h1 class="site-title">Dr. Kid Brain</h1> <h2 class="site-description">Inside the Middle School Mind</h2> </a> <div class="site-add-header"><a href="http://www.drkidbrain.com"><img class="header-img" src="http://www.drkidbrain.com/images/banner_120713.png" alt="logo"></a></div> <div id="navbar" class="navbar"> <nav id="site-navigation" class="navigation main-navigation" role="navigation"> <h3 class="menu-toggle">Menu</h3> <a class="screen-reader-text skip-link" href="#content" title="Skip to content">Skip to content</a> <div class="menu-mainmenu-container"><ul id="menu-mainmenu" class="nav-menu"><li id="menu-item-267" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-267"><a href="http://drkidbrain.com/welcome-to-the-blog/">Blog</a></li> <li id="menu-item-630" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-630"><a href="http://drkidbrain.com/dr-kid-brain-reviews/">Dr. Kid Brain Reviews</a> <ul class="sub-menu"> <li id="menu-item-292" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-292"><a href="http://drkidbrain.com/book-reviews/">Book Reviews</a> <ul class="sub-menu"> <li id="menu-item-495" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-495"><a href="http://drkidbrain.com/a-long-walk-to-water/">A Long Walk to Water</a></li> <li id="menu-item-496" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-496"><a href="http://drkidbrain.com/book-review-between-shades-of-gray/">Between Shades of Gray</a></li> <li id="menu-item-497" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-497"><a href="http://drkidbrain.com/book-review-breaking-stalins-nose/">Breaking Stalin’s Nose</a></li> <li id="menu-item-498" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-498"><a href="http://drkidbrain.com/enders-game/">Ender’s Game</a></li> <li id="menu-item-499" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-499"><a href="http://drkidbrain.com/book-review-roll-of-thunder-hear-my-cry/">Roll of Thunder Hear My Cry</a></li> <li id="menu-item-500" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-500"><a href="http://drkidbrain.com/where-the-red-fern-grows/">Where the Red Fern Grows</a></li> </ul> </li> <li id="menu-item-490" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-490"><a href="http://drkidbrain.com/video-game-reviews/">Video Game Reviews</a> <ul class="sub-menu"> <li id="menu-item-553" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-553"><a href="http://drkidbrain.com/bejeweled-3/">Bejeweled 3</a></li> <li id="menu-item-552" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-552"><a href="http://drkidbrain.com/civilization-v/">Civilization V</a></li> <li id="menu-item-633" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-633"><a href="http://drkidbrain.com/chuzzle/">Chuzzle</a></li> </ul> </li> <li id="menu-item-491" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-491"><a href="http://drkidbrain.com/board-game-reviews/">Board Game Reviews</a> <ul class="sub-menu"> <li id="menu-item-536" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-536"><a href="http://drkidbrain.com/cranium/">Cranium</a></li> <li id="menu-item-535" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-535"><a href="http://drkidbrain.com/giant-spoons/">Giant Spoons</a></li> <li id="menu-item-534" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-534"><a href="http://drkidbrain.com/math-dice/">Math Dice</a></li> <li id="menu-item-533" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-533"><a href="http://drkidbrain.com/scrabble/">Scrabble</a></li> <li id="menu-item-532" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-532"><a href="http://drkidbrain.com/spy-alley/">Spy Alley</a></li> </ul> </li> <li id="menu-item-494" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-494"><a href="http://drkidbrain.com/book-suggestions-book-lady/">The Book Lady</a></li> </ul> </li> <li id="menu-item-492" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-492"><a href="http://drkidbrain.com/academic-testing-guide/">Academic Testing Guide</a> <ul class="sub-menu"> <li id="menu-item-531" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-531"><a href="http://drkidbrain.com/california-achievement-test-terra-nova/">California Achievement Test or Terra Nova</a></li> <li id="menu-item-530" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-530"><a href="http://drkidbrain.com/cognitive-abilities-test/">Cognitive Abilities Test</a></li> <li id="menu-item-529" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-529"><a href="http://drkidbrain.com/explore-test/">Explore Test</a></li> <li id="menu-item-528" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-528"><a href="http://drkidbrain.com/iowa-test-basic-skills/">Iowa Test of Basic Skills</a></li> </ul> </li> <li id="menu-item-493" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-493"><a href="http://drkidbrain.com/resources-parents/">Resources for Parents</a> <ul class="sub-menu"> <li id="menu-item-567" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-567"><a href="http://drkidbrain.com/female-polyglot-explains-how-to-learn-languages/">“Female Polyglot Explains How to Learn Languages”</a></li> <li id="menu-item-570" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-570"><a href="http://drkidbrain.com/math-class-needs-makeover/">“Math Class Needs a Makeover”</a></li> <li id="menu-item-568" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-568"><a href="http://drkidbrain.com/schools-kill-creativity/">“Schools Kill Creativity.”</a></li> <li id="menu-item-569" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-569"><a href="http://drkidbrain.com/last-lecture-following-childhood-dreams/">“The Last Lecture: Following your Childhood Dreams.”</a></li> <li id="menu-item-571" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-571"><a href="http://drkidbrain.com/power-introverts/">“The Power of Introverts”</a></li> </ul> </li> <li id="menu-item-68" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-68"><a href="http://drkidbrain.com/about/">About</a></li> </ul></div> <form role="search" method="get" class="search-form" action="http://drkidbrain.com/"> <label> <span class="screen-reader-text">Search for:</span> <input type="search" class="search-field" placeholder="Search …" value="" name="s" title="Search for:"> </label> <input type="submit" class="search-submit" value="Search"> </form> </nav><!-- #site-navigation --> </div><!-- #navbar --> </header>
How to Find Out What Theme And Plugins a WordPress Site Is Using
From: https://codeable.io/find-out-what-theme-plugins-wordpress/
Also: http://whattheme.com/
Also: https://theseotools.net/wp-theme-detector
Visit the desired website with your browser Right-click anywhere on the page and select "Inspect" to get the specific source code of that page Look for the CSS file, usually called style.css and normally located in /wp-content/themes folder. To do it easily: just click cmd + F on Mac or ctrl+F on Windows and type "style.css" Double click and copy the whole link in which the style.css is located in a new tab/window on your browser (see the image above) You should now be on the style file with the name of WordPress theme right at the top, like this:
Wordpress - 3.8.1 missing Editor under Appearance (9 posts)
From: https://wordpress.org/support/topic/381-missing-editor-under-appearance
My fix: I had installed Sucuri Security plugin. Under their “Hardening” :-————- Plugin & Theme editor Occasionally you may wish to disable the plugin or theme editor to prevent overzealous users from being able to edit sensitive files and potentially crash the site. Disabling these also provides an additional layer of security if a hacker gains access to a well-privileged user account. ————- If you select “harden” this will disable “Editor” in Appearance. I reverted it and got my Editor back!!! You might have another security plugin installed which is doing the same thing. There was code "define( 'DISALLOW_FILE_EDIT', false );" defined on Wp-config.php which led me to Sucuri plugin. You could just remove that code. bonnar - Member - Posted
Wp-config.php in root folder
Absolute Center
From: http://codepen.io/shshaw/pen/gEiDt
.Center-Container { position: relative; }
.Absolute-Center { width: 50%; height: 50%; overflow: auto; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
Instant Eyedropper - pick color from screen
color picker
From: http://instant-eyedropper.com/
Identification the color code of an object on the screen is usually an involved, multistep process: You press the Print Screen key to copy a screenshot to the clipboard, load a graphics-editing program, create a new file, paste the screenshot from the clipboard, zoom in on the object, use the "Pick Color" tool, and finally copy the HTML code of the color to the clipboard. Webmasters may repeat this operation many times a day. Just imagine how much time can be saved by using Instant Eyedropper to do the same thing With a Single Click!
ColorPic
From: http://www.iconico.com/colorpic/
Ever tried using a color picker on a high resolution monitor? It's impossible. That's why this color picker has a magnifier attached. Grab palettes of up to 16 colors at once and use four advanced color mixers to select a spectrum of possibilities.
Wordpress Form Builder
gravity forms
From: http://www.gravityforms.com/?rel=google&gclid=COnAjKSPtcECFaIF7AodlC4AmA
Quickly build and design your WordPress forms using the form editor. Select your fields, configure your options, and easily embed forms on your WordPress powered site using the built in tools.
Contact From 7
From: https://wordpress.org/plugins/contact-form-7/
Contact Form 7 can manage multiple contact forms, plus you can customize the form and the mail contents flexibly with simple markup. The form supports Ajax-powered submitting, CAPTCHA, Akismet spam filtering and so on.
Visual Form Builder
From: https://wordpress.org/plugins/visual-form-builder/
Visual Form Builder is a plugin that allows you to build and manage all kinds of forms for your website in a single place. Building a fully functional contact form takes only a few minutes and you don't have to write one bit of PHP, CSS, or HTML!
Form Maker
From: https://wordpress.org/plugins/form-maker/
The Form Maker is one of the best responsive form builders in WordPress Plugin Directory. WordPress Form Builder allows you to set all the parameters such as colors, fonts and dimensions to best fit all form standards. If you want to make minimalistic forms, you can build forms with pre-filled texts, avoiding long form field labels.
Picture slide show for home page of website
nivo slider
From: http://webdesignrecipes.com/sample/jquery-bx-slider-plugin/
interesting display of bx-slider three wide sliding pictures
From: http://bxslider.com/
Free slider
From: http://www.jqueryscript.net/slider/nivo-slider.html
Nivo Slider is considered as a most popular jQuery slider plugin in the world. It is beautiful and very easy to use, more over, it is full free! Nivo Slider includes 16 Beautiful Transition Effects that makes displaying your gallery of images a beautiful experience as well as designed to be as simple to setup and use.
From: http://www.jqueryscript.net/slider/Animated-Image-Slider-Plugin-iView.html
iView is a beautiful and easy-to-use jQuery Image Slider Plugin with animated captions, responsive layout and HTML Elements like (Video, iFrame) slider.
Website Wordpress Total Slider
Total Slider is a plugin for WordPress from Van Patten Media that will transform your experience with sliders forever. Build your own templates in PHP and CSS, then preview the output in a beautiful WYSIWYG interface designed to blend seamlessly with the WordPress core.
How to Display a Random Image
From: http://www.mediacollege.com/internet/javascript/image/random.html
<script type="text/javascript"> <!-- var imlocation = "images/"; var currentdate = 0; var image_number = 0; function ImageArray (n) { this.length = n; for (var i =1; i <= n; i++) { this[i] = ' ' } } image = new ImageArray(3) image[0] = 'image1.gif' image[1] = 'image2.gif' image[2] = 'image3.gif' var rand = 60/image.length function randomimage() { currentdate = new Date() image_number = currentdate.getSeconds() image_number = Math.floor(image_number/rand) return(image[image_number]) } document.write("<img src='" + imlocation + randomimage()+ "'>"); //--> </script>
HTTP Proxy Capture
From: http://fiddler2.com/
The free web debugging proxy for any browser, system or platform
Wordpress Shopping Cart Pluggins
Shopp is built to belong in WordPress: seamless administration tools, widgets, shortcodes, custom menus, post types and taxonomy support – take your pick. Shopp is the WordPress e-commerce plugin that sets the bar for a natural WordPress experience.
http://wp-events-plugin.com/features
The most popular Events Management plugin for WordPress Quickly and easily create events, accept bookings, and manage attendees with one plugin A free and regularly maintained plugin with a Pro add-on for additional support and features
Flash Effect Generator
http://alternativeto.net/software/free-flash-effect-generator/
http://alternativeto.net/software/-flashdevelop/
FlashDevelop offers first class support for ActionScript (2 & 3) and HaXe development. Great completion & code generation, projects compilation & debugging, plenty of project templates,
Capture Webpage
It allows you to download a World Wide Web site from the Internet to a local directory, building recursively all directories, getting HTML, images, and other files from the server to your computer. HTTrack arranges the original site's relative link-structure. Simply open a page of the “mirrored” website in your browser, and you can browse the site from link to link, as if you were viewing it online. HTTrack can also update an existing mirrored site, and resume interrupted downloads.
Wordpress Themes
From: http://wpthemes.co.nz/
WP Themes is a specialist WordPress design shop. We are based in Auckland, New Zealand
website building
From: http://wikis.healthwealthandmusic.co.uk/worldwideweb.html
everything to do with web site editing and the world wide web
how-to-move-a-wordpress-site
IntraLaunch
http://www.particlesoftware.com/en/
IntraLaunch is an ActiveX control for Internet Explorer & Netscape. It's primarily designed for corporate Intranets with Windows based workstations that need to use a web browser to present menus to their end users or employees. It allows web page links to execute anything from applications to associations such as Word or Acrobat PDF documents both locally and across a network without prompts or security warnings.
www.tomschaefer.org Web Tools
Button Gadget
http://www.altuit.com/webs/hemingway/AltuitCover/default.htm
About Altuit Altuit. New breed design. Next step technology. Located in the outskirts of Austin, Texas, Altuit, Inc. conjures internet software magic through the disciplines of design, extreme programming, rapid product development and proven entrepreneurial skills.
Bootstrapped in 2001 by seasoned entrepreneurs with over 25 combined years of experience in software and interactive media devekopment, Altuit's flagship contact management software is currently shipping with over 400 satisfied customers and 5000+ operating webs deployed.
CSS Color Names
Webpage example
Artistic-Software
wordpress-vs-joomla-vs-drupal
http://www.goodwebpractices.com/other/wordpress-vs-joomla-vs-drupal.html
n Conclusion
There is not just one system available for us to build our websites with, and so we should never limit ourselves to just one either. With so many different uses and ideas and opportunities that can be found in each, why should we anyone try so hard to make those CMS's that they dislike seem worst than their own. I remember at an event two years ago that both a Joomla and Drupal team went to, and the members of the teams actually swapped shirts - with the Drupal team wearing Joomla shirts and vice-versa.
I believe that it's time for us to start looking forward to a new future - where we use these different systems to better our own, and to continually build upon the awesome code, and knowledge, that has preceded where we are today. There will come a day when we are staring at three completely different pieces of software and trying to decide which one is the best - but in that day we will also look back to the year 2009 and remember that it was Joomla, Wordpress and Drupal that pushed us continually forward. Not just one of them, but all three - in that perfect, open-source way.
What do you think? Have you found a system that is more reliable than the others? Do you stick to using all three depending on the project that needs completing? Tell us in the comments!
drupal-vs-joomla-frank-comparison-ibm-consultant
http://www.topnotchthemes.com/blog/090224/drupal-vs-joomla-frank-comparison-ibm-consultant
I’l recommend use Xcloner from Joomlaplug — this product will work with Drupal and does backup and restore of the site and the SQL db.
Summary to Date
- Use Joomla if you want to get nice looking site up quickly and can deal with a slower system, rigid content categorization and limited design/configuration options. - Use Drupal if you want high performance, scalability, good content management and significant design flexibility. But, be prepared to spend a lot of time/money to get the site to look professional.
Bootstrap
Example: https://blackrockdigital.github.io/startbootstrap-modern-business/index.html
Build responsive, mobile-first projects on the web with the world's most popular front-end component library.