GTmetrix | Website Speed and Performance Optimization
https://gtmetrix.com/
[マーケティング] 読まれるメルマガに必要なものは
メルマガを使ったマーケティングは一般的だけど、以下の調査報告が参考になったので覚え書き。
メルマガ閲覧の判断基準は「件名」が5割/読まれるメルマガに必要なのは「お得感」【ライトアップ調査】:MarkeZine(マーケジン)
http://markezine.jp/article/detail/22951
以下抜粋。
- メールからの情報接触が9割以上/LINEは約1割
- 購読されるメルマガに必要なのは「ユーザへのお得感」
- 読むか読まないかの判断は「件名」
[jQuery] Zoom.js – 画像を滑らかにズームするプラグイン
動きが滑らかで見た目も良い。組み込みが簡単なのもいい感じ。
デモサイト
http://fat.github.io/zoom.js/
fat/zoom.js
https://github.com/fat/zoom.js
使い方
1 2 3 4 5 6 |
<link href="css/zoom.css" rel="stylesheet"> <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script> <script src="js/zoom.js"></script> <script src="js/transition.js"></script> <img src="images/sample.png" data-action="zoom"> |
[開発手法] チーム開発の進め方
以下の記事が面白かったので覚え書きリンク。
チーム開発の進め方 – クックパッド開発者ブログ
http://techlife.cookpad.com/entry/2015/06/04/180218
以下抜粋。
- 1-2ヶ月でリリースまで持っていく開発の進め方
- 大事なのは「見える化」と「コミュニケーション」
- まっさらな状態からコードをドンドン書いていくと比較的早く破綻する
- まずは全員で時間を作りやらなきゃいけないタスクの洗い出し
- 次に出したタスクの重さを決める (SP=ストーリーポイント)
- 次にイテレーション期間を「水曜日始まりの1週間を1イテレーションとする」と決める
- それぞれのイテレーション期間でどのタスクを行うかを決めていく
- 実際に開発を回していく。作業管理は「見える化」
- 水曜日には振り返りを行う。完全に完了したタスクのSPの合計がチームのパフォーマンス
- イテレーションを回していく。スケジュールをどんどん正確にしていく
- チームのパフォーマンスチューニングの基本は「推測するな、計測せよ」
[Bootstrap] navのドロップダウンに区切り線を入れるには
覚え書き。
1 |
<li class="nav-divider"></li> |
参考サイト
twitter bootstrap – How can I get “divider” displayed for “nav-pills” and “nav-stacked” – Stack Overflow
http://stackoverflow.com/questions/20664117/how-can-i-get-divider-displayed-for-nav-pills-and-nav-stacked
Using dropdowns / Navs / Bootstrap
http://getbootstrap.com/components/#nav-dropdowns
[HTML5] 背景に動画を配置したページの作り方
HTML5対応ブラウザであればCSSだけで実装できる。古いブラウザやモバイルは要注意。
1 2 3 |
<video src="video.mp4" autoplay loop id="bgvid"> <img src="video.jpg" alt="Placeholder"> </video> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
video#bgvid { position: fixed; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background: url(video.jpg) no-repeat; background-size: cover; } |
参考サイト
the new code – Create Fullscreen HTML5 Page Background Video
http://thenewcode.com/777/Create-Fullscreen-HTML5-Page-Background-Video
[Webサイト制作] 無料で使えるBootstrap系テーマまとめ
Bootstrapはデザインが不得意なプログラマの救世主。ありがたや。
Start Bootstrap – Free Bootstrap Themes and Templates
http://startbootstrap.com/
64 Free Bootstrap HTML Templates | TemplateMag
http://www.templatemag.com/free-bootstrap-templates/
Black Tie – Free Handsome Bootstrap Themes
http://blacktie.co/category/themes/
Bootswatch: Free themes for Bootstrap
http://bootswatch.com/
Material Design Lite
http://www.getmdl.io/
[Webサービス] Squarespace Logo – ロゴ作成
The Noun ProjectのクリップアートとGoogle Fontsを組み合わせたオンラインのロゴ作成サービス。非商用利用は無料。商用使用は有料$10とのこと。シンプルな使い勝手でいい感じ。
Squarespace Logo — Squarespace
http://www.squarespace.com/logo/
作ってみた。
[ソフト] Virgo – コンパクトな仮想デスクトップマネージャ
シンプルでコンパクトな仮想デスクトップマネージャ。ちょっと使ってみよう。
papplampe/virgo · GitHub
https://github.com/papplampe/virgo
Virgo is a 7 Kilobyte virtual desktop manager for Windows – gHacks Tech News
http://www.ghacks.net/2015/05/26/virgo-is-a-7-kilobyte-virtual-desktop-manager-for-windows/
[Laravel] Scopeの使い方
頻繁に使う条件はScopeとして定義しておくことで、再利用が容易になる。
実装
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 |
<?php namespace App; use Illuminate\Database\Eloquent\Model; class User extends Model { /** * Scope a query to only include popular users. * * @return \Illuminate\Database\Eloquent\Builder */ public function scopePopular($query) { return $query->where('votes', '>', 100); } /** * Scope a query to only include active users. * * @return \Illuminate\Database\Eloquent\Builder */ public function scopeActive($query) { return $query->where('active', 1); } /** * Scope a query to only include users of a given type. * * @return \Illuminate\Database\Eloquent\Builder */ public function scopeOfType($query, $type) //引数を取るScopeも定義できる { return $query->where('type', $type); } } |
使い方
1 2 |
$users = App\User::popular()->active()->orderBy('created_at')->get(); $users = App\User::ofType('admin')->get(); |
参考サイト
Eloquent: Getting Started – Laravel – The PHP Framework For Web Artisans
http://laravel.com/docs/5.1/eloquent#query-scopes