Tutorial by Examples: w

Search Bar in Table View Header

This example uses a search controller to filter the cells in a table view controller. The search bar is placed inside the header view of the table view. The table view content is offset with the same height as the search bar so that the search bar is hidden at first. Upon scrolling up past the top e...

iOS • UISearchController

Draw a display object into bitmap data

A helper function to create a bitmap copy of an object. This can be used to convert vector objects, text or complex nested Sprite's to a flattened bitmap. function makeBitmapCopy(displayObj:IBitmapDrawable, transparent:Boolean = false, bgColor:uint = 0x00000000, smooth:Boolean = true):Bitmap { ...

ActionScript 3 • Drawing Bitmaps

Create an archive of git repository with directory prefix

It is considered good practice to use a prefix when creating git archives, so that extraction will place all files inside a directory. To create an archive of HEAD with a directory prefix: git archive --output=archive-HEAD.zip --prefix=src-directory-name HEAD When extracted all the files will be...

Git • Archive

Show changes between two branches

git diff branch1..branch2

Git • Git Diff

Hello World

This is your cluster.js: const cluster = require('cluster'); const http = require('http'); const numCPUs = require('os').cpus().length; if (cluster.isMaster) { // Fork workers. for (let i = 0; i < numCPUs; i++) { cluster.fork(); } cluster.on('exit', (worker, code, signal)...

Node.js • Cluster Module

JSON API with ExpressJS

var express = require('express'); var cors = require('cors'); // Use cors module for enable Cross-origin resource sharing var app = express(); app.use(cors()); // for all routes var port = process.env.PORT || 8080; app.get('/', function(req, res) { var info = { 'string_value...

Node.js • Web Apps With Express

Building your own modules

You can also reference an object to publicly export and continuously append methods to that object: const auth = module.exports = {} const config = require('../config') const request = require('request') auth.email = function (data, callback) { // Authenticate with an email address } au...

Node.js • Exporting and Consuming Modules

Perfectly aligned buttons inside cards with flexbox

It's a regular pattern in design these days to vertically align call to actions inside its containing cards like this: This can be achieved using a special trick with flexbox HTML <div class="cards"> <div class="card"> <p>Lorem ipsum Magna proident ...

CSS • Flexible Box Layout (Flexbox)

Hello world program

This is a shell session showing how to create a "Hello world" program and run it with Cargo: $ cargo new hello --bin $ cd hello $ cargo run Compiling hello v0.1.0 (file:///home/rust/hello) Running `target/debug/hello` Hello, world! After doing this, you can edit the progra...

Rust • Cargo

Log for a range of lines within a file

$ git log -L 1,20:index.html commit 6a57fde739de66293231f6204cbd8b2feca3a869 Author: John Doe <[email protected]> Date: Tue Mar 22 16:33:42 2016 -0500 commit message diff --git a/index.html b/index.html --- a/index.html +++ b/index.html @@ -1,17 +1,20 @@ <!DOCTYPE HTML> ...

Git • Browsing the history

Show addresses on a google map in the profile view

On the profile view, show the profile fields of a user or group in a list as well as the address fields on a google map. - # app/views/profiles/show.html.haml %h1 Contact Information .profile_fields = render @profile_fields .google_map{data: address_fields: @address_fields.to_json } The ap...

Ruby on Rails • Using GoogleMaps with Rails

Set the markers on the map with javascript

Suppose, there is a .google_map div, which will become the map, and which has the address fields to show as markers as data attribute. For example:  <div class="google_map" data-address-fields="[ {label: 'Work address', value: ...

Ruby on Rails • Using GoogleMaps with Rails

Single file upload using Carrierwave

Start using File Uploads in Rails is quite simple, first thing you have to do is to choice plugin for managing uploads. The most common onces are Carrierwave and Paperclip. Both are similar in functionality and rich in documentation on Let's have an look on example with simple avatar upload image w...

Ruby on Rails • File Uploads

Generating a new mailer

To generate a new mailer, enter the following command rails generate mailer PostMailer This will generate a blank template file in app/mailers/post_mailer.rb named PostMailer class PostMailer < ApplicationMailer end Two layout files will also be generated for the email view, one for the...

Ruby on Rails • ActionMailer

Date Picker within DialogFragment

xml of the Dialog: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="mat...

Android • Dialog

Google Sign In with Helper class

Add below to your build.gradle out of android tag: // Apply plug-in to app. apply plugin: 'com.google.gms.google-services' Add below helper class to your util package: /** * Created by Andy */ public class GoogleSignInHelper implements GoogleApiClient.OnConnectionFailedListener, ...

Android • Integrate Google Sign In

Rescuing ActiveRecord::RecordNotFound with redirect_to

You can rescue a RecordNotFound exception with a redirect instead of showing an error page: class ApplicationController < ActionController::Base # your other stuff rescue_from ActiveRecord::RecordNotFound do |exception| redirect_to root_path, 404, alert: I18n.t("errors.record...

Ruby on Rails • ActionController

Logging a value without interrupting computations

Debug.log's second argument is always returned, so you could write code like the following and it would just work: update : Msg -> Model -> (Model, Cmd Msg) update msg model = case Debug.log "The Message" msg of Something -> ... Replacing case msg o...

Elm Language • Debugging

The Bitwise and Logical Operators (~, &, |, ^)

The Java language provides 4 operators that perform bitwise or logical operations on integer or boolean operands. The complement (~) operator is a unary operator that performs a bitwise or logical inversion of the bits of one operand; see JLS 15.15.5.. The AND (&) operator is a binary operat...

Java Language • Operators

Panel with heading

Easily add a heading container to your panel with .panel-heading. You may also include any <h1>-<h6> with a .panel-title class to add a pre-styled heading. However, the font sizes of <h1>-<h6> are overridden by .panel-heading. For proper link coloring, be sure to place links...

twitter-bootstrap • Panels