HOME > WEB

WEB

    Adobe Edge Inspectの復旧とChrome 30の拡張機能バグ修正

    Adobe Edge Inspect CC

    Adobe Edge Inspect CC

    厳密にはいつからかわからないんですが、先日のAdobeの不正アクセス問題あたりからInspectが使えなくなりました。
    今は問題なく使えるようになったんですが、結構つまづいたので備忘録としてメモ。

    >> Continue

      facebookページのウォールを取得してjQueryでサイトに表示させる方法

      facebookページのウォールを取得して表示するサンプル - CODEPEN

      facebookページのウォールを取得して表示するサンプル – CODEPEN

      facebookのウォール(タイムライン)を取得して自分のサイト内に貼り付ける方法をまとめました。
      コードとサンプルはCODEPENにまとめてあります。

      >> Continue

        DreamweaverへのZen Coding導入と日本語の設定方法

        Zen Coding Dreamweaver拡張機能パッケージ

        Zen Coding Dreamweaver拡張機能パッケージ

        先日のWeb制作環境の構築でCoda2にZen Codingをインストールするのを紹介したので、合わせて今回はDreamweaverへのZen Codingの導入方法のご紹介。
        といってもやることはほとんどCoda2と同じです。

        >> Continue

          Web制作環境のセットアップ:Coda2 環境設定・プラグイン編

          Coda 2 アイコン

          Coda 2 アイコン

          先日iMacをSSDに換装してOSから全てセットアップしなおしたので、これを機に自分のWebの制作環境のセットアップをまとめておきます。
          サイト制作にあたってオーサリングソフトは8割Coda2、2割Deamweaverといった感じでなので、今回はCoda2とプラグイン周りになります。(Dreamweaverは昔作ったサイトの更新作業などに使うぐらい)

          >> Continue

          • 2013.06.25 23:42
          • TAGS:

            CSSの属性指定によるスタイルの変更(リンク拡張子によるアイコン変更)

            CSSの属性指定によるスタイルの変更

            CSSの属性指定によるスタイルの変更

            既に知ってる人も多いかもしれないですが、cssで属性名(hrefなど)や属性値(.docなど)を指定することができる事を知ったためサンプル作成がてらメモ。
            サンプルはコチラか上の画像リンクから飛べます。

            >> Continue

              twitter公式ウィジェット(API ver1.1)カスタマイズ方法

              twitterロゴ

              twitterロゴ

              twitterやブックマークまとめにも書きましたが廃止と言いながらも何だかんだでそのまま使えていたtwitterウィジェットAPIの前バージョンである1.0が6月12日に完全に廃止になりました

              昨年に1.1を公開していたものの、試してみたらカスタマイズ性が低くしかも使いにくいということもあって、自分も1.0を使ってました。
              特にjqueryプラグインのカスタマイズしたスクロールバーが使えなかったという点がイヤだったもんで。(1.0だと擬似的にではあるけど使えてた)

              しかし表示すらされないんじゃしょうがないというわけでtwitter公式のウィジェットの設定と簡単なカスタマイズ方法のご紹介です。

              >> Continue

              • 2013.06.11 18:35
              • TAGS:

                上部固定ナビゲーションで各コンテンツにアニメーションするjQueryプラグイン:Smint

                smint.js改 キャプチャ

                smint.js改 キャプチャ

                1ページ完結で縦長のスクロールするサイトでよく使われている、スクロールしてもナビゲーションをページ内に残して各コンテンツにスムーススクロールするjQueryプラグイン「smint」というのがシンプルで使い勝手がよさそうだったんですが、ちょっと気になった箇所があったので修正してみました。

                >> Continue

                • 2013.06.07 22:52
                • TAGS:

                  Google画像検索風ギャラリー jQueryプラグイン3種比較 – SUPERBOX、Thumbnail Grid、least.js

                  SUPERBOX、Thumbnail Grid、least.js

                  SUPERBOX、Thumbnail Grid、least.js

                  以前twitterや当ブログのブックマークまとめで紹介したものですがjQueryプラグインでGoogle画像検索風のギャラリーを使いたいところがあったので使用感含めて比較したのをまとめてみました。
                  どれもiPhone、Androidに対応されていて、jQueryは現在最新の1.10.1で確認しています。

                  >> Continue

                  • 2013.06.06 22:05
                  • TAGS:

                    Chrome Developer Toolsで編集したコードを元ファイルにリアルタイムに反映させる拡張機能「Tincr」

                    Chrome拡張機能 Tincr

                    Chrome拡張機能 Tincr

                    Coda2が好きです。でもGoogle ChromeのDeveloper Toolsはもっと好きです。

                    HTMLだけ先にガッツリ書いてからChromeでプレビューしながらDeveloper ToolsでCSSを一気に書いて元ファイルにコピペするのが昔の自分のスタイルだったんですが少し前のバージョンから仕様変更でこの方法ができなくなりました。

                    そんな自分のようにDeveloper Toolsでガリガリ書く人にオススメなのが、編集したソースをDeveloper Tools上から元ファイルに保存することが可能な「Tincr」という拡張機能。
                    しかも導入も設定も簡単!!

                    >> Continue

                      使い勝手のよさそうなjavascriptやCSSサンプルまとめ – 2013年4月11日

                      最近(と言ってもこの1ヶ月ぐらい)見かけたjavascriptやcssなどのプラグインやサンプルなどで使い勝手のよさそうなものや面白そうなものをまとめてみました。

                      後で実際サンプルも作ってみて使い勝手を試すための備忘録です。

                      >> Continue

                      1 2 3 4
                      RECOMMEND
                      • Apple Magic Trackpad

                        マルチタッチによる多機能なトラックパッド。マウスとまるでUIが違うため慣れが必要だけど、慣れると超便利!関連記事はコチラ

                      • シグマ 30mm F1.4 EX DC

                        f1.4なので室内でも明るく撮れ、かなりピンポイントで焦点が合うレンズ。ボケ味がいい感じなので温かみのある写真が撮れます。初めに購入したレンズ。関連記事はコチラ

                      • I-O DATA 縦・横置き両対応USB接続外付HD 2.0TB

                        安くて静かで大容量の外付けHD。縦横どちらでも置けるのが何気に嬉しい!関連記事はコチラ

                      • Web制作の現場で使うjQueryデザイン入門[改訂新版]

                        jQuery1.9にも対応したjQuery本の入門書。入門書とはいえlightbox風ギャラリーやバリデーションチェックの作り方も載ってて中級者までカバー。

                      • おいしいご当地スーパーマーケット 47都道府県で出会ったひとめボレ食品さん

                        スーパーマーケットマニアの森井ユカさんがついに日本のスーパーに!懐かしいのから新しいのまでデザイン性優れた食品パッケージが満載!ちなみに大分のコメント書かせて頂きました。関連記事はコチラ

                      RSS
                      Mail
                      AFFILIATE-Google