jQueryプラグイン「pjax」でスムーズにページ遷移するサイトの作り方 | Neganin(ネガニン)
「pjax」とは「Ajax」と「pushState」を組み合わせたもので、非同期通信をしながらURLを変更することができる「jQueryプラグイン」です。 各ページの差分だけ読み込み、描画するので、転送量削減ができ時間短縮を図れますし、ページ遷移時のエフェクトも追加できたり、カスタマイズ性に優れています。検索エンジンからのマイナス点もない非常に優秀なプラグインです。 「Ajax」と「pushState」が何なのかというと・・・ Ajax ページを遷移せずにサーバーからデータだけを非同期でとり、サイトに描画する仕組みのことで、「Google Maps」などに使用されています。 pushState 「HTML5」で導入されたURL操作のAPIで「Ajax」を使用して非同期なサイトを作る時などにアドレスが変更されない問題を解消してくれます。 1. デモ 前置きが長くなりましたが、実際に「pjax
Development Environments for Web Designers
This Book is written in Japanese. Webサイト制作の時流に乗り遅れないために、覚えておきたい開発環境の作り方 ※本書は、Leanpubスタイルで完成した章からデータを随時公開する形を取っております。2015年2月1日現在、Chapter 07の内容までが収録されている状態です。未収録の内容については準備ができ次第公開されます（2015年2月第1週に完成予定）。 ※データ更新のお知らせはGumroadのメールでおこなっております。メールアドレスの登録の際はお間違えになりませんようお願いいたします。 【重要】本書は昨今のWeb制作環境の時流や欧米の類書に習う形で、Mac OS XにおけるWeb制作環境構築を解説しています（Yosemiteにて検証）。Windows環境については、シェルやRuby、Node.js、Vagrantなどの環境さえ用意できればその多く
Development Environments for Web Designers
Development Environments for Web Designers Web サイト制作の時流に乗り遅れないために、覚えておきたい開発環境 の作り方 MASAAKI KOMORI ©2014 - 2015 MASAAKI KOMORI Contents はじめに 1 いまどきのサイト制作とは 3 変わり続ける Web サイト制作 4 閲覧環境が変わるということ 4 コンテンツの作り方ですら多様化 4 Web が Web サイトでなくなる？ 7 最新の制作ツールはコマンドラインから 8 GUI だけではどうにもならない時代に 8 ライブラリのダウンロードもコマンドライン 10 コマンド操作だけができれば解決 10 ローカルで Web サイトを動かすには？ 12 OS X なら実は簡単!? 12 MAMP や XAMMP の問題 12 新しい時代に対応するには 14 ターミナル
Impossible Bureau
Sydney Suite 5/Mezzanine, Levels 1-3 388 George St, Sydney NSW 2000
ウェブ・フォントの読み込み - Weblog - Hail2u.net
ウェブ・フォントも完全に行き渡り、今はどう効率的に配信するかについて多くの時間を割くようになった。Google Fontsの低め安定路線を見限り、TypeKitやFonts.comへ鞍替えする人々も増えた。それと同時に自前でホスティングする人々も徐々にその数を増やしており、どれが最適解なのか一応の結論が出るにはもう少しかかるだろう。まず、ウェブ・フォントの読み込みにおいてどのようなアプローチがあり、どのようなメリット、そしてデメリットがあるのだろうか。 TypeKit等に頼るにしろ、自前でホスティングするにしろ、もちろん最終的にはウェブ・フォントをブラウザーに送りつける必要がある。読み込みとはまさにその部分の話だ。話がややこしくなるので、多様な実装を意識した安全な書き方などについては触れない。 普通に@font-face定義を利用 @font-face定義をただ普通に書く場合のメリットは、
100種類以上のマウスホバーエフェクトを手軽に使えるCSSライブラリ「Hover.css」が便利。WordPressでも簡単利用。
Hover.cssとは Hover.cssとは、手軽にホバーエフェクトを利用できるようになるCSSライブラリです。 すべて、CSSで動作するので、AタグなどのHTML要素のクラス指定部分にクラス名を記述するだけで、100種類以上の様々なマウスホバーエフェクトを手軽に使えるようになります。 利用するときは、こんなタグで利用できます。 Font Awesomeのアイコンフォントを利用したことがある方なら、Font Awesomeを利用するように、クラスを指定するだけで使うことができるので、簡単に利用できます。 Hover.cssの主な利用手順 Hover.cssを利用するのに必要な主な手順は、以下の3手順です。 Hover.cssのダウンロード＆設置 Hover.cssを呼び出す Hover.css用のタグを記入する 利用するファイルも、hover.css（縮小版はhover-min.css）
プロが選ぶ！WordPressプラグインおすすめ50選【保存版】
WordPressには世界中の開発者が制作した機能を自由に組み込むことができる「プラグイン」が存在します。プラグインを上手く活用することが、WordPressの魅力を最大限に引き出すポイントです。 そこで今回は、私がWordPressで様々な種類のWebサイトを制作してきた経験から、役立つプラグインを厳選してご紹介します。いずれも無料でも使用できるので、ぜひ活用してみてください。 WordPressプラグインとは WordPressプラグインとは、WordPressの機能を拡張させるための仕組み（ツール、モジュール、パーツのようなもの）です。 WordPressの本体は、ユーザーの様々なニーズに柔軟に対応できるように基本的でコアな部分のみで設計されています。WordPressプラグインを使うことで、ニーズに合わせた様々な機能を持ったサイトを構築することができます。 参考：WordPress
【無料】最強のオンライン英会話学習サイトVerblingをなぜ誰もオススメしないのか
2014年も終わり2015年になって、昨年のまとめ記事がいろんな所にアップされています。そんな中、英語学習に役立つサイトをまとめている記事もアップされ、英語学習者に注目されています。 英語勉強中なら絶対読んでおくべき、2014年話題の記事ベスト50 - 無料英語ニュースのenticle 素晴らしい記事で有用なリンクばかりです。アップしてくれた作者には頭が下がります。 が、私が最強だと思っている Verbling(https://www.verbling.com/)がおすすめされて無い！ いつも日本の英語学習用サイトでTEDやYoutube英会話チャンネル、EnglishCentralは紹介されるが、Verblingだけ日本人から無視される。 インターフェイスが英語だから？ 登録しないと見えないから？ 有料プランがあるから？ そんなことを200%無視できるほど無料でオンライン英会話を学習でき
Photoshopがもっと便利になるすごい機能拡張・プラグインのまとめ
Photoshopは標準機能だけでも便利なツールですが、もっともっと便利になる機能拡張やアクションを紹介します。 定番として入れておきたいものから、特別な使用シーンに使うものまで、優れ物ばかりです。 Photoshopでのガイド引きに欠かせない強力な機能拡張 定番のGuideGuideは3.1.2にバージョンアップ 幅の異なる複数のガイドを一気に作成できる優れ物 Photoshopのスウォッチをフォルダで管理 カラーピッカーを開かずにカラーのコードを簡単コピー 複数のさまざまなオブジェクトのカラーを一元管理 手元の画像からシームレスなテクスチャを1クリックで作成 ビットマップのオブジェクトをベクターに変換 画像にパースをつけてかっこよく見せる パラグラフのレイアウトを段組みに変更 要素のサイズやエフェクトやフォントなどの情報を書き出す エレメントやマージンのサイズを書き出してくれる 黄金比
指定したサイトのCSSを徹底的に解析してくれるサイト「CSS Stats」 | ライフハッカー・ジャパン
Nintendo Switchの純正プロコンを異次元レベルの操作性に!使わない理由がない革新的アダプター
【Git入門者向け】イメージで理解するGitコマンド事始め - きのこる庭
ご無沙汰です。連載企画を書き進めると豪語しておきながら かなり経過してしまいました。連載企画の方は時間を見つけつつ少しずつ書き進めていければと思います、申し訳ございません。 さて、最近周囲の方にGitの解説をする機会が増えてきたため、今回はGitの基本コマンドに関連する説明をします。 対象読者 ・何らかの理由でGitを使う事になったが、コマンドが多くてよくわからない方。 ・コマンドごとの意味は何となく理解しているけど、イマイチピンと来ない方。 (※「そもそも何故Gitを使う必要があるのか」「バージョン管理とは何か」といった点については ノンプログラマ向けの連載企画として後日記載させていただければ幸いです) 解説するコマンド git init, git add, git commit, git status, git log, git branch, git checkout, git me
大人気の日本酒「獺祭」を好きなだけ飲めるようにする方法：日経ビジネスオンライン
「この前も、ドイツから取材に来た外国人記者を乗せたよ」。道すがら、タクシーの運転手は地元自慢をするように饒舌に語った。 目的地である山口県岩国市の獺越（おそごえ）は、山陽新幹線の新岩国駅からクルマで約30分程度。途中からはひたすら山道を走る。 周辺は森林ばかりで、たまに農家らしき家がちらほら見えるくらい。本当にこんなところに会社はあるのか。そう思い始めたころ、登りだった坂道が下りになり、山間の集落が現れた。真っ先に目に飛び込んでくるのが、山奥に似つかわしくない、地上4階建ての酒蔵だ。 ふと自分の私用スマートフォンを見ると、驚くべきことに電波が入っていない。別の携帯会社の業務用スマホは、かろうじてアンテナが1本立っている状態。そんな場所にあるのが、日本酒の分類で最高ランクの純米大吟醸酒「獺祭」を醸造する旭酒造の本社と生産拠点である。
【保存版】東京都内で有名な日本酒が定価で買える酒屋まとめ | nomooo（ノモー）
だれもが一人は自分のお気に入りのお酒を持っているものですが、そういうお酒に限って帰る場所がなかなか見つからないものです。そんな時の心強い味方が正規特約店の酒屋！ 今回は有名な日本酒の銘柄を7つをピックアップし、それぞれ東京の正規特約店をご紹介します。（情報は執筆時のものですので、現在のお取り扱いは直接店舗にご確認いただけると幸いです。） そもそも特約店とは？特約店とは、酒蔵から日本酒を有利な条件で卸すことができる契約を結んだ販売店（酒販店）のことです。酒蔵から直に仕入れることができるため、定価で契約した酒蔵のお酒を購入することができるのです。特約店の情報は、各酒蔵、酒販店のHPなどで確認することができるので、ぜひ確認してみてください。 獺祭の特約店 日本のみならず海外でも非常に人気の高い獺祭（だっさい）。純米大吟醸しか造らないということでも有名ですね。都内でも主要な獺祭の特約店をご紹介しま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
eflens.net
【前編】エンジニアの会社でデザインがうまくいくワケ〜「エンジニア病」にはダメ出しされよう
ZEN 2.0 - Tumblrで普通に日記を書く用途にこだわったTumblrテンプレート