Sassを極める！デザイナーがすぐ実践できる基本テクニック12連発 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 前回、これからSassを始めたい人へ！導入手順をまとめてみた(Dreamweaver対応)というSassの基礎に関する記事を書かせていただきました。 そこで今回は、もう一歩つっこんでもっと使いこなせるようになろう！という趣旨のもと、ちょっと使えるようになったからっていい気になっている僕がSassのテクニックやら関数をまとめてご紹介いたします！ たくさんある機能の中から、今回は比較的簡単で実用性の高いものをチョイスしました。 目指せSassマスター！WEBデザイナーもコーダーもすぐに実践したくなるSassの基本テクニック12連発もくじ もくじ テクニック1 アンパサンド（&） テクニック2 演算 テクニック3 round() テクニック4 rgba() テクニック5 コメントアウト テクニック6 変数 テ
jQuery 2.0.0 での変更箇所の自分なりのまとめ | 私的なjQuery他
jQuery 2.0.0 のリリースノート を読んで、自分なりにまとめました。 誤訳や誤解して間違ってまとめていることもあるかも知れませんので 読まれる際はご注意下さい。（※ページをそのまま訳したわけではありません） 箇条書きにすると以下のような感じ： IE 6, 7, 8 をサポートしない jQuery 1.9 と同じ API 最近の JavaScript 環境にも サイズが12％小さくなった カスタムビルド ビルドの準備 カスタムビルドの方法 これからの予定 IE 6, 7, 8 をサポートしない 表題の通りです。 IE 6-8 を対象にいれたいサイトは jQuery 1.9 と 2.0 は同じ API を持ちますので、 1.9 の方を使用するようにします。 jQuery 1.9 の系統(1.X)も数年はサポートするそうです。 IE 9, 10 でも互換表示モードだと影響を受けます。
続編/さらにプロっぽくなった！フォントに関するまとめ
作成：2013/11/11 更新：2014/10/24 Webデザイン > 前回フォントや「文字」に関するまとめを書きましたが、書き足りないことが結構あったので、続編を作りました。今回は自分の勉強もかねて、フォントに関する基礎知識、アキ、段組み、詰め、図版などデザインに携わるなら知っておきたい知識をまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 文字の基礎知識 １．文字用語 組版 ２．組版(くみはん) ３．禁則処理 ４．追い込み／追い出し／ぶらさがり ５．段間 行間(レディング) ６．アキ ７．行長 ８．段組み ９．黄金比 詰め １０．プロポーショナル詰め １１．音引き １２．拗音(ようおん) １３．合成フォント 余白 １４．近接と遠隔 １５．版面（はんづら） 図版 １７．図版率 １８．訴求度 文字の基礎知識 １．文字用語 頻繁に出てくる、ちょ
WebサイトをスマホやPCで見ている感じにはめ込み画像を作るサービス
WebサイトのURLを入力すると、実際にスマホやPC、タブレットで見ているようなシーンのはめ込み画像に自動で加工してくれるサービスです。Webサイトだけじゃなく、任意の画像で作成することもできます！企画書のワンポイントにいかがでしょうか！ PlaceIt URLを入力するだけですので、簡単にスマホやPCのハメ込み画像が完成します。こういった海外のサービスは、外国っぽい雰囲気になってしまい、国内で使うには雰囲気が合わない場合が多いのですが、こちらはそのようなことはありません。 試しに本ブログのURLを入力すると…… すごい！並べてみると、なんだか色んなシーンでブログが見られているような気がしてきました！（思いっきり気のせいですが……）たくさん作ると面白いです。 作れるはめ込み画像は数十種類ですので、気に入ったものが見つかるでしょう。Webサイトに表示される広告は、自動で削除してくれるようです
IE8以下を切り捨てれば使える便利なCSSプロパティー＆セレクター
2016年2月1日 CSS Webサイトを制作するにあたって、Internet Explorerのどのバージョンに対応させるかは、制作を始める前に話し合っておいた方がいい問題点のひとつです。私の場合2013年に入ってからはIE6やIE7に対応させる機会は皆無となり、IE8・IE9に対応させるかを議論しているところですが、皆さんはいかがでしょうか？今回はもしIE8を切り捨てる（IE9〜のサポート）なら使える便利なプロパティーやセレクターを紹介します。-ms-filter で対応できるものもありますが、filter の説明は割愛します :P ↑私が10年以上利用している会計ソフト！ IE8のシェア StatCounter Global Statsの調査によると、日本のブラウザバージョン別シェア（2013年10月）はIE10が30.78%で1位、Chromeが17.79%で2位、IE8は10.7
背景固定で美しいブラーがかかった半透明のパネルだけがスクロールするスタイルシート | コリス
レスポンシブ対応で背景画像は固定表示、美しいブラーがかかった半透明のパネルだけがスクロールするコンテンツを実装するスタイルシートを紹介します。 最低限の要素にしたデモ 実装は、こんな感じになります。 HTML パネルはarticle要素で実装します。中身はテキストでも画像でもフォームでも何でもOK。 <body> <article> <h1>半透明の美しいパネル</h1> <p>洋酒といえば、誰でも最初に思い浮かべるのがウイスキー。いわば洋酒のシンボル的な存在なのだが、英語表記が［一般に〔米〕では Whiskey,〔英〕では Whisky.］であることはあまり知られていない。米英両国では、このスペルの差で自国産と輸入品を区別しているという。わが和製ウイスキーの“Whisky”という英国式表示は、手本にしたスコッチのフォルムに倣ったものであり、それ以上の意味はないようだ。カナ表記にしても、ご
デザインやアート・お絵描きなどの作業がかなり捗る便利な機能拡張 -NKS5
等間隔に水平・垂直にガイドを設定したい、よく使うブラシのサイズを登録しておきたい、方眼紙やカンバスで新規ドキュメントを作成したい、鉛筆やボールペン・マーカー・水彩・エアブラシなどすぐに使いたい、ノイズやブラーやグロウなどをブラシ感覚で使いたいなど、さまざまな機能が備わったPhotoshop CS5, CS5.5, CS6対応の機能拡張を紹介します。 NKS5 -Natural Media Toolkit NKS5はナチュラルなエフェクトを便利に使えるようコンパクトにまとめたツールで、小さいツールパレットにさまざまな機能が備わっています。 下記は、Photoshop上のNKS5のツールパレットと簡単な説明です。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
神業!! 大田三中 吹奏楽部2013 8人の天使たち - YouTube
新着記事
新着記事
新着記事