「Compass」、基礎から応用まで！ | 株式会社LIG
こんにちは、デザイナーの王です。 今回の記事ではCompass使いになるための必要最小限の知識から応用まで、体系的にひと通り紹介していきます。 全くの初心者でも問題ありません！ はじめに結論を言うと、CompassでCSSを書くと 早い！ 見やすい！ メンテしやすい！ コード量がぐっと減る！ 一度使い出したら最後、もう元には戻れない！ 一体どこまで便利なのかずらずら書くよりも、百聞は一見にしかず！ 簡単なプロジェクトを通して、各特徴について紹介した短いデモ動画を用意したので、まずはこちらを見てください！ Compassとは？ Compassを語る前に、まずは「Sass」を知っておく必要があります。なぜなら、CompassはSassを元に開発したフレームワークだからです。 Sassとは では「Sass」とは何かと言うと、正式名称は「Syntactically Awesome Style Sh
「designclue」世界60ヶ国のデザイナーがコンペに参加するクラウドソーシングサイトがすごい 【増田 @maskin】 | TechWave（テックウェーブ）
[読了時間: 2分] 就労形態に依存せる仕事ができる可能性を拓くとして、日本でにぎわいを見せるクラウドーソーシングサービス。 その中でもPurpleCowは異色中の異色と言えるだろう。2012年9月19日にオープンしたクラウドソーシングサイト「designclue」では、コンペ形式で世界60か国超(2013年1月15日現在) のデザイナーに発注することができる。 PurpleCowは、帰国子女である柴田憲佑氏と手島恭平氏の2名で立ち上げたスタートアップ。 CEO 柴田氏は「国に関係なく仕事できる環境を」とグローバルなクラウドソーシング事業を画策。実際に始めてみるとスピードと数、そして日本では比較的安価な設定にもかかわらず、世界の地域によっては「1件確定するだけで、3か月暮らせる」といった人も出てくるなど、インパクトが大きいと感じているとのこと。 現在、応募総数は5000作品超。85%以上が
モバイル開発者のための Dropbox Sync API が公開
Dropbox の開発者向け Blog で紹介されていますが、Dropbox は新たに iOS や Android 上で動作するアプリケーションに、Dropbox の同期機能を組み込むための API、「Dropbox Sync API」 を公開し、同時にそれぞれのプラットフォーム向けソフトウェア開発キット （SDK） も提供開始しました。 Introducing the Dropbox Sync API for mobile developers ： Dropbox Developer blog Dropbox Sync API Hey Developers! Get ready to add some Dropbox magic to your apps with the Sync API for iOS and Android, a powerful new library that
Subtle Patternsのパターン画像を閲覧中のサイトの背景として表示確認できるブックマークレット・SubtlePatterns Bookmarklet
使いやすいデザインのパターン画像を公開してくれているサービスのSubtle Patternsの画像を閲覧中のWebサイトの背景として表示確認が出来る、というブックマークレットです。愛用している方は如何でしょう。 Subtle Patternsはパターン画像を公開しているWebサイトで、そのパターン画像を閲覧中のWebサイトの背景として表示確認出来る、というブックマークレットになります。
テキスト表現力を豊かにするタイポグラフィ関連jQueryプラグイン１０:phpspot開発日誌
10 jQuery Plugins to Enhance Your Web Typography テキスト表現力を豊かにするタイポグラフィ関連jQueryプラグイン１０がまとまっています。 これらを覚えておけば、分かりやすさを向上させたり、画像オーサリングツールなしでデザイン性の高いサイトを作れそうです。 一昔前なら、全部画像という感じの物がjQueryプラグインで実現できるあたりは素晴らしい テキストでなく、画像であることで、プラットフォームによって崩れることは防げるメリットもあるので、シーンによって使い分けしたいところですね。 関連エントリ jQuery＆CSS3でここまで出来るタイポグラフィエフェクトのサンプル集
特定の範囲内にのみスタイルを適用できる scoped 属性
HTML5 で追加された scoped 属性は特に目新しい属性ではありませんが、ここまで正式に対応したブラウザが存在しなかったため、使う機会がありませんでした。ところが、ここにきて Firefox Nightly が対応したそうなので、ちょこっと試してみます。 HTML5 で style 要素に追加された scoped 属性は特に目新しい属性ではありませんが、ここまで正式に対応したブラウザが存在しなかったため、使う機会がありませんでした。ところが、ここにきて Firefox Nightly Builds が対応したそうなので、ちょこっと試してみます。 Firefox Development Highlights - Windows での H.264 & MP3 サポート、スコープが設定されたスタイルシート など ： Mozilla Developer Street (modest) sco
WordPressでサイトをつくるとき、デザインやコーディングでちょっと気をつけるだけでハッピーになれるかもしれない3つのコツ
WordPressでサイトをつくるとき、デザインやコーディングでちょっと気をつけるだけでハッピーになれるかもしれない3つのコツ 2013.02.07 | 制作あるある 夜遅く帰ってきて、夜中だけどこんなものを食べてしまったサーモンです。 夜食ってなんでこんなにおいしいんでしょうね？ わたしがなぜ、サーモン色になったかというと、決して食いしん坊だから、とか、もう選ぶ色がなかったとかそんなことではないですよ。 私は請負で仕事をすることが多いので、ディレクターさん、デザイナーさん、コーダーさん、そしてWordPress構築、バラバラに集まったりすることがあるわけです。 そうすると、みんながみんなWordPressのこと分かってるわけじゃないので、ちょっとした行き違いがおきたりして、うまく進まなくなっちゃったりすることがあるんですね。 設計とか運営とか、ホント考えるべきことはいろいろあるんですけど
GoogleドライブにWebホスティング機能が追加
Googleドライブに公開設定のフォルダを作り、Webページの構成要素をアップロードすることで、Googleドライブ上でWebページを公開できるようになった。 米Googleは2月5日（現地時間）、クラウドストレージサービス「Googleドライブ」にWebホスティング機能を追加したと発表した。 使い方は以下の通り。 Googleドライブに新規フォルダを作成し、公開設定にする フォルダにWebページを構成するHTMLファイルやCSSファイルなどの一式をアップロードする フォルダ内のHTMLファイルを開く 編集ページのメニューバーにある「プレビュー」をクリックする（下図A） 表示されたページのURLが公開ページのURLになる（下図B）
MySQL 5.6正式版が公開。オプティマイザやInnoDBの向上でさらに高速。クラッシュセーフなレプリケーションなど
MySQL 5.6正式版が公開。オプティマイザやInnoDBの向上でさらに高速。クラッシュセーフなレプリケーションなど 米オラクルは、MySQL 5.6の正式版が公開されたことを発表しました。MySQLはオープンソースのデータベースで、無料で利用可能なMySQL Community Server 5.6.10も公開されています。 MySQL 5.6のおもな新機能はプレスリリースやドキュメント「What's New in MySQL 5.6」で紹介されています。本記事ではこれらと、オープンソースカンファレンス 2012 Tokyoで公開された日本オラクル 山崎由章氏の資料「圧倒的な進化を続けるMySQLの最新機能」（PDF）の一部を引用しつつ主な機能を紹介します。 オプティマイザ、InnoDB、レプリケーション MySQL 5.6では、SQLを解析して実行するオプティマイザの改善と、データベ
コーディングする時のスライス方法とか - CSS HappyLife
珍しく、Photoshopネタでも。 コーディング関係だからこのブログの主題っぽい！ 今回は、PhotoshopCS6を利用したスライスに関するアレコレです。 コーディング時にはスライスは必須ですし、一番面倒な部分なので少しでも効率良くスライス出来ると良い感じですよね。 内容としては、スライスの基本からって訳じゃないので、最低限スライスツールが使えてる方を対象にしたような感じになってると思います。たぶん。 ちなみに、面倒な説明しなくていいから分かりやすい様に動画ベースでやっていきます！ Photoshopを起動します 何はともあれ、Photoshopを起動します。 これはすごく重要な作業です。 Photoshopは重いので起動するのがダルいですね。ウチのVAIO Zが頑張ってます。 CS3の頃はサクサクで良かったんですが。 起動したら、psdファイルを開きましょう。 普通のスライス まずは
株式会社DXディライト｜Salesforce導入コンサルティング
DXディライトは、見込み客の獲得から顧客化、受注後の業務フローの構築など、Salesfoceを中核にあらゆる部門の業務環境・フローの構築をご提案いたします。Salesforceの認定パートナー。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS Converter, convert CSS, SASS, SCSS to minified CSS and visa versa.
SASS/SCSS+COMPASS+zurui-sass-railsで角丸・グラデ・半透明・テキストシャドウ・ボックスシャドウ | | Scimpr Blog
新着記事
SVGグラフィックを手書き風アニメーションさせられる「Lazy Line Painter」:phpspot開発日誌