いまどきの SCSS 運用方法 - tokuhirom's blog
最近は scss をつかっています。SCSS の運用についてまとめておこうとおもったので、まとめます。 scss --watch を手元でうごかす運用などをすると、scss と css の両方を git レポジトリにコミットすることになって残念ですし、生成された css を直接いじる人があらわれてまきもどったりするのでそういった運用は避けています。 開発環境についてPlack::Middleware::Scss::Lite ( https://github.com/tokuhirom/Plack-Middleware-Scss-Lite ) というミドルウェアを配置して利用しています。これはリクエストがあったタイミングで scss コマンドがはしります。 実行する際、scss コマンドは、エラーメッセージも stdout に出力するので、stdout を capture することが肝要です
６００以上のシンプルなベクターアイコンが入手できる「iconmonstr」:phpspot開発日誌
iconmonstr ６００以上のシンプルなベクターアイコンが入手できる「iconmonstr」。 次のようなシンプルなベクターアイコンが６００種類以上公開されています。 Twitterだと公式アイコンもありますし、若干アレンジしたデザインのものもあります。 とにかく種類が豊富でベクターなのでリサイズ可能というところでのアイコンをお探しの方には調度良いかも。 全体的にクオリティは統一されていて使いやすそうです 関連エントリ RetinaディスプレイOKなアプリ用PSDアイコン350 綺麗にデザインされたピクトグラムアイコン100個セット iOSのAppアイコン作成用PSDテンプレート フリーのアイコンフォント１０まとめ
jquery.n3.cropper Overview
このコードで、 jQuery("#target").n3Cropper({ width : 150, height : 150 });
コーディングを大幅に効率化できるFireworksの拡張機能「Specctr」 | FireWorks.20
管理者のTwitterです。更新情報もお伝えしてます facebookページです。是非いいね！を RSSの登録はここからどうぞ ご連絡の際はこちらか"Contact"へどうぞ 既にほかのブログ様で既にご紹介されたりもしてますが、カンバス上にコーディングをする上で便利な情報を表示してくれるFireworksの拡張機能「Specctr」が、評判通り、いやそれ以上に便利だったのでご紹介します。コーディングを効率化できることは間違いないかと。無料版もあるのでぜひお試しあれ！ まずはSpecctrの公式サイトから拡張機能をダウンロードしましょう。（無料版でもメールアドレスの入力が必要です） Specctr ダウンロードできるのは3種類 Specctr Pro 有料（$49）。Specctrの全ての機能が使えます。 Specctr TRIAL 無料。機能はProと同等。ただし利用できるのは試用期間（1
ウェブサイトをgzip圧縮で高速化する
ウェブサイトをgzip圧縮を使って高速化するカスタマイズを紹介します。当サイトでもgzip圧縮を利用しています。 １．gzip圧縮によるウェブサイト高速化のイメージ gzip圧縮によるウェブサイト高速化のイメージをご覧ください。 （クリックすれば拡大します） クライアント（ブラウザ）から、あるウェブサイトの「index.html」にアクセスしたとき、リクエストを受信したサーバでは、HTTPリクエストの分析や、「index.html」の圧縮ファイル「index.html.gz」の有無などをチェックして、圧縮ファイルが返却可能であれば「index.html.gz」を返却します。 返却できない場合は通常の「index.html」をレスポンスで返却します。 圧縮ファイルを返却できれば、データの転送量を減らすことができるので、これによりウェブサイトの高速化につながります。 圧縮ファイルは受信したブラ
えっ？ 脱獄してない国内iPhoneでテザリングできるアプリが出ちゃったみたい（追記あり）
えっ？ 脱獄してない国内iPhoneでテザリングできるアプリが出ちゃったみたい（追記あり）2012.07.20 14:25 小暮ひさのり ただしIntel Mac（OS X 10.6以上）が必要です。 このサービスはコネクトフリーが提供するテザリングサービス｢t.free｣。iPhoneには専用のアプリをインストールせずともOK。iPhoneのSafariを通じてMacでインターネット接続を利用できるというものです。 逆に、Mac側には接続用の専用アプリをインストールする必要がありますが、Safariを利用するっていうのがお手軽でユニークですね。なによりアプリで出すとアップルの審査が......ごにょごにょ。 この『t.free』、現在期間限定のベータ版として無料で試せるみたいですよ。早速僕もMacにアプリインストールしようとしたところ......。 こんな感じにエラーになってインストール
売れるサイトやLP構築のために絶対抑えておくべき色彩心理学の基礎
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. ランディングページのデザインにおいて、サイトの色彩は非常に大きな要素だ。 例えば、見込み客の嗜好やブランドイメージと合わない色をメインカラーにすると、それだけでコンバージョンは大幅に下がる。 少し想像してみて欲しい。例えば、このブログの背景が黒一色で、あなたが今読んでいるこの文字がまっ黄色だったらどう思うだろうか？どれだけ役に立つことが書いてあっても、何となく嫌悪感を感じるはずだ。 また、例えば、Amazonのサイト内の購入ボタンが真っ黒だとしたらどうだろうか？購入意欲が下がることは間違いないだろう。 ここまで極端ではないにしろ、ランディングページやサイトの色彩の選択を間違えると、コンバージョンが下がるということは実感して頂けたと思う。
私がWebサイトの配色を決める時の流れ
ここで得た言葉を元に配色を組み立てていくことになるので重要な部分です。 伝えたいイメージは多くの場合、「明るい」「可愛い」「落ち着いた」などの形容詞で表現されることが多いです。 ただ、言葉から連想されるものは人により誤差がありますので、 参考となるサイトや、商品など具体的にイメージしてるものも挙げてもらうと良いです。 下記はGoogleの画像検索「高級」の結果です。人によって抱くイメージは様々です。 「○○のような高級感」と具体的に伝えてもらうと良いです。 2.調査 競合となる他社サイトの配色を調査し、それらと同じような配色になることは避けます。 ただし同業の全てのサイトと被らないようにするのは無理があるので、 商圏内で競合となる他社のみを比較対象とします。 また、既にクライアントが名刺やパンフレット、フライヤー、ノベルティやなどを制作していたら見せてもらったり、 店舗であれば外観・内装の
みんなのアイデア会議室 - Blabo! (ブラボ)
思いついたら、Blabo! 生まれては消えていく、小さなひらめきを、ひとつでも多く残せたら。 思いついたアイデアや、もうちょっとこうだったらいいのになあ、という声を、 いつでもシェアできるコミュニティです。 どこに住んでいるか、どんな仕事をしているかは関係ない。 あなたの中にある発想を引き出して、「わたしたちの欲しい」を作っていきましょう。 ①依頼が届く 企業や地域の方など、今こそみなさんの思いつきがを必要！という方からの依頼が届きます。 ②書き込む アプリやサイトを立ち上げて、あなたの思いつきを書き込んでみてください。 ③実現する みなさんから集まったアイデアが、商品やサービスといった実際のかたちに！
Mac歴5年の私が実施してるMacの簡単メンテナンス | Macとかの雑記帳
私が普段行っているMacのメンテナンスです。初心者でもできる簡単なもので、Macユーザーなら最低限やった方がいいと思うもの4つです。 1. 再起動 「えっ？」と思うかもしれませんが、電源を落とさずスリープモードで長い期間使っていると、徐々に調子が悪くなることがあります。使用状況によりますが、1週間に1回は再起動してます。 2. バックグラウンドメンテナンスタスク 10.4 Tiger 以降のOS Xには、自動でメンテナンスを行う機能が備わっています。俗に「メンテナンススクリプト」呼ばれるもので、キャッシュや/tmp以下の一時ファイル等を削除してくれます。 この機能、10.7 Lionの設定ファイルを見ると以下の時間に実行されるようです。 毎日、早朝の03:15 毎週、土曜日の 03:15 毎月、1日の05:30 この時間にシステムが終了してたり、スリープ状態の場合はメンテナンスは行われませ
[CSS]CSS3アニメーションを使ったスタイルシートのテクニックのまとめ
アニメーションといえばFlashやJavaScriptが主流でしたが、CSS3の登場でアニメーションを手軽にウェブサイトに利用できるようになってきました。 CSS3アニメーションを使った実用的なテクニックから、実験的なすごい作品までを紹介します。 対応ブラウザはほとんどのものがChrome, Safari, Firefox4となっています。 ※デモページは明記がないものは全てFirefox4での表示です。
CSS3を使ってできる画像まわりのエフェクトやスタイリング18
CSS3を使った画像のエフェクトやスタイリングについて、思いつく限り一挙にまとめてみました。 たくさん画像を扱うサイトなどを作る際に、CSSでできる表現のカタログとして使ってもらえたらと思います。 ※ 2/24 「2. めくれた風」を書き忘れていたので追記しました 目次 1. シャドウ 2. めくれた風 3. トイカメラ風トンネル効果 4. カラー調整 5. 回転 6. 角丸 7. 楕円のフレーム 8. 円のフレーム 9. 三角形フレーム 10. 重なった風 11. ぼかし 12. フェード（シャドウ編） 13. フェード（グラデーション編） 14. 反射 15. リボン 16. 差し込んだ風 17. フレームだけを傾ける 18. 半透明フレーム まとめ ※ 実際の表示はこちらから確認できます。 ※ この記事で掲載しているCSSは、シンプルにするためにベンダープリフィックスを付けていません
PIXELAPSE and DROPBOX
Five years ago, Min Ming and I had this notion that designers didn’t have access to the same types of structured collaboration tools that programmers had built for themselves with CVS, SVN and later git. Min Ming had worked as a designer at Google where he found that assets were internally organized in a single massive shared folder. Finding the latest version of a file was nearly impossible with
champagne.js | fresh tilled soil
built by fresh tilled soil hello hola bon giorno ni hao guten tag namaste hello bonjour hola bon giorno ni hao chao guten tag namaste bonjour hola ni hao chao guten tag namaste hello bonjour hola bon giorno
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML［table要素］表がレイアウト目的でないことを示す（廃止） - TAG index
Google Code Archive - Long-term storage for Google Code Project Hosting.
調査のチカラ
http://fukuyama.co/imagealpha
