In a recent past I facing a problem, I had to create a function which print the sellers (shop in shop) based on theirs belonging categories. The way of the calculation was quite heavy and we have to respect our memory and generation time restrictions.
I wrote a method which check the available time and memory frame. Now the calculation process can be as precise as possible – depends on resources.

    /**
     * determines whether the code overused the given resources
     * @param float $timeLimit time limit in seconds or microtime
     * @param int $memoryLimit memory limit in bytes
     * @return bool returns true if the system has more resources and false if not
     */
    function doWeHaveMoreResource($timeLimit, $memoryLimit) {
        static $startTime = 0;
        static $startMemory = 0;
        static $phpMemoryLimit = 0;
        if ($startTime === 0) {
            $startTime = microtime(true);
            $startMemory = memory_get_usage();
            $phpMemoryLimit = ini_get('memory_limit');
            if (preg_match('/^(\d+)(.)$/', $phpMemoryLimit, $matches)) {
                if ($matches[2] == 'M') {
                    $phpMemoryLimit = $matches[1] * 1024 * 1024; // nnnM -> nnn MB
                } else if ($matches[2] == 'K') {
                    $phpMemoryLimit = $matches[1] * 1024; // nnnK -> nnn KB
                }
            }
        }
        if (($startTime + $timeLimit) < microtime(true)) {
            mylog("no, we have no more time");
            return false;
        }
        if (($startMemory + $memoryLimit) < memory_get_usage()) {
            mylog("no, we have no more memory");
            return false;
        }
        if ($phpMemoryLimit < (memory_get_usage() / 0.9)) {
            mylog("no, we are close to php memory limit");
            return false;
        }
        return true;
    }

VMMSZ is a hungarian folk community, where many other communities unite. They manage many events and awards.

The main with the site was the flat look, and the iconic approach, where the user have the same menu icons in the desktop and the mobile view. Of course it was made with the responsive solution.

There is a timer what count the days until the event. The page comes with a really simple to use admin interface.

We made the design and the sitebuild for the Municipality Kanjiza. The new site have some new and unique features compared to the old one, like the slider and the simplified view. We used the main colors of the official logo.

The design is focusing on the icons and the big menu buttons, and of course everything is responsive. The mobile view have the latest mobile features, like the jquery menu.

With the launch of Windows 8, flat design became the mainstream: in the web or in the print design graphics professionals like to use it. And with the iOS7 Apple started to use it too. Why is the flat design good? It looks simpler and has less distraction, lets you focus on the ipmortant content.

But flat design alone is not enough as we can see because a new trend is in the grow: Long Shadow. The mkain principle is simple: the shadow extends at an approximately 45-degree angle and has the size 2.54 size of the main object. It gives a real depth feeling for the main object but maintains the flat look.

It can be very nice if used correctly, but sometimes people misuse it: You can’t apply Long Shadow for every object. It has to be flat, it has to be simple and use a few colors. Can’t use it on very complex object or 3D icons, because int hat case it looks awful.

Let’s see a few good examples with the Long Shadow approach:

Apple Logo by Eldin Heric.

Skype by JustD.

Internet Explorer by Thomas Snop.

The happy case trial ended like these:

$ svn export -r 80:81 https://svn.example.com/trunk/ ./testdiff
svn: Revision range is not allowed

Finally I google a while and I made a bash script can handle incremental export. The methodology is quite simple:

• copies whole previous export to the new place
• exports modified and added files since previous revision
• removes deleted files (compared to prev. rev.)
• patches new revision. means force a copy from already prepared folder contains config files, symlinks to binary – non versioned – content. etc.
• relinks webroot to a new one
• restarts webserver

#!/bin/bash

##############################
# settings and inicilization #
##############################

SVN_SOURCE="https://svn.example.com/trunk/"
REV_PATH="/var/www/revisions/example.com/"
PATCH_PATH="/var/www/patch/example.com/"
SYM_PATH="/var/www/public/example.com"

TIME_SPENT=$(date +%s)
REV=$(svn info $SVN_SOURCE | grep Revision | cut -d ' ' -f 2)
PREV=0
VERBOSIVE=0

USAGE_INFO="$(basename "$0") [-r REVISION_NUM] [-i PREVIOUS_REVISION_NUM] -- make an incremental svn export

where:
  -i  previous revision (default: 0)
  -h  show this help text
  -r  revision to export (default: $REV)
  -v  verbosive mode. show fetched files

current settins:
  SVN_SOURCE: $SVN_SOURCE
  REV_PATH:   $REV_PATH
  PATCH_PATH: $PATCH_PATH
  SYM_PATH:   $SYM_PATH
"

while getopts r:i:hv option; do
  case "$option" in
    i)  PREV=$OPTARG
        ;;
    h)  echo "$USAGE_INFO"
        exit
        ;;
    r)  REV=$OPTARG
        ;;
    v)  VERBOSIVE=1
        ;;
  esac
done

EV_PATH=$REV_PATH$REV"/"

##############################
#         functions          #
##############################

promtYesOrDie(){
  while true; do
    read -e -p "$1 (y/n): " -i "y" yn
    case $yn in
      [Yy] ) break;;
      [Nn] ) echo "spent: "$((`date +%s` - $TIME_SPENT))"s"
             echo "bye bye"
             exit
             ;;
         * ) echo "Please answer (y)es or (n)o.";;
    esac
  done
}

doIncrementalExport(){
  PREV_PATH=$REV_PATH$PREV"/"
  if [ -d $PREV_PATH ]; then
    echo "copying files from: $PREV_PATH"
    cp -f -r "$PREV_PATH." $EV_PATH
    echo "fetching added and modified files since revision $PREV..."
    for FILE_SRC in $(svn diff --summarize -r $PREV:$REV $SVN_SOURCE | awk '/[AM]/ {print $2}'); do
      FILE_PATH=$(echo $FILE_SRC | sed -e "s{$SVN_SOURCE{{");
      if [ ! -d "$EV_PATH$FILE_PATH" ]; then
        TRG_DIR="$EV_PATH$(dirname $FILE_PATH)"
        mkdir -p $TRG_DIR
        svn export -r$REV -q --force $FILE_SRC "$EV_PATH$FILE_PATH"
        if [ $VERBOSIVE -eq 1 ]; then
          echo "$EV_PATH$FILE_PATH"
        fi
      fi
    done
    echo "removing deleted files and folders since revision $PREV ..."
    for FILE_SRC in $(svn diff --summarize -r $PREV:$REV $SVN_SOURCE | awk '/D/ {print $2}'); do
      FILE_PATH=$(echo $FILE_SRC | sed -e "s{$SVN_SOURCE{{");
      rm -r "$EV_PATH$FILE_PATH"
      if [ $VERBOSIVE -eq 1 ]; then
        echo "$EV_PATH$FILE_PATH"
      fi
    done
  else
    echo "previous revision does not exist at: $PREV_PATH"
    exit;
  fi
}

##############################
#       main function        #
##############################

if [ $PREV -eq 0 ]; then
  promtYesOrDie "Do you want to do full export instead of incremental, for revision $REV of repo: [$SVN_SOURCE]"
  echo "fatching source ..."
  if [ $VERBOSIVE -eq 1 ]; then
    svn export -r$REV --force $SVN_SOURCE $EV_PATH
  else
    svn export -r$REV -q --force $SVN_SOURCE $EV_PATH
  fi
else
  promtYesOrDie "Do you want to do incremental export, for revision renge $PREV:$REV of repo: [$SVN_SOURCE]"
  doIncrementalExport
fi

echo "patching from $PATCH_PATH .."
cp -f -r "$PATCH_PATH." $EV_PATH

echo "changing owners and permissions .."
chown www-data:www-data -R $EV_PATH
chmod 0775 -R $EV_PATH

promtYesOrDie "Do you want to make the changes to do live? You should do it manually if got any error!"
echo "update symlink $SYM_PATH to $EV_PATH"
ln -sfn $EV_PATH $SYM_PATH

promtYesOrDie "Do you want to restart web server?"
echo "restarting php-fastcgi and nginx"
/etc/init.d/php-fastcgi restart
/etc/init.d/nginx restart

#echo "restarting apache"
#/etc/init.d/apache2 restart

echo "spent: "$((`date +%s` - $TIME_SPENT))"s"
echo [done]

How it is possible? First, we have to style the image for it’s final place, and then the magic happens: we can use a desaturate filter for the images, and for hover, we can make it to fade in with CSS transitions.

#single_blog img {

 display: inline-block;
 float: left;
 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
 filter: gray; /* IE6-9 */
 -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
 -webkit-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out;
 -ms-transition: all 0.5s ease-in-out;

}

What have we done here? We used a filter for the #single_blog_image. With the -webkit solution, all of the browsers can use the filtered image, and at the end of the style we have used some transition to have the desaturated effect fade out and the original color fade in. This works in all of the major browsers except in Firefox, because it is not a standard method to have the filters fade.

#single_blog img:hover {
 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
 -webkit-filter: grayscale(0%);
 filter: alpha(opacity=50);
}

To be honest, I couldn’t find any standard solution to fade the filters, so Chrom, Safari and Opera just simply use it, but not Firefox.

Maybe it is not the best solution, but in this case I dont’t need to use some extra script, so at the moment this is the best solution for Us, and it is possible with pure CSS.

So what we need is a mysql backup solution, probably a bash script what makes separate files per each db and ignores archive and memory engines of course with possibilities of gzipping.

I googled but I didn’t found what exactly we need, fortunately I found some similar like this one: http://carrotplant.com/en/blog/how-to-dump-all-mysql-databases-into-separate-files and I combine them together.

Finally there are the dump script.

#!/bin/bash

############
# Settings #
############

# mysql parameters
MYSQL_USER="root"
MYSQL_PASSWORD="******"
MYSQLDUMP="/usr/bin/mysqldump"
MYSQL="/usr/bin/mysql"
BACKUP_LOCATION="/var/backups/ervername/mysql/"
BACKUP_SQLDIR=$BACKUP_LOCATION$(date +%Y-%m-%d_%H-%M)
EXCLUDE_DBS="(Database|information_schema|phpmyadmin|mysql)"
EXCLUDE_EGX="(MEMORY|ARCHIVE)"
GZIP_ENABLED=1

##############
# THE SCRIPT #
##############

echo "sophisticated dump of mysql databases"
echo "destination: $BACKUP_SQLDIR"
echo "ignore these databases: $EXCLUDE_DBS"
echo "ignore these engines: $EXCLUDE_EGX"
echo "gzipping: $GZIP_ENABLED"

#returns list of ignired tables
ignoredtables () {
   local IGNORES
   TABLES=`$MYSQL --user=$MYSQL_USER --password=$MYSQL_PASSWORD -e "USE $1; SHOW TABLE STATUS;"  | grep -E $EXCLUDE_EGX | awk '{print $1}'`
   for CURRENT_TB in $TABLES; do
       IGNORES="$IGNORES --ignore-table=$1.$CURRENT_TB"
   done
   echo $IGNORES
}

if [ ! -d "$BACKUP_SQLDIR" ]; then
    echo "make dir: "$BACKUP_SQLDIR
    mkdir -p $BACKUP_SQLDIR
fi

# get a list of databases
DATABASES=`$MYSQL --user=$MYSQL_USER --password=$MYSQL_PASSWORD -e "SHOW DATABASES;" | grep -Ev $EXCLUDE_DBS`

# dump each database in turn
echo "dumping databases..."
TIME_SPENT=`date +%s`
OVERAL_SPENT=`date +%s`
for CURRENT_DB in $DATABASES; do
    echo $CURRENT_DB
    IGNORED_TABLES=`ignoredtables $CURRENT_DB`
    if [ $GZIP_ENABLED == 1 ]; then
        $MYSQLDUMP --force --opt --routines --user=$MYSQL_USER --password=$MYSQL_PASSWORD $IGNORED_TABLES $CURRENT_DB | gzip > "$BACKUP_SQLDIR/$CURRENT_DB.sql.gz"
    else
        $MYSQLDUMP --force --opt --routines --user=$mYSQL_USER --password=$MYSQL_PASSWORD $IGNORED_TABLES $CURRENT_DB > "$BACKUP_SQLDIR/$CURRENT_DB.sql"
    fi
    TIME_SPENT=$((`date +%s` - $TIME_SPENT))
    echo "spent: "$TIME_SPENT"s         overal: "$((`date +%s` - $OVERAL_SPENT))"s"
    TIME_SPENT=`date +%s`
done

# removes previous backup older then 7 days
find $BACKUP_LOCATION -mtime +7 -type d -exec rm -Rv {} \;

echo "[done]"

Like in the desktop version, the mobile version also have almost every feature like the other one. Balbu Mobile is our newest mobile project, it uses Symfony framework with jQuery Mobile. We have built the whole site from scratch, and of course the main goal was to be available everywhere.

The site is available at: m.balbu.hu

Balbu is an international online bookstore, wich operates in most of the european countries. The company sells mainly hungarian books for the European and American countries.

The main goal was to create th best possible user experience with the easiest interface in mind. We wanted to create a store where the user doesn’t have too many unuseful informations, but enough to choose what books are in his/her main interests.

The cart and the checkout process is also easy to use, so not just the “internet generation” knows how to use it, what and where to type. The site also have a news section, where the editors can write about the latest articles about the world of books and happenings. Besides the easy to use interface we wanted to have the fastest site possible, so the users with bad connections can use the site too.

The site is available at: balbu.hu

The client wanted to achieve a site where elementary and high school students can be informed about the Tantargyhalo competition. The students can compete with each other in literary, crativitie and technique.

   

We started to build to site from scratch, and tried to achieve a fully responsive solution with happy colors and many pictures. The site have a gallery where can the users can see the pictures from the previous years as well as the present year competition. The site have a download menu, where the previous works can be downloaded. The framework we used is WordPress with a custom theme and custom functions. We made the whole concept, design and sitebuild.

At the home page, the Tantargyhalo site have a featured image slider, where the picture appears from the selected post. That means the client have a very simple and user-friendly admin page, so they doesn’t need any knowledge about HTML editing.

We also built a mobile interface with the responsive technique, what means the users can browse the site at tablets and smartphones. Of course, the site can detect the resolution of the device, and if it’s a mobile than the small version automatically appears.

The site is available at: tantargyhalo.net