./ YaBlo

Quick & Dirty: Shellscript »batchzip«

Für den täglichen Bedarf an wiederholenden Aufgaben schreibt man sich ja oft kleine Shellscripte. Hier hab ich ein eines, welches Dateien gleichen Namens aber unterschiedlicher Dateiendung zusammen in ein Zipfile packt.

Kann man unter anderem gut gebrauchen, wenn man Projektdateien hat. die ja oft projekt.txt, projekt.docx, projekt.psd, projekt.pdf etc. heißen.

Das Script sollte auf jedem System mit Standard-Shell und zip und rm funktionieren.

Herunterladen kann man sich das auch hier: batchzip

#!/bin/sh
#
# Name: batchzip
# Description: This script zips files with same basename (ignoring the extension).
# Author: Tommy Schmucker
# Created: 2012-05-13
# Modified: 2012-05-16
# Version: 0.3
#

usage()
{
	cat << EOF

This script zips files with same basename (ignoring the extension).

usage: $0 [-h] [-r] [-d directory]

-h Show this message
-d Input directory
-r Remove original files
EOF
}

dir=`pwd`
rm_orig=0
me=`basename $0`

zip=/usr/bin/zip
rm=/bin/rm

[ -x $zip ] || { echo "No such executable: $zip"; exit 1; }
[ -x $rm ] || { echo "No such executable: $rm"; exit 1; }

while getopts "hrd:" option; do
	case $option in
		h)
			usage
			exit 1
			;;
		r)
			rm_orig=1
			;;
		d)
			dir="$OPTARG"
			;;
		?)
			usage
			exit
			;;
	esac
done

[ -d "$dir" ] || { echo "$in_dir is not a directory, exiting"; exit 1; }
dir="${dir%/}"

for this_file in "$dir"/*; do
	basename=$(basename "$this_file")
	name=${basename%.*}
	if [ ! -h "$this_file" ] && [ "$basename" != "$me" ]; then
		$zip -j "$dir"/"$name".zip $this_file
		if [ "$rm_orig" == 1 ]; then
			$rm "$this_file"; echo "$basename removed."
		fi
	fi
done

Mit JavaScript prüfen, ob ein CSS media query ausgeführt wurde

CSS:

@media (min-width: 45em) {
	body:after {
	content: 'widescreen';
	display: none;
	}
}

JavaScript:

var size = window.getComputedStyle(document.body,':after').getPropertyValue('content');
if (size == 'widescreen') {
	// go nuts
}

(via: bricss.net)

Die genialsten Lösungen sind immer die einfachen. Auf die kommt man aber nie selbst.

Linkhub #6

• Timeline
  Beautifully crafted timelines that are easy, and intuitive to use.
• Startups, this is how design works
  Wie funktioniert Design. Eine kurze Einführung für Nicht-Designer
• JavaScript caching framework
  Ein JavaScript caching framework für den Browser.
• An introduction to jQuery Deferreds
  Eine kurze Einführung in die Deferreds von jQuery.
• mag.js
  Ganz neu: mag.js – das JavaScript-Magazin.
• jQuery File Upload
  Ein schicker File-Uploader für jQuery

Jetzt noch drei freie Javascript/jQuery-Bücher/Einführungen

• Essential JavaScript & jQuery Design Patterns
• jQuery Fundamentals
• Die Grundlagen von JavaScript

Linkhub #5

• responsive navigation patterns
  Gute Beschreibung verschiedener Möglichkeiten responsiver Navigationen.
• A Responsive Design Approach for Navigation, Part 1
  Sehr guter Artikel über eine Möglichkeit für eine responsive Navigation.
• How to GitHub: Fork, Branch, Track, Squash and Pull Reques
  Der Title sagt alles. git-Kentnisse werden aber vorausgesetzt
• A re-introduction to JavaScript
  Eine (Wieder)-Einführung in JavaScript von Mozilla.
• Font Awesome
  CC-BY-3.0-lizensierte Icons als Font-Set. Sehr nützlich und schick.
• Parallax Content Slider with CSS3 and jQuery
  Parallax-Effekt mittels CSS3 und jQuery realisiert.
• spot – Tiny ack-style file search utility
  Was für die Konsoleros. »find« und »grep« zusammengeklöppelt zu einem kleinen und schicken »Suche-In-Dateien«-Programm.

Workaround Firefox/Iceweasel fontface issue

Due a very restrictiv »file uri origin«-policy Firefox/Iceweasel won’t load custom fonts.
Try to set a specific header for each font file (TTF, OTF, EOT) in your .htaccess:

<FilesMatch "\.(ttf|otf|eot)$">
    <IfModule mod_headers.c>
        Header set Access-Control-Allow-Origin "*"
    </IfModule>
</FilesMatch>

(via)

How to build an grouped archive in Textpattern

You can build an archive of blog posts/articles which is grouped by year and months with built in tags. The nested tags and HTML elements are looking really weird but it works as unordered nested list.

<txp:article_custom sort="Posted desc" limit="99999" wraptag="ul" break="" class="archive">

	<txp:variable name="year" value='<txp:if_different><txp:posted format="%Y" /></txp:if_different>' />
	<txp:variable name="month" value='<txp:if_different><txp:posted format="%B" /></txp:if_different>' />

	<txp:if_variable name="year" value=""><txp:else />
		<txp:if_first_article><txp:else />
					</ul>
				</li>
			</ul>
		</txp:if_first_article>
		<li><h2><txp:posted format="%Y" /></h2>
			<ul>
	</txp:variable>

	<txp:if_variable name="month" value=""><txp:else />
		<txp:if_variable name="year" value="">
				</ul>
			</li>
		<txp:else /></txp:if_variable>
		<li><h3><txp:posted format="%B" /></h3>
			<ul>
	</txp:variable>

	<li><txp:posted />: <txp:permlink><txp:title /></txp:permlink></li>

	<txp:if_last_article></ul></li></ul></txp:if_last_article>

</txp:article_custom>

Frisch erworben

Zur Fender gesellt sich ab sofort eine Ortega R10-ST.