ようこそ、サル先生のGit入門へ。 Gitをつかってバージョン管理ができるようになるために一緒に勉強していきましょう！ コースは4つ。Git初心者の方は「入門編」からどうぞ。Gitを使った事がある方は「発展編」がおすすめです。さらに「プルリクエスト編」では、コードレビューする文化をチームに根付かせましょう。 「あれ？何だっけ…？」という時は「逆引きGit」で調べて見てくださいね。

2015-06-11 まだTinyPNGで消耗してるの？「pngquant」+「Automator」で画像圧縮にかける時間を限りなくゼロにしよう！ こんにちは。社内で最もカタチから入るWebデザイナー、アズマです。 最近は会社にコーヒーミルを持ち込んで手挽きコーヒーを淹れていますが、味の違いは完全にわかりません。意味ない。皆さん、デザインしてますか？ デザインはとても楽しいですね。 書き出したPNG画像を圧縮している時間を除けば。 画像圧縮にかける時間を圧縮したい！ ブラウザやアプリで表示する速さを少しでも上げてサービスの価値を高めるためには、 デザインしたファイルからPNGファイルを書き出すときに 圧縮して軽量化する必要がありますね。 圧縮率の高さとパンダのキモさに定評のあるTinyPNGなどのWebサービスを使っている方も多いのではないでしょうか。 ……が、しかし、この作業

In 1975, Spain relinquished administrative control of Western Sahara to a joint administration by Morocco (which had formally claimed the territory since 1957) and Mauritania. A war erupted between those countries and the Sahrawi National Liberation Movement, which proclaimed the Sahrawi Arab Democratic Republic (SADR) with a government-in-exile in Tindouf, Algeria. About the Map Disputed Territor

Management Consoleでオレゴンリージョンを選択する Amazon SES Dashboardで、左メニューから［SMTP Settings］を選択する SMTPのサーバ名、ポート番号、TLS利用有無、認証方法が表示される ［Create My SMTP Credentials］ボタンを押すと、クレデンシャルが作成される 送信用ユーザの名前（IAMユーザ名）を入力する デフォルトで名前が入っているが変更できる 作成するユーザに適用するIAMポリシーが、デフォルトで提供される ses:SendRawEmail Actionがが許可される IAMのManagement Consoleで、ユーザが作成されたことを確認する。ユーザを選択すると、User Pokiciesで先ほど適用したIAMポリシーを確認できる。 3 SMTP UsernameとSMTP Passwordが表示される

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

悩まないコーディングをしよう！ OOCSS,SMACSSを用いた、読みやすくてメンテナブルなCSS設計（Sass対応）

There are a lot of grid frameworks for us the to choose from while developing websites nowadays. Of the many frameworks, one of most loved and yet most hated framework is definitely Bootstrap. Today, I’ll like to introduce you to a slightly lesser known framework that has caught on for many people – Susy. In this article, I’ll show a comparison between Susy and Bootstrap’s grid system so you can f

はじめに Sassの@mixinはメンテナブルなCSS設計にも役立つ強力な機能です。 一方でゆるくも書けてしまうため、気をつけないと不格好なCSSが簡単に出力されてしまいます。 そこで@mixinを自作するにあたって、知っておきたい（おきたかった）基本知識をまとめました。何かの参考にでもなれば幸いです。 前提条件 ソースコードは.scss形式で記述しています Sass 3.4.4で動作を確認しています 使用しているModifierという単語は以下の通りです BEMと呼ばれる命名規則で使われる、基本的なスタイル（セレクタ・class）に追加する形で装飾を調整するclassのこと 目次 @mixinのおさらい 基本的な使い方 @contentの使い方 Modifierに無駄なスタイルを適用させたくない... @contentを使ってみる 制御用の引数を用意してみる 引数に配列（リスト）を使って

なんだかノウハウ溜まってきた感あるのでまとめる。 1. prefixの付与はautoprefixerに任せる方が良かった 基本的な部分だが、SCSSになんでもかんでもやらせようとするのはよくない。 例えば下記のようなprefix div { -webkit-box-shadow: 0px 0px 10px rgba(255,0,0,.5); -moz-box-shadow: 0px 0px 10px rgba(255,0,0,.5); box-shadow: 0px 0px 10px rgba(255,0,0,.5); } sass/scssであればCompass、Bourbon、lessであればLESSPrefixerなど、mixinとしてprefix付与を提供してくれるライブラリがあったりするが、これよりもautoprefixerによる解決をおすすめしたい。 gulpなどを導入していな

Bourbonシリーズ Bourbonは軽量ライブラリ throughbot製 ドキュメントが丁寧 Star数: 2632 今回除外したもの Profound grid サイトが黄色い。 最終更新が5ヶ月前とあまり更新が活発でなさげ Star数: 902 あまり活発でなさそうなので除外。 用語 用語みたいなものが複雑な感じでぶれそうなので 一旦このドキュメントでは下記のように定義しておく。 column 12分割などしたうちの1つ span 複数のcolumnを含むブロック gutter columとcolumの間の空白の隙間 Installation どちらもgruntなら

CSS Styleguide CSSにはスコープという概念が存在しないのでコードを指定する順番を管理してカスケーディングを意図した通りにおこなわせる必要があります。また、インデントや命名規則など好みや考え方が異なることも多いです。 スタイルガイドは知識を共有することで認識のズレをできるだけ無くし、制作をする上での約束事を決めることだろうと考えています。以下のガイドラインはCSSとSass（scss記法）を扱う上でベターだと考えていることをドキュメントとしてまとめたものです。 このガイドラインは2015年11月15日公開（2016年1月14日に改定）されたもので、最新のガイドラインはGitHubで公開しています。 css-styleguide | GitHub manabuyasuda はじめに このスタイルガイドはCSSを扱う上でベターだと思われる方法をまとめたものです。必ずしも正しいもの

2018/11/30 時点で 6.2.26 2016/01/13 時点で 6_2_12 2014/05/22 時点で 6_0_080 さくらサーバでは、php.ini で memory_limit = 256M で動作しています(日本語フォントが大きくなっていました ) 2013/09/11 時点で 6_0_025 『TCPDF をダウンロードして、Windows の任意のフォルダで TCPDF 同梱のサンプルを実行する為の設定』の続きです。 少し昔に比べると格段に専用フォントを作成するのが楽になっています。以前はツールアプリケーションをいろいろ実行した後手作業とかもあったのですが、今はその作業を行う処理を TCPDF そのもの(tcpdf_addfont.php)にさせるようになっていて、コマンドプロンプトから php で処理できます。 埋め込み : c:\php\php tcpdf_a

これはチャイルドシートの常識を覆すかも。。。 パソコン、電話、テレビ、カメラ、、、この世の様々なものが小型化され、便利な世の中になりました。 しかしながら、未だに「もっと小さくなってほしい！」と思ってしまうような、不便なものも沢山存在しています。 そのひとつが「チャイルドシート」。 もちろん一昔前に比べれば幾分か扱いやすいものに進化してきたことは事実ですが、まだまだあの代物は便利というには大きすぎると言えるでしょう。 ところが、この「Mifold」は、従来の10分の1サイズでありながら、同じ安全性を保証するチャイルドシート。 めちゃくちゃコンパクトなので鞄に入れて持ち運べるレベル。 なぜそのようなサイズが可能になったのか？その仕組みは単純明快です。 従来品は、「子供の座高を大人と同じ高さまで上げてベルトを締める」ものでした。 しかし「Mifold」は、「子供の座高はそのままで、ベルトの締め

個人的Apacheチューニングのメモ。 間違いがあったら教えて下さい！ prefork 前提 Apacheでは、リクエストはApacheの子サーバプロセスが処理する。 子サーバプロセスは動的にforkで生成されたり、殺されたりする。 が、forkはとても重い処理なので、forkが発生しないように設定するのがよい。 チューニング方針 負荷が高かろうが低かろうが常に一定数のプロセスが動いている状態にする。 preforkの動作 MaxClientsは絶対値。 子プロセス数はこの値を超えない。 （以下正確ではないですが簡単に） Apacheは負荷が高くなってきたら 子プロセスを生成していく アイドル状態の子プロセスはMinSpareServers以上になるよう維持 MaxClients以上の子プロセスは生成しない MinSpareServersよりMaxClientsが強い 負荷が低くなってきた