ウェブサイトをつくるうえで避けて通れないのがIEのバグとの戦いです。特にCSSのバグは凄まじく、何も知らずにIE6で表示確認なんかすると、その崩壊したサマにしこたま絶望感を味わうことになります。 IEと対峙するためにまず必要なのは、各バージョンごとの大まかな特徴を理解し、その付き合いかたに慣れることです。IE9以降は別としても「なんとなくやったけど何も問題なかった」なんてことは十中八九ありません。今回はその付き合いかたをまとめようと思います。 1. doctype宣言 IE6以降、doctype宣言の書き方によってCSSの解釈モードを変更するDOCTYPEスイッチという機能があります。解釈モードは次のふたつです。 標準準拠モード：CSSの解釈を、W3Cが定めた仕様にあわせるモード 後方互換モード：CSSの解釈を、バージョン6未満のIEにあわせるモード これらの最大の違いはボックスモデルの解
先日、郵便番号から住所を補完する jQuery のプラグイン jquery.ajaxzip2 を紹介しました。 これは AjaxZip 2.0 - Ajax郵便番号→住所自動入力フォーム（CGI不要版）を jQuery プラグインとして実装したもので、利用するためには自前で JSON 形式の住所データをサーバーに配置する必要がありました。そこで JSON 形式の住所データを準備しなくても良いように JSONP 形式の住所データも読み込めるように jquery.ajaxzip2 を少し拡張してみました。 外部の API を利用して住所を補完する JSONP については、詳しくは検索すれば情報が沢山でてきますのでここでは割愛しますが、要するに JSONP を使えば外部のサービスが提供する郵便番号検索 API などから住所を補完できるようになります。 郵便番号から住所データを引ける JSONP
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
参考サイト・参考ブログを集めてみたよ。暇な時に眺めるもよし、ブログネタを探しに行くもよし、最新のデザイン動向を勉強するもよしです。 Webデザイン業界はまさに光陰矢のごとし Webデザインに関する情報は日々刻々と移り変わっていきます。そんな流れの早いデザインに関するネタを探すときに役立つサイトをご紹介します。暇な時に眺めるもよし、ブログネタを探しに行くもよし、最新のデザイン動向を勉強するもよしです。 DesignDevelop 姉妹ブログとして、Design Worksというブログも運営されています。 Designdevelopの姉妹ブログ、毎日のインスピレーションに！をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中 CBCNET アートから商業デザインまで、幅広い話題が特徴。クリエイティブ系の求人
Web上ではよく使用する見出しデザイン。 「CSSで作る？それとも画像を使う？」と、デザインに迷ったときに参考になるサイトや、 新たな見出しの作り方を学んでみたいときに役立ちそうなサイトをまとめてみました。 Webサイト、ブログ作成時に必要となる見出しのデザイン装飾。 シンプルだったりしっかり目を引くデザインだったり、さまざまです。 今日はそんな見出しをデザインする際に参考になるサイトをまとめてみました。 まずは見出しデザインのバリエーションを知ろう 見出しデザインを取り扱っているデザインギャラリーサイトさんです 見出しデザイン.com http://midashi-design.com/ 100%見出しデザイン！デザイン別にカテゴリわけされています。 実際に見出しが使用されているサイトへジャンプして、 全体のデザインを見ることもできます。 ブブンデザインアーカイブ(見出しページ) htt
主に Mac + Safari にて動作確認を行っています。 お使いの環境で動作しないなどありましたら、最新のブラウザをご利用いただくか、下記お問い合わせ先までお問い合わせください。
こんにちは、デザイナーのサリーです。 JSを書けない私が、いろいろとパララックスのJSを漁ってみて、一番書き方がシンプルでわかりやすそうだったのが「jarallax.js」でした。 使ってみたら簡単でいい感じでしたが、ところどころクセがあって悩んだ箇所があったので、覚え書きの意味も兼ねて、今回はjarallax.jsの使い方を解説します。 （注：スマホやタブレットでは上手く動きませんので、PCでご覧ください。詳しくはこちら「パララックスサイトをつくるときにディレクターが気をつけるべき4つのこと」をどうぞ。） jarallax.jsとは？ パララックスの動きが実装できるJSです。その名の通りjQueryを使用します。 公式ページはこちら： http://www.jarallax.com/ HTML <!DOCTYPE html> <html lang="ja" dir="ltr"> <hea
Whilst many designers embrace flat design wholeheartedly, it seems a growing number have already tired of its charms and are casting around for the next big thing. One contender, being championed by some, is "long shadow" design. Long shadow design produces an effect like looking at an object late on a Winter's day, when the shadows lengthen to dramatic proportions. The effect adds a great deal of
フラットが最初にきた時ほど大きな波ではないと思いますが、単調なフラットなデザインのアクセントにつかえそうなじわじわきてる新しいデザイントレンド「long shadow design」を紹介します。 long shadow design 「long shadow design」は文字通り「長いシャドウを使ったデザイン」で、フラットなスタイルに奥行きを与えることができます。 dribbbleなどのアイコン作品でも最近よく見かけますね。
パララックスサイトについてまとめてみたよ！ もうみんな飽きてない？大丈夫？ パララックスの波に乗り遅れた人も、「パララックス」とは？というところから紹介しているのでぜひどうぞ。 もうみんな飽きた？まだ大丈夫？ どうも。katoppa!です。 パララックスサイト、流行っていますねー。ん？ご存知ないですか？ご存知ない方のために調べましたよ、パララックス！ パララックスサイトとは パララックス【parallax】 視差(しさ)。 -パララックス【parallax】の意味 – 国語辞書 – goo辞書より引用 視差らしいですよ視差。 …で、視差ってつまりどういうことなんだぜ？ し‐さ【視差】 １ 目と対象物との相対的位置の移動または差違による、網膜上の結像の位置の変化。対象物に対して、両眼の視線の挟む角度で表される、両眼視差によって対象物の遠近を知覚する。 -しさ【視差】の意味 – 国語辞書 –
AWSWordpress April 5th 2016 Amazon EC2でWordPress – Amazon S3にメディア画像等の静的ファイルを設置する方法 AWSWordpress April 5th 2016 Amazon EC2でWordPress – パーマリンクがうまく動作しない場合 AWSWordpress April 5th 2016 Amazon EC2でWordPress – SSH接続からWordPressのインストールまで AWSWordpress April 4th 2016 AWS Amazon EC2上でWordPressを動作させる方法 – EC2のインスタンス作成からMySQLの設定まで AfterEffects May 25th 2015 After Effects 埋め込み動画/静止画から指定色を透過させ、背景透過のPNG画像（連番）で書き出す方
Most of the time, the first contact a customer will have with your business is through your website. Consequently, the website could make or break your business. To ensure that the website makes it, having it be both aesthetically pleasing and user friendly is imperative. Look for five main features in a corporate WordPress theme before purchasing it: responsive design, colorization capabilities,
この記事について 今回は WordPress テーマの中から企業サイト用のテーマを集めました。 硬い雰囲気の物からデザイン性の強い物まで色々な業種に添って集められたのではないでしょうか。 あなたの会社のイメージに合うテーマが見つかれば幸いです。 無料テーマの紹介 HALICIA アイコンを随所に散りばめたデザインが特徴的なテーマ。 スライドギャラリーも2つ設置されており、視覚的な要素に力を入れている。 アイコンのデザインがポップなので硬くなりすぎない印象を与えたい場合に適している PICK UP「ポートフォリオ用スライドギャラリー」 Rocket Wood それぞれの情報がキッチリとエリア分けされているテーマ。 伝えたい情報を効果的に配置することができる。 Tweet 表示エリアが広く取られているので Twitter 上での活動が活発な会社に適している PICK UP「Twitter 表示
20 Best WordPress Themes for 2024 (Expert Pick) Last Updated on: January 1, 2024 Colin Newcomer Leave a Comment Are you looking for the best WordPress themes for your WordPress blog or website? Perhaps you want to upgrade from a free theme or change from a theme that isn’t working for you. There are thousands of themes out there, which is great for giving you options. However, it also makes it tou
You must enable JavaScript to use Dunked If you're seeing this message, then either your browser does not support JavaScript, or JavaScript has been disabled. Please enable JavaScript in your browser settings to continue.
ステンレス、チタニウム、ゴールド、カーボン、リサイクルペーパー、古紙、グランジなど、高解像度のフリーのテクスチャ素材をpsdGraphicsから紹介します。
2013年のウェブデザインのトレンドは、2012年のトレンドを伴いつつ、新しいエッセンスが加わりました。スマフォの普及、Windows8の登場に大きな影響を受けたトレンドもあります。 2013年も半分過ぎ、この半年によく見かけたトレンドをまとめたインフォグラフィックを紹介します。
最後はオプションで上から、サイズ変更、inputやbuttonなどのフォーム要素、ラッパー付きのボタン Buttonsの使い方 使い方は非常に簡単です。 Step 1: 外部ファイル Buttons.zipをButtons- GitHubからダウンロードし、外部ファイルとして記述します。 <link rel="stylesheet" href="css/font-awesome.min.css"> <link rel="stylesheet" href="css/button.css"> Step 2: HTML あとは、HTMLにボタンのスタイルを使うだけで実装できます。 デモのHTMLは、こんな感じです。 <a href="#" class="button button-rounded button-flat-primary">press me</a> <a href="#" clas
#sample1 li { position:relative; } #sample1 li:hover { background: #deb3ba; } .sample1-tooltips { display: none; position: absolute; bottom: -2.8em; left: 0.3em; z-index: 9999; padding: 0.3em 0.5em; color: #FFFFFF; background: #c72439; border-radius: 0.5em; } .sample1-tooltips:after { width: 100%; content: ""; display: block; position: absolute; left: 0.5em; top: -8px; border-top:8px solid transpa
あ、どうも。おはようございます。 本格的に大型連休ということですので巷でちょくちょく耳にする、「SASS」とか「SCSS」とか「COMPASS」というものに挑戦してみました。 参考にした記事 一体どこまで便利なのか、文字でずらずら書いてもしょうがないので、百聞は一見に如かずということで、簡単なプロジェクトを通して、各特徴について紹介した短いデモ動画を用意しておきましたので、まずはこれを見てみてみよ！ 連休中にテーマを作ろうそうしよう。あ、ついでにscssってのとcompassってのがなんかどうも便利っぽいのでちょっと調べてみよっかな。から始まって。結論から言うと「狂おしいほど便利で今までぼくは何をしてたんだ」というレベルでした。 CSSを拡張したメタ言語であるSass、そしてその別文法として定義されたSCSSについて、960.gsなどのCSSフレームワークと絡めて、Sass(主にSCSS)
もう完全にただのお知らせや告知ブログ...！ 初版の発売から4年経ち、ありがたいことに改訂のお話を頂いたので、6月～8月辺りに森田 壮さんと執筆を行い、2017年9月15日に改訂2版が発売しました。 かなり頑張って加筆・修正などを行ったので思ってたより大変な執筆でした。 初版と改訂2版の詳しい違いに関しては、サポートサイト に載せておいたのでそちらを見て頂けるとありがたいです！ 初版と改訂2版の違い | Web制作者のためのSassの教科書 改訂2版 - 公式サポートサイト せっかく久しぶりにブログを書くので、サポートサイトには書いてないことにでも触れて行ければと。 いよいよ明日発売の「Web制作者のためのSassの教科書」ですが、今回は、8章有る中でも特に読んでもらいたい章に関して、書きたいなーと思います。 今回の執筆はわりと気合い入ってるので、宣伝エントリーが多くてすみません＞＜ ちな
WindowsにCompassをインストールしてSASS/SCSS環境を構築する 今更ではありますがWindowsにCompassをインストールしてSASS/SCSSの開発環境を構築してみたいと思います。 投稿日2013年04月12日 更新日2013年06月27日 SASSはRubyのgem（プログラム）なります。 Macには最初からRubyが入っているのですが、Windowsだと入っていないのでインストールしましょう。 インストーラーを使用すると簡単です。下記URLからダンロードしてください。 ここでは現時点で最新版の「Ruby 2.0.0-p0」をダウンロードしてみます。 RubyInstaller インストールするときに、環境変数のPATHをチェックしておきます。 スタートアップメニューの「アクセサリ」から「コマンド プロンプト」を起動します。 ruby -v と入力して ruby
Ever find yourself needing to wipe your iPhone 15 Pro Max clean? Maybe you’re planning to sell it, following an iPhone guide at i5apps.com, or perhaps it’s just time for a fresh start. Whatever your reason, performing a factory reset is a straightforward process. By the end of this quick overview, you’ll know exactly how to restore your iPhone 15 Pro Max to its original factory settings. After you
※この記事はsass, compassっていうなんか便利そうだけど難しそうなのをちょっとでもやってみようなwindowsユーザー向けですー。 以前scss(sass)のことを書いた際は koala がオススメだよ！っと書きました。( windowsユーザーですのでね… しかしながら今一番使いやすいんじゃないかと思うのが今回書いた Prepros というコンパイル（プリプロセッサ）アプリ。 なんでこれを紹介するかって、compassで画像スプライトを作るという記事を書きたいからなんですよ。 compassをRuby入れてインストールしてあーだこーだ、ってのはちょっと敷居が高いので前もってコンパイラを紹介しておく手口。 Preprosにできること だいたいのプリプロセッサ言語に対応 (sass, compass, cofee script などなど) ライブブラウザ対応 コンパイル時に通知して
title: scss (sass) + compassがスーパー便利でびっくりしすぎて今さら環境を作ったり。Koalaで。 ※2013.06.19 に書いた Preprops が Koala より便利っぽいです。 連休中にテーマを作ろうそうしよう。あ、ついでにscssってのとcompassってのがなんかどうも便利っぽいのでちょっと調べてみよっかな。 から始まって。 結論から言うと「狂おしいほど便利で今までぼくは何をしてたんだ」というレベルでした。 環境作るのを忘れないためにφ(｀д´)ﾒﾓﾒﾓ… 環境作るのはちょっとめんどうですががんばりましょう。 ※今回は全てwindows7 x64環境になります。 compassとscssは何がどういいのか 論よりなんちゃら、もう見たらわかります。scssはsassの派生らしく、scssのほうが使いやすかったのでぼくはそちらを選択。 compassと
Super Awesome Button » Awesome Blue Button » Awesome Magenta Button » Awesome Red Button » Awesome Orange Button » Awesome Yellow Button » Super Awesome Button » Awesome Blue Button » Awesome Magenta Button » Awesome Red Button » Awesome Orange Button » Awesome Yellow Button » Super Awesome Button » Awesome Blue Button » Awesome Magenta Button » Awesome Red Button » Awesome Orange Bu
Until a while ago, web developers were forced to learn Photoshop or count with a trustful graphic designer to help them with things like shadows, gradients and stuff, this because there was no method to create these elements directly on CSS. Then the world saw the release of CSS3 with its fantastic features, which included of course making shadows. On this post we have gathered a big list with som
[CSS3] CSS 3のText-Shadowプロパティを使ったタイポグラフィー Pocket Tweet テキストに影を付けるtext-shadowプロパティですが、少し前まではSafariのみが対応していて、マックオタのサイトオーナー以外にはあまり使われる事はありませんでした。けどFirefox 3.5とOpera 9.5がCSS3での表現に一部対応したことで最近じゃチラホラ見るようになり、テキストで表現するタイポグラフィーのツールとしても使われる機会が多くなったような機がします。というわけでText-Shadowプロパティを使った、CSS3による指定方法を個人的にまとめてみました。 ソースのダウンロード text-shadow、基本的な指定の仕方 Safari向けに過去にtext-shadowを使ってきた人ならすでにご存じ、今まで通りのシャドウの付け方です。一般的な黒い影を落とした
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! With more people than ever writing in Sass, it bears some consideration how we format it. CSS style guides are common, so perhaps we can extend those to cover choices unique to Sass. Here are some ideas that I’ve been gravitating toward. Perhaps they are useful to you or help you formulate i
このリファレンスについて 元は社内提出用に書いたレポートです。 レポートは１ページに全内容が入っていてだいぶ見辛いので、リファレンスらしい感じに作りなおしました。 （ついでにかなり加筆修正しています） 内容はSass公式サイトのリファレンスを忠実に翻訳したものではなく、構成などを再編集したオレオレ仕様になっております。 もし内容に間違いなどありましたらご一報お願い致します。 おことわり 筆者が重度のChromerなので古いブラウザには全く媚びない悪びれない仕様です。新しいブラウザで御覧ください。
しばらく前から気になっていたCSSを書く時に便利だという「Sass」と「Compass」を自分のサイトを作る時に使ってみました。 順番に導入の手順を追ってもいいのですが、検索すると多くのサイトが紹介していますので、私が見て参考にしたページをまとめておきたいと思います。 Sassとは まずSassとは何かと言うと、CSSを生成するためのメタ言語で、これを利用することでCSSを早く書けたり、記述が楽になったりします。 Sassの公式サイトは以下から。 Sass – Syntactically Awesome Stylesheets Compassとは Sassを拡張して、便利な機能を追加してくれるものです。ベンダープレフィックスを自動でつけてくれたり、リセットCSSを呼び出してくれたり、CSSスプライトを使えたりします。 Compassのドキュメントは以下から確認できます。 Compass H
連載インデックス 「Webグラフィックをハックする」 知って得する、Webブラウザ上で利用できるグラフィック関連技術。 読み切りで分かりやすく紹介する 多彩な表現力のWebGLを扱いやすくする「Three.js」 Webグラフィックをハックする（5） Three.jsはWebGLの冗長な仕様をうまくラップし、扱いやすいインターフェイスで提供するライブラリだ。サンプルコードで、効率良く学ぼう
もともと、Appleが主にDashboardウィジェットの描画のためにWebKitに導入したCanvas API。サンプルコードと見比べながら、効率良く学習しよう Canvas APIの基礎 本連載では、Webブラウザ上で利用できるグラフィック技術を分かりやすく紹介しています。今回はHTML5のcanvas要素で使える2次元描画コンテキスト、俗にいう「Canvas API」を取り上げます。 Canvas APIは、もともとAppleが主にDashboardウィジェットの描画のためにWebKitに導入したものです。それがFirefoxやOpera、Internet Explorer（9以降）に実装され、現在はW3Cによって標準化が進められています。JavaScriptのメソッドで直接図形を描画するのが特徴で、ビットマップ画像の加工や、ゲームのようなインタラクティブ性の高いアプリケーションに向
面白法人カヤックがサイトリニューアル！ いきなり手前みそで恐縮ですが、今年の夏、面白法人カヤックがコーポレートサイトを2年ぶりにリニューアルしました。 「世界一更新頻度が高く、カヤックの活動がひと目で分かるコーポレートサイト」をコンセプトに、可読性が高く容量も軽いサイトに仕上げました。 ひと目見るだけで、最近のカヤックの動向が分かるようにニュースでTOPページを構成し、日々リアルタイムにカヤックの最新の情報を発信します。 技術的には、ブラウザのウィンドウサイズによって拡縮する画像はベクターファイルであるSVG（Scalable Vector Graphics）画像で置き換えたり（SVGはベクトル形式の画像のため、拡大してもボケない）、CSS3を用いることで画像の使用を極力控えたりするなど、ページの軽量化を実現しています。 カヤックサイトのCSSテクニックを丸ごと伝授！ 本稿では、サイトリニ
IE 9が登場！ ユーザーの閲覧環境がますます多様化！ 4月26日、ついに日本でもInternet Explorer（以下、IE） 9が公開されました。また、マイクロソフトは早くもIE 10のプレビュー版を公開しており、CSS3やJavaScript周りが、さらに強化されるなどリッチなWeb表現が加速してきています。 IEのみならず、Firefox、Safari、Google Chrome（以下、Chrome）など他のWebブラウザもすさまじい勢いで進化してきており、スマートフォンやタブレットPCなどのデバイスも続々と開発され、ユーザーの閲覧環境がますます多様化してきています。 そうした流れの中で、必然的に欠かすことができなくなる知識が、この「プログレッシブ・エンハンスメント」という概念です。 プログレッシブ・エンハンスメントって何？ Webブラウザや端末などの閲覧環境が多様化してきていま
maedana SonicGarden SUG（SKIP User Group）／日本Hamlの会 2009/5/22 Railsを使ったWebアプリケーション開発で、プログラマやデザイナを悩ませるものの1つがスタイルシートの記述だろう。Sassを使って、“クールで構造化された”スタイルシートを記述してみよう（編集部） Sassとは、Syntactically Awesome StyleSheetsの頭文字を取ったものです。あえて日本語に訳すと、「かっこいい構文のスタイルシート」といった感じでしょうか。 もう少しシンプルに表現すると「クールなCSS（Cascading Style Sheets）」でもいいかもしれません。Sassはスタイルシートを簡潔に表現するためのメタ言語であり、同時にSassからCSSを生成するための便利なライブラリやコマンドラインツールを提供します。 Sassを使うと
SassやCompassを使って、ズルいデザインテクニック：ズルいデザイン（2）（1/2 ページ） SassやCompassを使って、少ない手間でちょっといい感じに見せる小ズルいTipsを紹介。グラデーション、角丸のお手軽かつ効果的な使い方とは？ シリーズ第2回、前回に続き、今回もSassやCompassを使って、少ない手間でちょっといい感じに見せる小ズルいTipsを紹介します。 今回は、グラデーション、角丸のお手軽かつ効果的な使い方について解説します。 （注）このページでは、個々のデザイン要素を分かりやすく説明するために、実寸サイズより画像を拡大して使用しています。 1: ズルいグラデーション CSS3ではグラデーションを扱えるようになったことから、画像を使わずに自在にグラデーションを描画して、CSSだけでよりリッチなビジュアル表現が可能になりましたが、一口にグラデーションといっても、う
レンタルサーバで今では一般的になった「VPS」 さて、このVPSとは何ぞやと思う方に今回は書こうと思ったtetsuです。 VPSとは 「ブイピーエス」はある英単語の頭文字からとった略称です。 V ・・・ Virtual（バーチャル） P ・・・ Private（プライベート） S ・・・ Server（サーバ） 日本語だと「仮想専用サーバ」と呼ばれる事もあります。 言葉の通り「仮想化」技術を使った専用サーバです。 「仮想」ってどうゆうことよ？ 「仮想」って言葉ではイメージが難しいですよね。 図で表すと・・・ 一般的なパソコンで例えるなら、1台のパソコンの「ホストOS」にWindowsが動作していて さらに「ゲストOS」に「ホストOS」のWindowsとは別のWindowsが稼働していることを意味します。 イメージはついたでしょうか？ VPSのメリット メリット1 ホストOSとは個別の設定が
こんにちは。岩上です。気になりだすと止まらない性格なので、前回に引き続きインテリア系のまとめです。今回はインテリアにまつわるブログメディアを中心にまとめました。雑貨や小物、生活のふとした時に元気になりそうなオススメのメディアです。 過去のインテリア記事。 オシャレな部屋をつくりたい。インテリアコーディネートの参考サイト 23選 オシャレな家具を見つけたい。インテリアショッピングサイトのオススメ 25選 国内のインテリアブログ 1. roomie https://www.roomie.jp/ 2. SINGLy https://singly.me/ 3. 雑貨kUkan https://www.zakkaz.com/ 4. ZUTTO https://www.zutto.co.jp/ 5. スパイラルマーケット https://www.spiralmarket.com/ 6. EdgeWir
Gaming Laptop 4 Best Mini-LED Laptops in 2023 Regardless of whether you’re gaming or just need an excellent display, our recommendation for the best Mini-LED laptops in 2023 that you can buy should help. Read More 2-in-1 Laptops 4 Best 2-In-1 Gaming Laptops 2-in-1 gaming laptops do exist. Certain 2-in-1 laptops have beefy specs that make them viable for modern gaming. Read More Buying Guides 5 Bes
シンプルなHTMLでレスポンシブ対応のスライダーを実装する超軽量のjQueryのプラグインを紹介します。 デスクトップのキーボード操作やスマフォ・タブレットのスワイプ操作にも対応！ Unslider Unslider -GitHub Unsliderの特徴 Unsliderのデモ Unsliderの使い方 Unsliderの特徴 超軽量のオープンソース スクリプトは3KBと超軽量のオープンソースです。 実装は簡単でクリーン HTMLは非常にシンプルで、カスタマイズも容易です。 高さの調整 サイズに合わせて、スライダーの高さを自動調整します。 レスポンシブ対応 デスクトップ・タブレット・スマフォなど、さまざまなデバイスに対応。 キーボード操作の対応 キーボード（矢印キー）での操作をサポートします。 スワイプ操作の対応 jQuery.event.swipeをサポートしているので、スワイプ操作に
こんにちは、デザイナーの王です。 今回の記事ではCompass使いになるための必要最小限の知識から応用まで、体系的にひと通り紹介していきます。 全くの初心者でも問題ありません！ はじめに結論を言うと、CompassでCSSを書くと 早い！ 見やすい！ メンテしやすい！ コード量がぐっと減る！ 一度使い出したら最後、もう元には戻れない！ 一体どこまで便利なのかずらずら書くよりも、百聞は一見にしかず！ 簡単なプロジェクトを通して、各特徴について紹介した短いデモ動画を用意したので、まずはこちらを見てください！ Compassとは？ Compassを語る前に、まずは「Sass」を知っておく必要があります。なぜなら、CompassはSassを元に開発したフレームワークだからです。 Sassとは では「Sass」とは何かと言うと、正式名称は「Syntactically Awesome Style Sh
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
