ELEKS has been involved in the development of a number of our consumer-facing websites and mobile applications. We’ve appreciated the level of ELEKS’ expertise, responsiveness and attention to details.
![| ELEKS: Enterprise Software Development, Technology Consulting | ELEKS: Enterprise Software Development, Technology Consulting](https://cdn-ak-scissors.b.st-hatena.com/image/square/e0579f77f80a4c3a77c073a901d3414183a2e0f6/height=288;version=1;width=512/https%3A%2F%2Feleks.com%2Fwp-content%2Fuploads%2F2019%2F01%2Fales-nesetril-734016-unsplash.jpg)
End Creditsの使い方 Step 1: 外部ファイル 当スクリプトとjquery.jsを外部ファイルとして記述します。 <body> ... <script type="text/javascript" src="http://code.jquery.com/jquery-2.0.3.min.js"></script> <script src="static/endcredits.js"></script> </body> Step 2: HTML まずは、エンドロールを呼び出すボタン。 <a href="#creditos" name="creditos">Open Credits</a> エンドロールはdiv要素などに「#credits」を付与し、その中に記述します。通常時は表示されず、ボタンをクリックをすると表示されます。 <!-- Start of Credits -->
デザインとテクノロジーをもとにブランディングやWebサイト制作などを手がける、米国のエージェントのポートフォリオサイト。 気持ちよく回転する円グラフ シンプルなフラットデザインを採用した「Knormal」のポートフォリオサイト。このサイトでは、3枚の画像からなる円グラフを重ね合わせ、CSSアニメーションによって回転させている。インフォグラフィックとしてはごく単純なものだが、スムーズに気持ちよく動くアニメーションと独特の配色がサイトの個性を表していて、おもしろさがある。 今回は、Knormalのインフォグラフィックをヒントに、グラフの基本的な構造から、CSS3を使った動かし方、JavaScriptやSVGと組み合わせた発展的なグラフの作り方までを解説する。 STEP 1:グラフの構造を考える 最初に、円グラフの構造から考えてみよう。立体的に見える円グラフは、3つのレイヤーからなる。色や形状の
下に長いページだと、トップに戻るのがわずらわしかったりします。 そんな時に使う。 1.まずjQueryをヘッダーに呼び出す。 2.以下のソースを好きな名前をつけjsフォルダに格納し(pagetop.jsとか)ヘッダーで読み込む $(document).ready(function(){ var pagetop = $('.pagetop'); $(window).scroll(function(){ if ( $(this).scrollTop() > 500 ) { pagetop.fadeIn(); } else { pagetop.fadeOut(); } }); pagetop.click(function () { $('body, html').animate({ scrollTop: 0 }, 500); return false; }); }); 3.htmlファイルの任意
こんにちは、エンジニアののびすけです。最近毎日ハムスターになる夢を見ます。 前回の記事「圧倒的な3D表現にWebの未来を感じるWebGLを使ったサイト・デモ20選」にまとめましたが、WebGLを使ったサイトが最近話題になっていますね。 従来の平面で考えるWebの時代から次の時代への移り変わりを感じる今日この頃です。 今回は実際にWebGLを使った3D表現にチャレンジしてみます。 JavaScriptで記述しますが、初心者向けにまとめたのでノンプログラマやデザイナーの方にもチャレンジしてほしいです!実際にコード書くところは5分(早い人なら1分)でできると思います。 そもそもWebGLとは PC上で3Dを描画するための技術にOpenGLというものがあります。OpenGLは3DグラフィックスAPIとも呼ばれていて、様々なプラットフォームに対応しており、広く普及しています。 このOpenGLをWe
id:netcraftさんがエゴサーチ環境を公開されていたので、自分もこの機会に紹介してみます。 ネットウォッチでエゴサーチは基本中の基本 - はてな村定点観測所 id:netcraftさんと違ってtopisyuはプログラミング言語等に詳しくないので、アナログな方法でエゴサーチをしています。そういう意味で、タイトルを初心者向けということにしました。この記事は、エゴサーチには興味があるけれど、どうやってやったらいいか分からないという人以外にはお勧めしません。 Googleでエゴサーチ まず、基本は、Googleでのエゴサーチでしょうか。これは簡単ですよね。単に、Googleで、自分の名前を検索するだけです。 ただ、普通に検索すると全期間が対象になってしまいますので、上の方のタグの『ウェブ 地図 動画 ショッピング』の並びに『検索ツール』というのがありますので、そこで期間設定をしましょう。 検
最初にどなたかのブログで知った時は、言っちゃった人がすぐ名乗り出て謝らざるをえないだろうと思っていた。そうしないと疑いをかけられた自民党会派のダメージがあまりにも大きいからだ。そういう時代になっているのはもうわかっているだろうからと。 ところが不思議なことに誰も名乗り出ない。近くにいる人はわかっているはずだから"自首"を勧めればいいのにそれもなさそうだ。あ〜あ、知らないよ。名乗り出るのを先延ばしにするほど、本人も自民会派も、計り知れない大きなダメージを負って取り返しがつかなくなるのに。それにしても日本のおじさんってなんてカッコ悪いんだろう、と思った時にハッと気づいた。ぼくもとっくに五十を過ぎたおじさんだし、この醜悪な野次を発したのはぼくと同世代かもしれない。そういう年になっていた。 80年代後半に中堅の広告代理店に入った。年配社員が何のてらいもなく自分のデスクで電気かみそりでヒゲを"じ〜っ
このブログを読んでそうな人ならもう知っていると思いますが、先日Adobeのアプリそれぞれの「2014版」アップデートがリリースされました。ので更新版についていくつかの質問をピックアップしようと思います。 Q: CCアプリが2つになったけど?A: CCアプリをインストールしてもCS6が消えないと同じように、先日のCCアップデートのアプリが今までのと別にインストールされます。理由はいくつかあります:プロジェクトの途中にメジャーアップデートをしたくないユーザもいますし、万が一更新版がバグったら前バージョンを使える安心もあります。また、アップデートの内容によって別インストールが必要な場合もあります。(InDesignの.INDDファイルフォーマットが変わった、などの理由で)このため、今回のメジャーアップデートをインストールしても、以前のCCアプリが残ります。 Q: 「CC 2014」とは?CCとど
こんにちは、LIGブログ編集部です。 ここ半年くらい、とある上司が折に触れて暑苦しく「絶勝!絶勝!」と煽ってくるのですが、「絶勝」は「圧倒的勝利ッ!」という意味ではなく、正確には「超いい景色」という意味です。 言葉の使い方を間違えると部下から「バカなの?」と思われるので注意しましょう。 今回は、IT/Web業界頻出のカタカナ・ビジネス用語を130個ほどピックアップし、まとめてみました。自信のない人は辞書代わりに、自信のある人は用例と見比べつつ本当に正しく使えているかのチェックリストとしてご査収いただければ幸いです。 それでは、はじめます。 ※この記事は、2014年6月25日に公開された記事を再編集したものです。 【編集部からのお知らせ】 リスキリングに興味があるみなさんへ。 何を学ぼうか迷っている方におすすめなのが「Webクリエイター」です。 Webクリエイターをはじめとしたデジタルマーケ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く