タグ

2014年7月2日のブックマーク (4件)

  • 【商用利用可】フリー素材配布サイトのまとめ

    こんにちは、工藤です。 今回はwebデザインに欠かせない、商用利用可のフリー素材を配布してくださっているサイト様をまとめました。 利用規約等は各サイト様でご確認いただければと思います。 写真素材 イラスト素材 アイコン系素材 写真素材 写真素材 足成 http://www.ashinari.com/ とにかく扱っている写真の種類が多いサイトです。 ここを見るとだいたい欲しいな、と思っている風景写真に出会うことができるのでありがたいです。 PAKUTASO/ぱくたそ http://www.pakutaso.com/ 写真をきれいに加工してから配布してくださっています。 また、特集などを組んで写真を配布してくださっているのでつい定期的に見に行ってしまうサイトです。 無料写真素材 写真AC http://www.photo-ac.com/ 主に人物写真にお世話になっています。シチュエーションが幅

    【商用利用可】フリー素材配布サイトのまとめ
  • [JS]実装が簡単!要素にclassを加えるだけでCSS3アニメーションを自在に使えるスクリプト -CSS3 Animate It

    アニメーションの一覧 CSS3 Animate Itの使い方 Step 1: 外部ファイル 当スタイルシートとスクリプトとjquery.jsを外部ファイルとして記述します。 <head> ... <link rel="stylesheet" href="css/animations.css" type="text/css"> </head> <body> ... <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src='js/css3-animate-it.js'></script> </body> Step 2: HTML HTMLはまずは、通常通りに各エレメントを配置します。 <div> <h2>見出し</h2> </div> 親要素に「.animat

  • [CSS]背景画像をブラウザいっぱいに表示するシンプルな最新テクニック

    背景画像をブラウザいっぱいに表示するスタイルシートのシンプルなテクニックを紹介します。 デスクトップだけでなく、スマフォやタブレットにも対応、しかもたった一行なのでスニペットに加えておくと便利です。 デモを幅480pxで表示 コンセプト 「background-size」をビューポート全体をカバーするために使う 「background-size」はレスポンシブ対応にする時に非常に有効なプロパティです。値に「cover」を使うことで、背景画像を相対的に自動で調整します。 ※IE8以下はサポートしていませんが、後述のスクリプトを使用するとbackground-sizeが機能するようになります。 「Media Queries」をスマフォ対策として使う スマフォなどの小さいサイズのスクリーン用にMedia Queriesを使って、小さいサイズの画像ファイルを使うことができます。もっともこれはオプシ

  • CPI:CPIサーバでPOSTの値が文字化けする対処方法 | raining

    CPIのサーバを使用した時にPOSTで渡されるデータが文字化けしてしまったので対処方法をメモします。 文字化けする原因はCPIサーバのPHPの文字コードがEUC-JPで設定されている為、UTF-8で制作している場合POSTの値が文字化けしてしまいます。 対処方法としてはphp.iniの設定を変更するか、POSTの値の文字コードを「mb_convert_encoding」で変換します。 ■ php.iniの設定を変更 1.CPIのWEBコントロールパネルにログインします。 2.「お客様情報」→「プログラムのパスとサーバの情報」をクリックします。 3.「プログラムのパスとサーバの情報」画面の下部に「PHP iniの設定情報」があるので、指定のPHPのバージョンをクリックします。 4.「PHP iniの設定情報」画面が表示されるので、設定内容をコピーし、php.iniを作成します。 5.作成した