【Sassを覚えよう！Vol.4】Sassの基本的な記述方法
前回のエントリーで、無事にSassが動作する環境が整ったかと思います。 今回は、いよいよ通常のCSSでは出来なかったSassの記述（Sass記法）に関してです！ まずは基本って感じですが、これだけでも十分Sassを利用することでコーディングの効率が上がる！って思ってもらえれば幸いです＞＜ 記法の前に Sass記法の前に、SassはCSSの「完全な上位互換」と言えるので、CSSのルールはすべてそのまま利用することが出来ます。 その為、cssファイルをそのまま拡張子だけ .scssに変更して変換（コンパイル）し直すみたいな事も可能です。（圧縮できる程度のメリットしか有りませんが） 軽く余談ですが、このCSSとの完全な互換性が従来のSassには無かったのですが、現行のバージョンではそれが出来るので、余計な事を覚える必要がなく、Sassの機能を今までのCSSの知識にプラスアルファとして使えるんです
Ajax(pjax)遷移時におけるSNSボタン再構築
Updated 2013.10.04 / Published 2013.10.04 HTML5のhistoryAPI（pushState）とAjaxを組み合わせた遷移（pjax）時に、Twitterのwidgets.jsで埋め込んだツイートボタンが更新されない事態に遭遇しました。pushStateでURLは変更できているにも関わらず、ツイートボタンを押しても取得されるタイトルとURLは最初にツイートボタンを表示したときの遷移前の状態であり、ごっそり入れ替えてもDOMが再構築されていない様子。 TwitterのAPIドキュメントを探すも、Ajax遷移時にDOMを再構築させるような使い方はどこにも載っていない。そこで、検索語を「Tweet button Ajax」に変えてみると、Cannot update tweet button with AJaxという記事がヒット、回答欄に解決策を提示して
「そもそもGitって何？」、「GitとGitHubは何が違うの？」にシンプルに答えるよ-Six Apart ブログ｜オウンドメディア運営者のための実践的情報とコミュニティ
こんにちは、シックス・アパートのディベロッパーリレーション担当、にっくです。 先日は、新しくなったプラグイン&テーマディレクトリのご紹介をしました。 新しいディレクトリは、GitHubとの連携機能が大きな特徴の一つで、GitHubに登録したプラグインやテーマを簡単に登録できるようになりました。 ただ、GitHub、そしてGitについて、まだ使ったことがなく、馴染みのない人もいらっしゃるかと思います。 今回はGitをまだご存じない方を対象に、「そもそもGitって何?」 「GitとGitHubは何が違うの?」という説明と、Gitの使い方に関する情報をご紹介したいと思います。 Photo Credit: hirofumi_kaneko via Compfight cc Git、そしてGitHubとは Git(ギット)とは、プログラムソースなどの変更履歴を管理する分散型のバージョン管理システムのこ
jquery スクロールバー
スクロールバーのデザインが簡単に変更できます、ブラウザのスクロールバーがサイトのデザインになじまない時等によいですね。 マウスのスクロールにも対応しています。パラメータを指定したり、スタイルシートを変更することで、垂直スクロールや横スクロールや色などデザインを変更できます。 配布先と使い方 jScrollPane 配布先の「download」の箇所より jquery.jscrollpane.cssとjquery.jscrollpane.min.jsと、 マウスホイールの為にjquery.mousewheel.jsをダウンロードします。 jQuery本体とjquery.jscrollpane.cssとjquery.jscrollpane.min.jsとJQuery.mousewheel.jsをヘッド内で読み込みます。 <script type="text/javascript" src="j
pushState + Ajax = pjax
マークアップ・エンジニアのトメです。 html5で実装されたhistroy操作のAPIに「pushState」という機能があります。 固有スキルは「ブラウザの履歴を操作することができる。ただしIE9以下は除外される」です。 実はこの機能、ある技術と組み合わせて発動させることによってその力を最大限に発揮することができるのです。 その唯一無二のパートナーは「ajax」。 ajaxは言わずと知れた非同期通信を利用した対話的操作が可能なWebアプリケーション構築技術の総称。 つまりはページを移動しなくてもブラウザの後ろ側でデータを取ってきて、そのデータを元に表示が切り替わって何かすごい、みたいなやつですね。 ですが、そんなajaxにも大きな弱点があります。 それは「ページ遷移が行われない為ブラウザの履歴が残せない（URLがそのまま）」ということ。 「pushState」はそんな「ajax」の弱点を
Photoshop使い必見！Fireworks風のスライス機能をPhotoshopで効率的に使いこなす | サイブリッジラボブログ
TOP > WebDesign > Photoshop > Photoshop使い必見！Fireworks風のスライス機能をPhotoshopで効率的に使いこなす こんにちは、Roadyです。 最近あまり自転車に乗れていませんが、季節も春！ 仕事も自転車もガンガンこなしていきたいと思います。 さて今回は「Fireworks風のスライス機能をPhotoshopで効率的に使いこなす」をテーマにお話ししたいと思います。 スクリプトのダウンロード 下記リンクからダウンロードができます。 fw_slice.jsx アクションへの登録(ついでにショートカットも登録！) デフォルトですとスライスを切るごとにスクリプトを読み込まないといけないので、アクションへ登録しつつ、そのアクションをショートカットで実行できるように設定することでさらに効率化を図れます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新しくWebサイトをつくったとき用Googleアナリティクス設定チェックリスト | Moz - SEOとインバウンドマーケティングの実践情報