Sub-pixel Distance Transform High quality font rendering for WebGPU
![Hackery, Math & Design — Acko.net](https://cdn-ak-scissors.b.st-hatena.com/image/square/bfd14cbf08c45686ac22b0bffe6c2286ec4dd39d/height=288;version=1;width=512/https%3A%2F%2Facko.net%2Ffiles%2Fzerotosixty%2Fcover.jpg)
河本です。 「すげえことをしよう」がコンセプトで「すげえウェブサイトにリニューアルしたい!」ってことで、すげえウェブサイトを作りました。 デジタルマーケティング広告企画/運用 a-works(エーワークス)株式会社 今回は技術を中心に6点説明します。 ■「すげえウェブサイト」って何? ■参考にしたウェブサイト ■ThreeJSのWebGLとCSS3 3D Transforms ■pjaxでシームレスなロード ■3Dなので自然とパララックス ■ハマったところ 「すげえウェブサイト」って何? 技術的に「すげえ」って思えるウェブサイトの事かなぁと色々考えた結果、3Dでゴリゴリ動けば「すげえ」ってなるんじゃないかと思った。 ただ、ゲームみたいなウェブサイトだと、企業のウェブサイトとして成り立たせるのは難しいなとも思った。 情報を読ませるという機能を保ちつつ、「すげえ」と思わせる必要があった。 モデ
こんにちは。荒井です。 Facebookもtwitterもgoogleも画面遷移のときには、非同期で次のページを読み込むような作りになってますね! これは、ajaxで次のページを読み込むのと同時に「History API」というHTML5の機能を使って、URLを更新することで実現してます。 毎回全部読み直さないから通常の画面遷移よりも早いし、URLが変わるから履歴に残るし、良いことばっかり!!SEO的にも「#!」を使ったやつより良いよっていうのを何かで読みました!!! これからWebサービスを作るなら、導入したいですね!!! これpjaxを使えば簡単に導入できるんです!!!よし!!! PJAX!! pjaxとは、GithubのChris Wanstrathって人が作ってるjqueryプラグインです。 上で説明した、History APIとajaxを使った非同期の画面遷移を簡単に導入すること
Webサイトを見ていてページを遷移する時に、読み込みがやたら速いサイトに出会ったことはありませんか? PJAXを使い、通常のリンクのアクションによるハードリフレッシュをなくし、HTTPリクエストと描画を最小限に抑え、更にエフェクトを加えることで、非常に高速でシームレスなページ遷移を実現する超軽量(4kb gzip)のスクリプトを紹介します。 Barba.js Barba.js -GitHub Barba.jsのデモ Barba.jsの使い方 Barba.jsのデモ Barba.jsはすでに実際のサイトにも利用されており、Webデザイナーの間でも話題になっているサイトもあります。 ページを移動しているにも関わらず、まるでスライダーやパネルを切り換えている感覚で遷移します。
こんにちは。デザイナーのみやっちです。 特技は帰宅からのシームレスな就寝です。 以前から非同期なページ遷移を使ったサイトはありましたが、最近は表現の一部として多くのサイトが採用していますね。ページ遷移を意識させること無く、コンテンツをどんどん読み進められるため、ユーザーにとっても使い心地の良いサイトにすることができます。なによりカッコ良い! そこで今回は非同期遷移を効果的に使ったウェブサイトをいくつかご紹介いたします。 1. TAKAYA OHTA 参考:http://takayaohta.com/ ホバーで背景画像が切り替わり、クリックするとホバー背景がそのままページのメインビジュアルになる構成です。こちらもメインのビジュアルがそのまま残りつつ遷移するので、シンプルなUIでもユーザーが迷うこと無く回遊をさせられます。個人的にとても好きなサイトです。 2. Booounce! 参考:htt
【公式LINE登録で豪華特典を無料プレゼント】 登録者数9万人突破! 八木仁平の公式LINEに登録頂くだけで、自分の「本当にやりたいこと」を見つけられる、豪華特典19個を無料で配布しています。 ※LINE友達登録後の「特典がもらえる10秒簡単アンケート」へのご回答が配布条件となります リュックマニアの八木仁平です。 「どんなリュック買えばいいかなー?」とか聞かれることが多いけど、意外と情報がまとまっているところって少ない。 なので、自分がおすすめするリュックのブランドをどどんとまとめちゃいました! 各ブランドの代表的なリュックを購入できるAmazonと楽天へのリンクを貼っているので、ぜひリュックを買うときの参考にしてください。 ブランド名の50音順で並んでいます。 ARC’TERYX(アークテリクス) http://s2shop.jp/icefield/shop/product/20933
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く