CodeKitで簡単にCSS Preprocessorを利用する！
CodeKitで簡単にCSS Preprocessorを利用する！ 本エントリーはCSS Preprocessor Advent Calendar 2012の12日目のエントリーです。 CSS Preprocessor Advent Calendar 2012とは年末の12/1〜12/25まで、みんながブログなどでCSS Preprocessorについて熱く語るというイベント、僕は2012年一番重宝したMacアプリ「CodeKit」について解説します。 そもそもCSS Preprocessorってなに? CSS PreprocessorはSassやLess、StylusといったいわゆるCSSメタ言語のこと。CSSメタ言語とはCSSと異なる文法でCSSを記述できる言語です。 たとえば、通常のCSSでは #bar{ width:100%; } #bar .foo{ color:red; } #
Online StyleSheet Generator | OneClickCSS
What's this? HTMLソースをもとに、id,class名CSS、子孫セレクタCSS、子セレクタCSS、LESS、SASS、SCSSを自動生成するオンラインサービスです。 従来のHTMLコーディグを強力にサポートします。 What's LESS/SASS/SCSS? LESS / SASS / SCSSはCSSを効率的にコーディングできるCSSメタ言語です。 従来のCSSに比べ子孫セレクタ・子セレクタを簡単に管理することができ、高速にコーディングすることができます。 LESS OFFICIAL SASS/SCSS OFFICIAL 関連サービス 高画質サムネイル生成サービス HTTPクエリデコード SQLフォーマッター Insert文フォーマッター スペースフォーマッター JSONフォーマッター HTML/XMLフォーマッター Emmet toolkit for <textare
GitHub - tubalmartin/riloadr: Riloadr - A cross-browser framework-independent responsive images loader written in Javascript.
No dependencies: Just Javascript, HTML and CSS (No server involved if you don't want to, no cookies, no .htaccess, no other Javascript library or framework required). Ease of use: 15-30 mins reading the docs and checking some demos and you're good to go! Absolute control: Riloadr will process only the images you tell it to. Unlimited breakpoints: Set the breakpoints you need. CSS properties availa
jQueryより20倍速い！最強トゥイーンライブラリTweenMaxJS | DECONCEPTER
Flash界最強ライブラリの一角 jQuery animateよりも圧倒的パフォーマンス。Flashの最強アニメーションライブラリTweenMax。JavaScript版があるのはご存知でしょうか。 TimlineMax/Lite TweenMax/Liteの4つのライブラリ群の総称でGSAP JSというパッケージ構成です。※要ライセンス注意（後述） まずはその圧倒的パフォーマンスを体感してください。プルダウンから主要ライブラリを選んで、STARTを押すと右下のfpsの数値が変わります。 GreenSock Animation Speed Test 豊富なアニメーション機能 GSAP JSの主要な機能として下記の物が挙げられます。パララックスなどのインタラクティブなサイトを作る上でもとてもすごく重宝しそうです。 ベジェアニメーション 繰り返し 逆再生 時間指定 一時停止 フレームラベル ゆ
EPIGRAM DESIGN - BLOG スムーススクロールの導入(パララックス効果のIEでの表示解決) : グラフィックデザイン・WEBサイト制作(ホームページ制作)・その他デザイン
EPIGRAM DESIGN WORKS BLOG スムーススクロールの導入(パララックス効果のIEでの表示解決) : グラフィックデザイン・WEBサイト制作(ホームページ制作)・その他デザイン前回 パララックス効果の導入したのですが どうもIEでスクロールホイールを回した時にカクカクしてたのが気になってたのですが いい感じの解決法を発見 ホイールを回した時にはカクカクするんですが アンカーリンクをスムースに移動するプラグインで アンカーリンク移動した時にはスムースな表示がされるので 要はホイールを回した時の動作をjqueryでのスムースに移動するのと 置き換えたらいいんじゃないかと思ったわけです。 んで下記のjQueryのプラグインを見つけました。 ホイールを回した時にスムース移動できるjQueryプラグインです。 Nicescroll 設置は簡単 上記のサイトからj
Element 'in view' Event Plugin
I've been preparing a few articles for jQuery for Designers and for .net magazine and in doing so I've had to write a plugin that could prove to be useful to share. I've created an event that will trigger when the element is scrolled in to the viewport. Preamble First of all, this isn't really a plugin. It's a utility of sorts. It's not really a plugin, because you don't call it. It binds on to th
Online JavaScript beautifier
End script and style with newline? Support e4x/jsx syntax Use comma-first list style? Detect packers and obfuscators? (unsafe) Preserve inline braces/code blocks? Keep array indentation? Break lines on chained methods? Space before conditional: "if(x)" / "if (x)" Unescape printable chars encoded as \xNN or \uNNNN? Use JSLint-happy formatting tweaks? Indent <head> and <body> sections? Keep indentat
単純だけど簡単な背景画像のパララックスを実現するjQueryのスクリプト | Web Mugen
スクロールで背景画像がズレるやつを制作しました。パララックスとか言うやつですね。まあコンテンツごとの背景がズレるだけなので、視差と呼べるかは微妙ですけれど、他のをみるとそう呼んでもいい感じですね。 とりあえず今回のウリはタイトル通り単純だけど簡単ってところです。パララックスする要素をまとめて指定するだけでOK。あとは動きの量を調整したければする位です。まあ、大したモノではありませんし、もう新しいって程でもありませんが、チョット試してみようかなって思ってる方にはイイかもしれません。 Demo 必要なファイル jquery.js 対応ブラウザ Google Chrome Safari Firefox Internet Explorer7～ Opera ※Windowsのみの確認です。また、Internet Explorer以外は記事投稿時の最新版を対象にした確認です。 コーディング＆設定 HT
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Coding Methodology | CFニュース | CODING FACTORY - コーディング専門サービス
