User Tools

Site Tools


software:webdesign

<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

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

http://peter.upfold.org.uk/

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

https://shopplugin.net/

  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

http://wordpress.org/support/plugin/events-manager

Flash Effect Generator

http://alternativeto.net/software/free-flash-effect-generator/

http://alternativeto.net/software/-flashdevelop/

http://www.flashdevelop.org/

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

http://www.httrack.com/

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

From http://getbootstrap.com/

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.

Also: https://www.w3schools.com/bootstrap/

software/webdesign.txt · Last modified: 2019/07/13 07:30 by superwizard