[B! js] forcutieのブックマーク

UI改善にキラリと役立つ！ SVGアニメーションの作り方まとめ - ICS MEDIA

SVGアニメーションを用いると、さまざまなサイズのディスプレイで印象的なマイクロインタラクションを実現できます。マイクロインタラクションの導入によってUI改善に役立てているケースもあるでしょう︵参考﹁SVGで始めるマイクロインタラクション入門﹂︶。SVGでアニメーションを実装するには、CSSを使う方法、JavaScriptを使う方法、動画作成ソフトを使う方法等、さまざまなアプローチがあります。今回は、コーダー、フロントエンドエンジニア、デザイナーの分野別のSVGアニメーションのアプローチ方法を挙げ、その特徴と具体的な実装方法について紹介します。 CSSでSVGアニメーションを実現する方法︵コーダー向け︶コーダーにオススメするSVGアニメーション実現方法の1つは、CSSプロパティを使う方法です。 SVGはCSSプロパティによってグラフィックの形状を変更できます。たとえば、次のコードでは、

forcutie 2017/07/14

リンク

JavaScript初心者に最適！パラパラ漫画アニメーションをプログラムで制御できる「Wick Editor」を使ってみた！ - paiza times

どうも、まさとらん︵@0310lan︶です。今回は、誰でも気軽にブラウザ上で﹁パラパラ漫画﹂のようなアニメーションを作成できるWebエディタのご紹介です！このエディタが面白いのは、JavaScriptで動きを制御できるところで、活用次第ではインタラクティブなWebコンテンツやゲームなども制作することが出来ますよ！︻ Wick Editor︼ ■基本的な使い方！それでは、実際に﹁Wick Editor﹂を使いながら、どのようなサービスなのかを見ていきましょう！まずは、サイトにアクセスして﹁Launch Editor﹂ボタンをクリックします。すると、すぐに専用のエディタが起動します！面倒な﹁ユーザー登録﹂などは一切不要です。このページをブックマークしておけば、いつでも即座に作業を始められるのでオススメです。最初に、このエディタの使い方を簡単にご紹介しておきます！画面上部に

forcutie 2017/04/20

webdesign
js

リンク

「JavaScript初級者のためのコーディングガイド」に補足を試みる - Qiita

はじめに http://qiita.com/raccy/it ems/bf590d3c10c3f1a2846b を見ていたら、はてブに﹁理由がないから﹂ということがよく挙がっていたので、理由をつけてあげたら有益な内容になるかな？と思い、拙いながらも補足を試みようと思います。︻2017 1/3 15:10 追記︼元記事の前提はgulpなどを使ってminifyなども行なえる︵もしくは行う目標がある︶前提の様子なので、中級者以上がターゲットかなーと思いました。そのつもりで読むととてもいい記事だと思っています。﹁最新のJSの書き方を覚えてあとは変換機能に任せればレガシーなJSのキツイところに向き合わなくて済みますよ？﹂みたいなイメージだとわかりやすいかな？ ==、!= 理由暗黙の型変換が発生して、別の型の比較が真で扱われてしまう場合があるため。解説サンプルコードにも出ていますが言葉足らず

forcutie 2017/01/04

リンク

ituore.com - ituore リソースおよび情報

This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

forcutie 2016/05/20

リンク

ゼンリンの地図づくり｜地図情報会社「ゼンリン」のMapmaking

forcutie 2016/04/19

リンク

Molamil

Welcome to Molamil We are a digital partner We have been collaborating with brands and agencies to build meaningful digital interactions since 2008. School just became a lot more fun Experimentarium Pass It On is a reinvention on how to teach a subject to school students. And the lesson was well received, according to the Danish Minister of Education. Explore Case A Global Website for Cocio Cocio

forcutie 2016/01/28

リンク

「JSオジサンに怒られない脱初心者JavaScript」に行ってきました - WEBデザイナー2年目

html5j-begin.doorkeeper.jp javascriptの勉強が一通り終わったので、参加してきました！ javascriptの勉強会に参加するまでの道のりが長かったぜ...(T_T) 話の内容4名のJSオジサンからのありがたきお話＋質問タイムって感じでした。一つずつ、つらつら書いていきます︵※長文注意ですぞ！︶ 1.ソースレビューから学ぶ Javascript + 1 株式会社サイバーエージェントの、宗定洋平さんのお話です。 speakerdeck.com ざっくりまとめると、以下の4点についてのお話でした。レビューでみているポイント﹁バグがない﹂という言葉の定義関数名のつけ方ステップアップするために必要なこと印象的だったのが...ステップアップするために必要なこと...それは... ﹁情報処理技術者試験を勉強する﹂です。な、なんじゃそりゃー！初耳です。

forcutie 2015/11/12

js

リンク

Progate | プログラミングの入門なら基礎から学べるProgate[プロゲート]

Progateはオンラインプログラミング学習サービスです。﹁初心者から、創れる人を生み出す﹂ことが、私たちの理念です。プログラミング初心者のハードルを出来る限り取り払うこと、そして本当に創れるようになるレベルの高い学習を提供することを目指しています。

forcutie 2015/10/23

js

リンク

ある要素が表示されたときに命令を実行するJavaScript w/ jQuery – へんな柳生

無限スクロールの仕組みを調べている中で、jQueryを使って汎用性の高そうな動作が意外と簡単に実装できることがわかったのでメモ。ページ内のある要素が、スクロールされて表示されたときになんらかの命令を実行するJavaScript。 $(function() { // 引き金となる要素を設定 var triggerNode = $(".trigger"); // 画面スクロール毎に判定を行う $(window).scroll(function(){ // 引き金となる要素の位置を取得 var triggerNodePosition = $(triggerNode).offset().top - $(window).height(); // 現在のスクロール位置が引き金要素の位置より下にあれば‥ if ($(window).scrollTop() > triggerNodePosition)

forcutie 2015/10/13

js

リンク

baserjs

How To Use <script src="https://ajax.google apis.com/ajax/libs/jquery/1.11.0/jquery.min.js"> <script src="baser.min.js"> Bower Install $ bower install baserjs API API Document 機能一覧メソッド名機能

forcutie 2015/04/25

js

リンク

Vegas Background SlideShow

Vegas2Background SlideShowjQuery/Zepto PluginProject by Jay Salvat, Pictures from Unsplash. Need support? Don't waste your precious time, Hire me Feeling Generous? Buy me a beer, beer is good for motivation Need support?Don't waste your precious time, support is available for 24$. Ask your question and quickly receive a ZIP file with a clear running example with commented code and assets solving y

forcutie 2015/03/19

全画面スライドショー / supersizedより楽しめそう

js

リンク

[js] 画面全体をオーバーレイする | おれせか

Deprecated: Assigning the return value of new by reference is deprecated in /home/users/1/fool.jp-ichi/web/blog/wp-settings.php on line 472 Deprecated: Assigning the return value of new by reference is deprecated in /home/users/1/fool.jp-ichi/web/blog/wp-settings.php on line 487 Deprecated: Assigning the return value of new by reference is deprecated in /home/users/1/fool.jp-ichi/web/blog/wp-setti

forcutie 2014/08/26

js

リンク

finefinefine.jp

This domain may be for sale!

forcutie 2014/08/26

js

リンク

Chrome Extensions API リファレンス

This domain may be for sale!

forcutie 2014/06/21

イベントにて推奨

js

リンク

Amazon.co.jp: 開発者のためのChromeガイドブック (Google Expert Series): 吉川徹, あんどうやすし, 田中洋一郎, 小松健作: 本

forcutie 2014/06/21

イベントにて推奨

js

リンク

Amazon.co.jp: ノンプログラマのためのJavaScriptはじめの一歩 (WEB+DB PRESS plus): 外村和仁: 本

forcutie 2014/06/21

イベントにて推奨

js

リンク

App.js | Mobile webapps made easy

Mobile webapps made easy. Download Get Started App.js is a lightweight JavaScript UI library for creating mobile webapps that behave like native apps, sacrificing neither performance nor polish.

forcutie 2014/05/28

リンク

Webサービスを作りたい人が、素早くプログラミング言語を学べる15サイト - paiza times

Photo by Daniel Cukier コーディング転職サイトpaizaを運営している関係上、﹁Webサービスを作りたいけど、プログラミング言語をどこから学んだらよいか？﹂という質問をよく受けることがあります。今回はプログラマ視点でプログラミングを学ぶときにつまずやすいポイントと、プログラミング言語の基礎を簡単に楽しく学べるサイトをまとめてみました。最近はオンラインでプログラミングを勉強できるWebサービスが多数登場してきているので、以前よりプログラムを学ぶコストはぐっと下がっています！！目次・プログラミング言語を学ぶときに躓くポイント・学ぶ言語を選ぶのに役立つサイト・すぐ書きはじめられるプログラミング学習サイト・講義型のプログラミング学習サイト・少しコードに慣れてきてからお勧めのサイト・さらにスキルアップするのに最適なサイト・基礎文法をマスターしたいなら︵おまけ︶

forcutie 2014/04/25

リンク

jQueryのプラグインを探す時に便利なサイトのまとめ

星の数ほどあるたくさんのjQueryのプラグインから、目的にあったものを探すのはなかなか大変ですよね。そんな時に役立つ便利なサイトをまとめました。まずは手前ミソで自分がまとめたものから。これは本当に多大な労力と実際の動作確認もしているので自信をもってオススメできます。 jQueryのプラグイン100選 -2013年総集編日々チェックしているスクリプトから厳選して一年単位でjQueryのプラグインをカテゴリごとに選出しています。プラグインの半分近くは個別に記事も書いてあります。 jQueryのプラグイン100選 -2012年総集編 jQueryのプラグイン100選 -2011年総集編 jQueryのプラグイン100選 -2010年総集編 jQueryのプラグイン100選 -2009年総集編 jQueryのプラグイン100選 -2008年総集編

forcutie 2014/04/17

js

リンク

【入門】webアプリ開発を習得するための手順、言語、本、フレームワークまとめ | らふらく^^ ~ブログで飯を食う~

︻重要な追記︼プログラミング独学はキツいと、本題になる前に重要なことを書いておきます。僕も最初そうでしたが、JavaScriptなどプログラミングは独学だと難しくて投げ出したくなります。僕もできずに心が折れかけていました。そんな時に東京でプログラミング教室をやっていることを知り、参加してみたのでした。＞＞プログラミングでできること、日常生活での活用例、主要言語などまとめプログラミング教室で理解速度は格段に上がる結果、プログラミングへの理解度がかなり高まり、その後の勉強がスムーズにいきました。なので、僕はお金を払ってでも、プログラミング講座、スクールには行った方がいいと思っています。当時、学生ながら3万円くらい払いましたが、そこに投資して本当に良かったです。今月から有料プログラミングスクールに通うことに独学だと概念理解できなくてつまずいてしんどかったので結果として行ってよ

forcutie 2014/02/16

リンク

はてなブックマーク

タグ

関連タグで絞り込む (37)

jsに関するforcutieのブックマーク (286)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第2週）

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

今週のはてなブックマーク数ランキング（2024年7月第1週）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス