📖 Library

Library with latest short posts and courses.

Latest Tips & Tricks

• 2018-10-21

  Quantity Selector in CSS

  Demonstration of querying and setting responsive styles to navigation with exactly 4 items and 5 or more items. The font-size is smaller when there are more items in the navigation. The grey border simulates the website shown in narrow width screen. Original idea from A List Apart—Quantity Queries for CSS.

  Read more →

• 2018-10-20

  iOS UIButton 的相片圖片伸展

  

  imageButton.imageView?.contentMode = .scaleAspectFill
  
  imageButton2.imageView?.contentMode = .scaleAspectFit
  
  let image = UIImage(named: "button.png")?.resizableImage(withCapInsets: UIEdgeInsets(top: 10, left: 10, bottom: 10, right: 10))
  backgroundButton.setBackgroundImage(image, for: .normal)
  

  Read more →

• 2018-10-19

  UIButton Background Image Stretching with 9-slicing

  Read more →

• 2018-10-14

  A quick example on ISO8601DateFormatter and sorted(by:) function

  Here is an example of using ISO8601DateFormatter and sorted(by:) in Swift and iOS.

  ISO 8601 is the YYYY-MM-DD format to represent date. In ISO8601DateFormatter, Swift expects the time as well: YYYY-MM-DDTHH:MM:SSZ. If we simply need the date without the time, we can set the .withFullDate format option.

  let dateFormatter = ISO8601DateFormatter()
  dateFormatter.formatOptions = .withFullDate
  let date = dateFormatter.date(from: "2018-10-11")
  

  Read more →

• 2018-09-20

  Enabling `:active` styling in mobile device

  The following JavaScript enables the :active style.

  document.ontouchstart = function() {};

  Then, we set the button to have transparent tap highlight:

  .button {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
  }

  Read more →

• 2018-09-19

  Upgrade Cloud9 IDE to PHP7

  wget https://raw.githubusercontent.com/imanseau/Cloud9-PHP7-Upgrade/master/cloud9-php7-upgrade.sh
  sudo chmod +x cloud9-php7-upgrade.sh
  ./cloud9-php7-upgrade.sh
  

  Source: https://github.com/imanseau/Cloud9-PHP7-Upgrade

  Read more →

Courses