iT Synergy Blogs

Growing Innovation - Soluciones a problemas reales

Copyright © 2023 · iT Synergy·

The amazing Twitter Bootstrap Toolkit
The amazing Twitter Bootstrap Toolkit avatar

By Leave a Comment

I ve been working on a personal project on ASP.NET MVC 3 and i decided to use the popular Twitter Bootstrap toolkit (TBT)and is just amazing.

What is the “Twitter Bootstrap Toolkit”?

940 px Grid System + enhanced CSS styles + custom HTML

The  Twitter Bootstrap toolkit is a Grid System composed of span tags , wich i find very helpfull to work with , normally you needed to think on build your web template by yourself from zero,  resulting on  thinking the div structure from scratch and  confront the div aligning problems and/or positioning nightmare.

Now you can use the 940px grid system to just specify how you want your html layout , for example:

The mighty 940px Grid System

With this grid system composed of html span tags you can use a layout that is more suitable to your designs, for example if i wish my web page to have a div configuration like this:

you have to look at the  span configuration that ressemble the most  on the image above. In this case is the span configuration enclosed on the  red square(on the image above) this refers to the  span5 and the span11 group.In HTML code this looks like :

<div class="row" title="example">
    <div class="span5">something</div>
    <div class="span11">something</div>
  </div>

Enhanced CSS styles

With the TBT you have a nice looking website right at the start of the development because it integrates some enhanced css styles. For example you can use the button tag along with a css class to display a nice looking button

<button class=”btn success”>Success</button>

if you want to use that 2.0 tag looking labels you need to use just this snippet of code

<span class label success>New</span>

and it will render into this cool tag

this is just a minimal thing that you can do with the toolkit.

You can see more of the Twitter Bootstrap Toolkit here 


Create a complete automation backup plan for your wordpress infrastructure (on the cloud)
Create a complete automation backup plan for your wordpress infrastructure (on the cloud) avatar

By Leave a Comment

If you manage a standard wordpress infrastructure ,where you have an installation of a wordpress blog  and you have two layers separated , the database layer  (in my case mysql) on the database server , and other layer for the presentation (web server) that stores the images uploaded , the themes , and the scripts , you should be aware of the backup process on these two separate layers.

Backup Database file on the database server

There is an easy way and the one i recommend , and is by using the wp-db-backup plugin that you can find here , this plugin actually make a scheduled backup of your wordpress database , you chose monthy , weekly or dayly , also you can chose the backup to be sended by mail witch is very helpful.

The problem with this configuration is that you only have the backup of the database , and the database is not everything concerning wordpress contents, you should also backup the pictures of your blogs , the themes , the uploaded files and adittional scripts.

There is already a workaround to backup ALL your content on the cloud using Amazon S3 services on site http://www.wordpressbackup.org/ which is good but you have to pay for the S3 services processing.

Combine wp-dbbackup plugin + Dropbox cloud services + Windows Task Scheduler

A free alternative i propose is by using the wp-dbbackup plugin along with the DropBox API.

For that i created a c# application(that you can download below) that do the follwing:

1.Zip the contents of the wordpress Images (optionally i can especify the scritps folder but my interest relies only on the images folder for now).

2.Using DropBox API with the SharpBox libraries and a DeveloperKey (that you can obtain here  ) and upload the zipped file to my free DropBox account.

3.Create a Task on the Task scheduler of Windows  to execute the program every week.

You should note that i did not mentioned  wp-dbplugin here , well,  that is because the wp-dbplugin just works nice , and i will “improve” this solution by adding the C# program that backups the images folder of  the wordpress webserver content.

This solution is free and is automated so you have an easy way to backup your wordpress solution easily.

Limitations

Because DropBox is free it gives you 2gb of free space , making a weekly backup of your wordpress images folder can fill that space very quickly . You should check weekly your DropBox backups and delete old backups to prevent getting out of space.

You can download the source code below:

WpZipToDropBox

Easy Opening Command Prompt in folder
Easy Opening Command Prompt in folder avatar

By Leave a Comment

Quick tip , if you want to open the command prompt on a desired folder location , you need to go to the folder via Windows Explorer (win+e)
and then on the target folder hold Shift button + right click , this should display the “enhanced” menu on Windows 7 , it has some usefull options but we are focusing on the “Open command window here” option:

I hope you find this tip helpful