Frontend

This is what I brought back from frontend conf 2013 in Zürich:

https://github.com/stephenhay/rdw-code-examples
http://en.wikipedia.org/wiki/Markdown
http://johnmacfarlane.net/pandoc/
http://masonry.desandro.com/

Rapid Design Prototyping:

https://jetstrap.com/screen-ec346db9bd.html
http://www.divshot.com/
https://www.easel.io/
https://webflow.com/design/olbs

http://webdesign.tutsplus.com/tutorials/applications/your-workflow-with-adobe-edge-reflow/
http://www.winwithoutpitching.com/

http://blog.cloudfour.com/the-ems-have-it-proportional-media-queries-ftw/
http://css-tricks.com/responsive-data-table-roundup/
Example: http://mobilism.nl/2013/attendees
http://wicky.nillia.ms/enquire.js (javascript media queries)

Static Page Generator: http://jekyllrb.com/

http://susy.oddbird.net/
http://compass-style.org/

BBC GEL Styleguide: bbc.co.uk/gel/
http://www.starbucks.com/static/reference/styleguide/

Comprehensive Frameworks
Foundation
Bootstrap
Gumby
Tuktuk
Pure

HTML5 Boilerplate
Normalise.js
Font Awesome
Animate.js

Glyphicons
Ratchet (mobile framework)

Framer (rapid prototyping)

Bourbon (Sass)
CSS Mixins .button()
CSS Preprocessors

Sync Breakpoints in javascript and css
Response.js
Zeix.com/anzeixer

https://github.com/preciousforever
/SVG-Stacker
http://conor.cc/posts/icon-stacks
fontello.com – a whol lot of Glyphicons
IcoMoon – Design your icons

Anyscreensize.com
Foundation
Modx.com CMS

1. Brainstorm
2. Wireframes
3. Development Site – CMS for Content
4. Finalize Design
5. Final Styling
6. Mov Dev to Production

Responsice Emails:
Github: InterNations/antwort

Opendevicelab.com

Require.js auto loading of js

Superspace
ginetta.net

placekitten.com

http://garann.github.io/template-chooser/

Some stuff that proofed to work while switching VPS to a new kernel for debian wheezy

First of all as root, create some users and give them sudo:
adduser sudo

from your local machine, use password-less ssh:

cat .ssh/id_rsa.pub | ssh user@host 'cat >> .ssh/authorized_keys'

Mounting old file system per ssh in the new one:

sudo apt-get install sshfs
makedir /old
sshfs username@ipaddress:/remotepath /old

Apt Sources list:

cp /old/etc/apt/sources.list /etc/apt/sources.list
apt-get update
apt-get dist-upgrade

Why am I getting this on a new system?

locale: Cannot set LC_CTYPE to default locale: No such file or directory
locale: Cannot set LC_ALL to default locale: No such file or directory

Add this to /etc/profile

export LANGUAGE=en_US.UTF-8
export LANG=en_US.UTF-8
export LC_ALL=en_US.UTF-8

And we also add a nice shortcut for recursive full text searches:

f(){ find . -type f -exec grep -nr $1 {} + ; }

Use like this: f searchterm

Install some packages (apt-get install):

rsyslog
torrentflux
phpmyadmin
dovecot-core
dovecot-mysql dovecot-antispam dovecot-sieve dovecot-pop3d dovecot-managesieved dovecot-imapd
clamsmtp
postfix postfix-mysql
spamassassin
graphicsmagick
graphicsmagick-imagemagick-compat
netcat

Shuffle some files around:

cp -r /old/var/www/* /var/www/
cp -r /var/cache/torrentflux/macolo/
cp -r /old/srv /srv

cp -r /old/usr/share/tead/ /usr/share/tead
cp -r /old/usr/share/yii/ /usr/share/yii
  • Move certs from /etc/ssl and /etc/ssl/private

Database:

mysqldump -u root -p --all-databases > /root/mysqldump.sql
mysql -u root -p < /old/root/mysqldump.sql

Dont forget to udate debian-sys-maintainer password from /etc/mysql/debian.cnf and rerun dpkg-reconfigure phpmyadmin

/etc/init.d/mysql restart

Replace some IPs in /etc/bind/

find . -name "*.db" -print | xargs sed -i 's/46.163.72.202/5.35.241.114/g'

Update some config files:

/etc/postfix/master.cf
/etc/postfix/main.cf
/etc/dovecot/conf.d/...
/etc/spamassassin/local.cf
/etc/clamsmtpd.conf
/etc/apache/sites-available
/etc/bind/...

Don’t forget to install the spam plugins:

apt-get install pyzor
apt-get install razor

Online Marketing Tools & Agencies

SEM Rush: Some top-level stats about sites.
Test Room: SEO Agency with 3000+ high-quality domain farm
Marketo: CRM, lead optimization
Custora: Customer Lifetime Value Optimization https://www.custora.com/
maximizer.com : CRM
http://www.products-up.com/: Product Feed Sanitization
http://www.clickstreamr.com/ Raw Google Analytics Data backup
http://newelements.de/ Behavioural Targeting, CRO & Web Analytics
adstage – Facebook, Bing, Adwords campaign roll-out tool
meteolytics – Weather Analytics und Forecasts für einzelne REgionen / Städte
http://getstat.com/ global SEO/SEM keyword insights (search volume, CPC, etc.)
trakkboard.com trakken.de’s dashboard, can integrate various data sources
http://explorer.cognitiveseo.com/ Backlink Explorer – Who linked to your site?

BI Datenaufbereitung: http://www.gooddata.com/

e-mail Addresses: cebus, schober
Agencies

Schweiz: www.webrepublic.ch
Europa: hurra.com
Japan: http://www.enigmo.co.jp/en/
London: http://www.equimedia.co.uk/
Deutschland: http://www.eresult.de/ – User Experience

London, San Francisco, Ann Arbor, Paris, Milan and Madrid: http://www.esearchvision.com/

Texting:

http://www.datawords.com/ International multi-language texting

iPad – Movies, Songs greyed out?

This did the trick for me:

1. Download and install iExplorer http://www.macroplant.com/iexplorer/

2. Plug in device first, then open iExplorer

3. Delete the iPhone\Media\iTunes_Control folder (you may want to copy this, just in case)

4. Restart the iPhone / iPad

5. Start iTunes. Not restore iPhone from back up, select New iPhone (don’t worry, you will not lost apps or data on your iPhone doing this)

6. Add music manually with iTunes

Source: https://discussions.apple.com/thread/3979901?start=30&tstart=0

Solution by: https://discussions.apple.com/people/Galileo634

London – On the beaten path :)

Borough Market (Food)
Covent Garden
Greenwich Market
Soho
Oxo Tower – Disclaimer: Londoners say expensive and bad ambiente
Tower Bridge
London Eye
Harrod’s – famous shopping center
Ping Pong (Dim Sum) – Awesome Chinese food
Bankside – Walk from London Bridge towards Tate on the river side – awesome little alleyways and restaurants!

Create a bootable Ubuntu USB stick on Mac OS X – so easy

This is really all there is:

1. Download an Ubunto .iso from ubuntu.org
2. Plug the USB stick into your mac os x system
3. open a terminal and type: diskutil list
4. unmount your usb stick: i.e. diskutil unmountDisk /dev/disk1
5. copy the content of the iso onto your usb stick: sudo dd if=~/Downloads/ubuntu.iso of=/dev/disk1 bs=1m
6. unload your usb stick: diskutil eject /dev/disk1
7. you’re ready!

Source and more: http://www.makeuseof.com/tag/how-to-create-an-ubuntu-installation-usb-on-the-mac/

Ruchbrot

500 g Ruchmehl
3 dl kaltes Wasser
20 g Backhefe
1 EL Salz

Backhefe in wenig kaltem (Zimmertemperatur) Wasser auflösen.
Das Ruchmehl, die Backhefe, das Salz sowie das restliche Wasser beigeben und auf niedriger Stufe mischen. Zu einem geschmeidigen Teig kneten lassen, der nicht mehr reisst.

Mindestens 120 Minuten zugedeckt stehen lassen.

Brotlaib formen und 20 Minuten gären lassen.

Backofen auf 240 Grad vorheizen.

Nachher die Teiglinge mit Mehl bestäuben, schräg einschneiden und in den Ofen schieben.
Backtemperatur sofort auf 200 °C zurückstellen und ca. 20 Minuten (bei 400 g Teiggewicht) backen.

Mit Dampf anbacken und den Dampf nach 15-20 Minuten entweichen lassen.

10 steps to a Online Marketing Strategy

  1. Start with a web promotion plan and an effective web design and development strategy.
  2. Get ranked at the top in major search engines, and practice good Search Optimization Techniques.
  3. Learn to use Email Marketing Effectively.
  4. Dominate your marketing niche with affiliate, reseller, and associate programs.
  5. Request an analysis from an Internet marketing coach or Internet marketing consultant.
  6. Build a responsive opt-in email list.
  7. Publish articles or get listed in news stories.
  8. Write and publish online press releases.
  9. Facilitate and run contests and giveaways via your web site.
  10. Blog and interact with your visitors.

Source: http://marketing.about.com/od/internetmarketingstrategy/a/internettips.htm

Restaurants Zürich

Tagesanzeiger: http://www.tagesanzeiger.ch/zuerich/stadt/Die-Top-10-der-Zuercher-Restaurants/story/25039549

Bester Italiener (gemäss Valerio): http://www.bocciacono.ch/ Da fühlt sich ein Italiener zu hause!

Restaurante Italia, Kreis 4, Weindegustation Zapfkasten und tolles Tagesrisotto!

A-Hua II, Helvetiaplatz: Hippstes Thai-Resti, table Sharing – Unbedingt Scharf bestellen, vor allem der super frische Papayasalat

Hiltl Buffett – Selbstbedienung. Nicht billig aber sehr spezielle internationale Vegi-Spezialitäten.

Frau Gerolds Garten – Tolles Sommerambiente

Best Low Budget Burger: Zgraggen Metzgerei Niederdörfli (direkt neben Stüssihof)

Casa Ferlín: http://www.casaferlin.ch/

Pizzeria Rosso, Hardbrücke

Academia del Gusto: http://www.essengehn.ch/de/restaurants_zuerich.html# (mit Discount-Büchlein)

Restaurant Köchlistube: http://zuri.net/zurich/18311/Restaurant_Kochlistube.htm

Helvti Dinner: http://www.helvti-diner.ch/wp-content/uploads/2011/09/111218_helvti_diner_menu_rev4.pdf

http://www.thefiftybest.com/restaurants/best_zurich_restaurants/

Oder Sushi hinter dem HB soll ganz gut sein

Nachtigall „Fleisch-Inferno mit Pommes Allumettes“.
Eichhörnli
Helvetia Restaurant: Selbst grillieren auf dem Dach im Sommer!

Hardhof

New ones:

Don Quijote – Tapas! http://www.zueritipp.ch/home/home/herzhafte-haeppchen/story/23212780

Some more good stuff:

Library-style: Sphères
Hipster Coffee Shop: Plüsch
Hot Chocolate: Café Schober
Authentic Spanish Tortillas: Toro Bar
Moules et frites: Les Halles
Thai: Tai Tawan, Tiffins

Even more!!

  • Razzia, Seefeld
  • LaSalle (Schiffbau)
  • Rüsterei, Sihlcity (sehr schönes Interieur)
  • Hiltl (very busy / lively)
  • Maison Blunt (Metze)
  • Steinfels (German Brauhaus style)
  • Moudi (small sister of Maison Blunt)
  • Café Bebek (stunning interior)
  • Restaurant Josef
  • ooo-zh.ch (Rooftop)

Ich wollte schon lange mal ins www.ginger-restaurant.ch

Südamerikanische Restaurants zu empfehlen:
– La Taqueria
– El luchador