4

Be A Skilled Money Making Machine with this Library of 65 Ebooks: $45

In these days everybody is hungry to learn all the things related to web design. Imagine to have a full Library that covers every topic related to this art? Sure you will be full of wisdom but empty pockets, to acquire more than 60 books can cost you thousands of dollars.

But now the Smashing Library have released its full library covering a wide range of topics:

  • Front-end development (CSS, HTML5, JavaScript),
  • Responsive Web design,
  • Mobile design and iOS/Android app development,
  • Psychology and UX design,
  • Content Strategy and Copywriting,
  • Typography and Design Legacy,
  • Photoshop, Illustrator and Fireworks,
  • Running a Web design business,
  • WordPress,

And much more topics written by remarkable professionals in the area, also the bundle includes an access for a full year of updates. In average Smashing Books release 24 New ebooks every year so you easily can take for granted a total 84 books in this bundle.Now the best part: they are pricing all this bundle for $45.

If you are like me and though: “nah this books maybe are from 2002 and talk about Internet Explorer 2.0” - but nope, I was very wrong. They’re very updated even you can have info about iOS and Swift program language, info very 2014.

The Website site the discount will last only 4 days, maybe they extend the days but I wouldn’t take the risk

Check all the info here: http://bit.ly/1scGyzU

Ukraine near 'point of no return'

Ukraine near ‘point of no return’

Please turn on JavaScript. Media requires JavaScript to play.

Ukrainian President Petro Poroshenko: “We are very close to the point of no return”

Ukraine’s president has said his country is “close to a point of no return – full scale-war”.

Petro Poroshenko was speaking in Brussels, where he said a meeting of EU leaders had agreed to prepare more sanctions against Russia.

EU foreign…

View On WordPress

Orientation change event in mobile browsers.

Lately I have been trying to get the orientation change event correctly for the many devices and their browsers we test our html5 websites against. The browsers we primarily test against are chrome and android native browser across S3, nexus 7in, samsung tab 10 in and safari across ipad and iphone.

So after much hit and trial and analysis I could reach a point where I can say it should work across all of these. Here is the code to that.

1.var isIOS = /safari/g.test(navigator.userAgent.toLowerCase());
2.var ev = isIOS ? 'orientationchange':'resize'; 
3.var diff = (window.innerWidth-window.innerHeight);
4.      $(window).bind(ev,function(){
5.          setTimeout(function(){
6.              if(diff*(window.innerWidth-window.innerHeight)<0){
7.                  orientationChanged();
8.          },500);
9.});

Line 2 takes up the resize event for any non-safari browsers since other browsers in other devices take up resize event more consistently than orientation change event.http://www.quirksmode.org/m/table.html

Line 5 performs the check in a timeout since what I found is that some of the android native browsers  dont take up the new dimensions immediately.

Line 6 For the orientation change to take place the product of the differences of old and new height and width should be negative. This accounts for the use case where the resize event is called for cases like keyboard opening up and browser is minimize and maximized.

Line 7 is where you can comfortably call your event where you can do whatever you want to make your site look good in new orientaiton.

GB secure double gold at Worlds

GB secure double gold at Worlds

Please turn on JavaScript. Media requires JavaScript to play.

Helen Glover and Heather Stanning win Worlds pair

30 August 2014
Last updated at
15:07

Venue: Amsterdam, Netherlands Date: 24-31 August

Coverage: Reports on the BBC Sport website, live on BBC Two on Saturday, 30 August 12:15-14:15 BST and Sunday, 31 August 12:00-13:45

Britain’s women’s pair and men’s four have won gold at…

View On WordPress

Yeoman で Web フロントエンドのひな形を作る
Yeoman は今風の Web フロントエンドのひな形を自動生成してくれるツール。 Python で言うところの PasteScript みたいなものみたい。

まずは npm で Yeoman (yo) と、ライブラリの管理ツール Bower、そしてタスクランナー Grunt をインストールする。
$ npm install -g yo bower grunt-cli

作成するテンプレートは generator-* という名前のパッケージになっている。 これは npm search で探しても良いし、yo コマンドから対話的にインストールすることもできる。
$ npm install -g generator-webapp

サンプルプロジェクト用のディレクトリを作る。
$ mkdir yeosample
$ cd yeosample

yo コマンドでひな形を生成する。
$ yo webapp

初回起動時は統計情報の匿名レポートを提供するか聞かれるのでお好みで。
[?] ==========================================================================
We're constantly looking for ways to make yo better! 
May we anonymously report usage statistics to improve the tool over time? 
More info: https://github.com/yeoman/insight & http://yeoman.io
==========================================================================: (Y/n) 

ここから先は使用するテンプレートに依存して、どういった設定で生成するか聞かれる。
     _-----_
    |       |
    |--(o)--|   .--------------------------.
   `---------´  |    Welcome to Yeoman,    |
    ( _´U`_ )   |   ladies and gentlemen!  |
    /___A___\   '__________________________'
     |  ~  |
   __'.___.'__
 ´   `  |° ´ Y `

Out of the box I include HTML5 Boilerplate, jQuery, and a Gruntfile.js to build your app.
[?] What more would you like? (Press <space> to select)
❯⬢ Bootstrap
 ⬡ Sass
 ⬡ Modernizr

実行が終わると CWD にひな形が生成されている。
$ ls
Gruntfile.js     bower.json       node_modules     test
app              bower_components package.json

Grunt には初期状態でタスクが用意されているので、例えば JSHint を実行したりできる。
$ grunt jshint
Running "jshint:all" (jshint) task

✔ No problems


Done, without errors.


Execution Time (2014-08-29 14:22:13 UTC)
loading tasks   4ms  ▇▇▇ 5%
jshint:all     76ms  ▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇ 94%
Total 81ms

また、serve タスクを実行すると簡易 Web サーバで動作確認できる。
$ grunt serve

今の Chrome ブラウザならデフォルトでライブリロードが有効になるかな? ダメなら手動でアクセスする。
http://localhost:9000/

テンプレートに必要なライブラリは Bower で管理される。
$ bower list
bower check-new     Checking for new versions of the project dependencies..
yeosample /Users/amedama/Workplace/yeosample
├─┬ bootstrap#3.0.3 (latest is 3.2.0)
│ └── jquery#1.11.1 (2.1.1 available)
└── jquery#1.11.1 (latest is 2.1.1)

なかなか良さげ。
Watch on allitadmin.tumblr.com

HOLY FUCKING SHIT NODE.JS IS SO EASY TO BUILD APPLICATIONS WITH.

I decided to jump from Python with the Flask framework to Node,js with the Express framework and holy shit it is so much easier and hell of a lot faster to develop with and program with.

In Python it would have taken me days to build up authentication with MongoDB connections and hash secrets, whereas it just took me an hour and half from scratch and without knowing Node.JS to do that, and its so seamless and instant and great.

Why the fuck didn’t I do this a long time ago.


Close

DAY 5

Did someone order a killer cube?

Today has been a very successful day for me in particular, I have managed to practice a lot of java scripting and gain a further understanding of how it works. As it stands I have quite a adequate knowledge of coding in Visual basic and rules that apply in most, if not all coding languages, i.e; Variables, Functions…

I managed to create the script for an enemy that will run at you if you get close enough, I also made it so that when it touches you it will destroy the first person controller. The killer ‘cube’ will serve well with a good monster model over it! A useful script to have up your sleeve when when creating a game like ours.

As a side project to test my javascript understanding I created a small Brick Breaker game in Unity. Some real progress has been made today on the coding ground.

- Joni

These are my saved Pinboard links for 29th August 2014:

  • .Create a data recovery/undelete external boot … | Apple Support Communities – Create a data recovery/undelete external boot drive
  • insanum/sncli – sncli is a Python application that gives you access to your Simplenote account via the command line. You can access your notes via a customizable console GUI that implements vi-like keybinds or via a simple command line interface that you can script.

    Notes can be viewed/created/edited in both an online and offline mode. All changes are saved to a local cache on disk and automatically sync’ed when sncli is brought online.

  • fastmonkeys/stellar – Stellar allows you to quickly restore database when you are e.g. writing database migrations, switching branches or messing with SQL. PostgreSQL and MySQL are supported.
  • Wonder Fries recipe on Food52.com – If you are looking for a good excuse to deep fry something — and who isn’t? — give these Wonder Fries a whirl. They are whole fingerling potatoes, first boiled then fried, and then topped with a lip-smacking miso mayonnaise and a nice bite of green onions. They are a starchy, savory bomb, highly addictive in both flavor and texture. Eat them fast not only because they’re good hot but because if you’re sharing these, you’ll have competition. When I eat fried potatoes, I like them on the salty side, but for some the miso mayonnaise might be salty enough, so I’ve made the finishing sprinkle of salt optional. If you like a little spice, add a splash (or more) of your favorite hot sauce in with the mayonnaise. These fries will have you wondering why you don’t make them all the time!
  • How to Make Veggie Burgers Without a Recipe – Forget about those frozen hockey puck-looking things. Associate Editor Marian Bull shows us how to make great veggie burgers at home — with whatever beans and spices you have on hand.
  • ☆ sweep.js ☆ – sweep.js is a small JavaScript library (5kb zipped) that enables proper color transitions through the HSL and HUSL spaces. Ordinary CSS transitions or existing frameworks like Velocity.js convert HSL colors to RGB before transitioning. sweep.js addresses this by letting you transition through the color spectrum.
  • A Spillo bookmarklet – BrettTerpstra.com – I’ve spent my free time the last few days playing with Übersicht, but I found enough time to try out Spillo. It’s a new Pinboard client for Mac, and it’s not bad at all.

    This isn’t a review, though. This is just a little helper for people who might also be using (or playing with) Spillo.

    My first wish was that it had a menubar-only mode. Just an icon in the menu bar and a hotkey to show the window or create a bookmark. You can close the window and use the bookmark creator without activating the app, though, so I let it go.

    Then I looked at browser integration and found that they only offered extensions, not bookmarklets. The extensions only launch a prepopulated “Add Bookmark” window from the app. If they offered a popup with search, tagging, etc., within the browser, I’d be fine with it. But for this, I’d rather have a bookmarklet that I can assign to a hotkey and customize as needed.

    I dug apart the Safari extension and figured out the URL scheme. Then I just added the ability to use text selected on the page to populate the description, with a fallback to the meta description for the page (the extension’s default).

  • Übersicht – Übersicht lets you run system commands and display their output on your desktop in little containers, called widgets. Widgets are written using HTML5, which means they
    are easy to write and customize
    can show data in tables, charts, graphs … you name it
    can react to different screen sizes
  • Citrus-Marinated Chicken Thighs Recipe | Epicurious.com – An aggressively seasoned marinade delivers big flavor.
  • Keybindings that everyone should have – BrettTerpstra.com – I’m very aware that while many are impressed with my massive keybindings file, 99% of people who check it out shy away from ever implementing it. Even I don’t implement all of it. I thought I’d point out a few of my favorites that you can set up on their own in a more manageable way.
Text
Photo
Quote
Link
Chat
Audio
Video