2013-03-03 02:31:00 通常、「@include “compass”」とすれば動くはずの mixin である「user-select()」が動かなくて調べたら、どうやらフレームワーク内のSCSSファイルをいじらなければならないようです。 応急処置的な事なのですが、以下の対応で一応は動くようになります。 1. gem のバージョンアップを行う コマンドプロンプトから「gem update –system」を実行する。 2. compass のバージョンアップを行う コマンドプロンプトから「gem update compass」を実行する。 一応、この時点で読み込めているか確認。動いていればここで対応終了です。 ちなみに、以下の対応も必要だった私の使用バージョンは「0.12.2 (Alnilam)」でした。 compass のバージョンを見る場合はコマンドプロンプトで「comp

2013-02-28 22:42:14 はじめに Compass は Sass（Ruby のライブラリ）を元に作られた CSS フレームワークです。 今回は Compass の導入から、簡単な使用方法までを明記します。 まず、Ruby、Sass、Compass の関係について簡単に説明します。 Ruby、Sass、Compass とは Ruby はオブジェクト指向スクリプト言語です。要はプログラム言語ですね。 Sass は、Ruby のライブラリの一つで、CSS のメタ言語（メタ言語というのは、その言語を生成するための言語なので、この場合は CSS を生成するための言語を指す）です。 なので、Ruby および RubyGems（Ruby のライブラリ管理ツール）がインストールされている必要があります。 Compass は、Sass を元に作られた CSS のフレームワーク（各アプリケーショ

2013-01-18 16:33:21 2013年1月15日に、jQuery1.9 が公開されました。 最後の Internet Explorer 6～8 サポート版だそうで、同時公開の jQuery 2.0 BETA1 ではついにそのサポートが無くなっているようです。 詳しいお話については「「jQuery 1.9」がリリース、最後のIE 6～8対応バージョンに」を参照してください。 で、Google Hosted Libraries も、1.9を読み込むようになりました。 常に最新版を読み込んでいる方は、今日あたりから 1.9 が読み込まれていると思います。 具体的には、jQuery を以下のようなURLで読み込んでいる方ですね。 http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js 私も最新版を読み込むようにしているので

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

This domain may be for sale!

2012-12-31 00:38:04 今年も24時間を切りました！ 今年最後の記事として、Gunosy で拾った今年のまとめ系記事一覧をまとめてみました！ Web サイト作成 2012年総まとめ：ウェブ制作に役立つエントリーBest 20 私もよく利用してる Coliss のブックマークが多かったエントリーBest 20！ カフェやレストランのWebデザイン制作トレンド5個まとめ 2012年版 数年前からお店の簡単な広告用サイトであれば、簡単に作れる時代になりましたが、放置したまま流行遅れのままのサイトもとても多いです。 そんなサイトのリニューアル時にとても活用できるまとめではないでしょうか。 Web屋さんやブロガーさん御用達な画像素材サービスまとめ34サイト（2012年冬版） 商用可能なフリー素材は探すのが本当に面倒なので、こういうサイトがあるととても助かりますね。 何度も読み直したい

2012-12-29 19:39:20 jQueryUI dialog を使って、モーダル表示を実装しました。 当サイト右上の (・v・) マークをクリックするとモーダルが表示されます。 今回はダイアログをモーダルとして表示する事に加え、ダイアログ画面以外のブラウザ領域をクリックすることによって、ダイアログが閉じるようにしました。 以下、実装までの手順。 jQueryUI 読込設定 まず、jQueryUI の読込設定。 今回は Google の CDN を使用しました。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script type="text/javascript" src="http://ajax.googlea

2012-12-28 00:16:20 CSS3 のセレクタで E:nth-of-type(n) というものがあります。 E 要素の n 番目にだけ、スタイルを適用すると言うものです。 簡単なソースを紹介すると、以下のような感じ。 p { background: green; } p:nth-of-type(2) { background: red; } これで、ページ内にある p 要素の 2 番目の要素だけ、赤で表示されるようになります。 n には他にも数式が使用でき、奇数・偶数の指定などもできます。 すごく便利！ 詳しい説明については、下記サイトがわかり易かったです。 CSS3セレクタ「nth-child」と「nth-of-type」の使い方と違い で、Web Designer Wall にて、E:nth-of-type(n) を使用してのレスポンシブなレイアウト作成が紹介されていまし

2012年に紹介した数多くの英語のフリーフォントの中から、高品質なものを厳選して紹介します。 ※フォントを利用する際には、ラインセンスを必ずご確認ください。 また、日本語フォントは下記をどうぞ。 2012年版、漢字も揃っている日本語のフリーフォントのまとめ 数が多いため、書体ごとにまとめました。 最後だけは、個人利用のみ無料です。 Sans serif Slab Serif Script Retro Sketch Fancy Grunge 個人利用のみ無料 Sans serif

2012-12-16 14:56:22 WordPress で当サイトを作成するにあたって、色々行ったことまとめ。 どんなテーマを作成したいか まずは、WordPress のテーマを作成するにあたり、私のしたいことを以下に明記します。 WordPress を CMS として使用したい レスポンシブ Web デザインにしたい IE7 くらいまで対応させたい HTML5 + CSS3 で、角丸やアニメーションを実現したい SEO をある程度取り組んでいきたい で、これらの条件を満たすために私が使用した JavaScript やプラグインが以下となります。 WordPress を CMS として使用したい サイトの内容はいろんな物のレビューなので、ブログっぽい作りではあるんですが、ブログみたいにカレンダーとかコメントとかは必要なく、あくまで個人サイトっぽい感じに作りたかったのです。 やったことと

個人や商用で無料で利用できる日本語のフリーフォントを紹介します。年賀状の宛名にも使える縦書き対応のフォント、かわいい手書きフォント、読みやすいゴシックなどが揃っています。 ※フォントを利用の際には必ずライセンスをご確認ください。 最新版を公開！フォントの数が大幅に増えています。 2019年用、日本語のフリーフォント 366種類のまとめ

What is different between Android and iOS Android vs iOS: Exploring the Differences In the fast-paced world of smartphones, the battle between Android and iOS has been ongoing for years. … What is different between Android and iOS Read More