手軽に実装！Webサイトにアニメーションを加えられるCSS＆JavaScriptライブラリー
2019年2月22日 CSS, JavaScript, jQuery 人間の目は動きを感知すると反射的に目が動き、意識をそちらに向けるそうです。そのため、アニメーションは要素をほんの少し動かすだけで注目を集められるという強い力を持っています。今回はそんなアニメーションを手軽に実装できるCSSやJavaScriptのライブラリーをいくつか紹介します。 ↑私が10年以上利用している会計ソフト！ アニメーションを使う時に気をつけたい事 アニメーションを使えば、前後の画面に繋がりを持たせたり、ユーザーに次の動きを予測させ、安心感を与えることができます。よく使われるものが、ふんわりと画面や要素を移り変えるフェードという効果です。目の前の物が一瞬で消え、パッと新しい物が現れる…なんて、現実世界ではありえませんよね。もちろん、単純に見ていて楽しい、かっこいい、なんていう刺激を与えられます。 しかし、ユー
jQueryの基本的な書き出し比較とまとめ | Webスクリプターがつぶやくブログ
社内でJavaScript職人の地位が確立されてきた僕です。 元々コーディング大好きマンなので楽しい限りです。 PHPを忘れそうですがw 今回は後輩（デザイナー）から、jQueryの書き出し（書き始め方？）が色々あってよくわからないと言われたので、比較とまとめをしていきます。 おそらく、後輩に限らず、デザイナーやコーダーの方がよく使うものは下記辺りではないかと。印象も参考までに載せておきます。 １）$(function(){...});←多分1番使う ２）$(document).ready(function(){...});←次によく使う ３）jQuery(function($){...});←あまり使わないけど、検索したら見かける ４）jQuery(document).ready(function($){...});←WordPressでよく見る ５）(function($){...})
Ajax通信とクロスドメイン問題 | IT工房｜AI入門とWeb開発
ajax通信とは URLを入力して希望するWebページをリクエストして、サーバーからのデータが送られてきて希望するページを閲覧するという通常の手順と違い、Ajax通信はJavaScriptを使用して必要なコンテンツを更新する仕組みです。通常の通信はページを全て読み込んで表示しますが、Ajaxはある一部分だけを読み込んで変更することができるものです。 Ajaxで送受信するには loadメソッドを使用する方法と$.ajaxを使用する方法があります。 loadメソッドを使用する方法は$( )で指定されたjQueryオブジェクトに設定するメソッドです。 これを使用すると別ページのコンテンツを読み込むことが可能です。 例 $('div').load('mypage.html h1') $.ajaxを使用する方法はjQueryオブジェクト上で呼び出すのではなく、jQueryや$で直接呼び出される関数で
JavaScriptでクロスドメインの壁を飛び越える方法 - FICC Workbook
Javascriptを使って異なるドメイン上のデータを引っ張ってこようと思うと意外とたいへんです。 「クロスドメイン問題」とかいう面倒な壁が立ち塞がっているからです。 ぼくもさっきまでハマりまくっていたのですが、「jquery.xdomainajax.js」と言う良さ気なJQueryライブラリを使うことによって見事クロスドメインの壁を飛び越えることに成功しましたのでメモ 使い方使い方は簡単なのでありがたい。 GitHubから「jquery.xdomainajax.js」をDLしておき、以下の様なHTMLを書いて保存して実行。 ファイルを開けば、実行され他ドメインのサイトの内容が表示されます。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>クロスドメイン突破してみるん</title> <!-- jQ
あなたはこうやってラーメン店に失敗する
∞∞ 思いっきりネガティブ ∞∞ 私はラーメン店を開業し廃業した体験談をＨＰ上にて公開しています。ＨＰ上で私はラーメン店を開業することを勧めていません。それは安易な脱サラは失敗する確率が高いと考えているからです。しかし、私の思いとは反対に私の体験談を反面教師として実際にラーメン店を開業した方もいらっしゃいます。実は、私はその方を尊敬しています。失敗した例を知りながら挑戦する勇気に対してです。 私は考えました。失敗に至る例をもっと紹介しよう！ と。 より多くの失敗事例を知ったのちに開業に踏み切るなら失敗する確率はもっと低くなるはずです。 本書は私が見聞きした事例を参考に、読者のみなさんにわかりやすいように具体的に話を展開しています。とくに後半は物語ふうに書きました。一般の人は売り上げ不振で廃業することは想像できると思います。しかしそれ以外の理由で廃業してしまう例もたくさんあります。本書では売
Google Sites
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
(その場で編集するUI) の実装方法を考えてみた - Cyokodog :: Diary
画面上の変更したいデータや文章をクリックすると、画面遷移をせずその部分のみが編集可能状態になるユーザインターフェースのことを Edit-In-Place あるいは In-Place-Editor と呼ぶそうです。 jQueryでEdit-In-Place（その場編集）を実現するためのプラグイン＆チュートリアルいろいろ - IDEA*IDEA inplace edit で始める DOM スクリプティング - 脱エンタープライズ志向 今回は jQuery による In-Place-Editor の実装方法について考えてみます。 In-Place-Editor の効果的な使い方 登録文書を承認ワークフローでまわすようなシステムの場合、同一文書に対し複数ユーザが修正や加筆をするというケースがよくあります。その際起こる問題として「データ編集中に他者に更新を先越され、登録処理で排他エラーになってしまっ
ele-king vol.18 | ele-king
昔からよく言われることだが、Jポップからは背景が見えない。見えないのが日本の風景だと言われてしまえばそれまでだが、風景らしい風景がないかわりに内面ばかりが語られる音楽を聴き続けるというのは、どこか息苦しい。セックス・ピストルズにはロンドンの下町の匂いがあったし、ザ・スミスからはマンチェスター郊外の街並みが幻視できた。レゲエからはキングストンの熱気が伝播し、シカゴ・ハウスやデトロイト・テクノは街の知られる1面をレポートした。ブリアルのダブステップからもブレア以降の寂しい郊外が一緒に聴こえた。ヒップホップやグライムにいたっては、それが見えない作品を探す方が困難だろう。(ここで言う背景/背後とは、東京や湘南や札幌など、ただ地名を言うことではない。社会や歴史的背後という言葉に置換しうるものの意味で使っている) 今日の日本の新しいヒップホップ、KOHHやBAD HOPからは背景も一緒に聴こえる。KO
honeyee.com ハニカム
花井祐介・hi-dutch・MHAK・YOSHI47・Yoshiki Suzuki「SEARCHING」@cassette 2024年2月2日(金)〜3月3日(日)
Histography - Timeline of History
Welcome to Histography where every dot is a historic event from wikipedia You are now viewing history from 1600 - 2000 Resize the bottom bar to view any time period or era This screen will show you selected events throughout history Scroll through the events on the left The more you move, the further you will delve into history
STUSSYなど10ブランドにグラフィック提供したアーティストKOU
Kousuke Shimizuを知っているだろうか? Kousuke Shimizu（通称KOU）はアナログコラージュ、シルクスクリーン、イラストレーション、グラフィックから半立体物などさまざまな手法を取り入れ作品を制作しているクリエイターだ。また自身の作品制作のみならず、アートディレクターやTVCMなどへの衣装製作も手掛けている。COMME des GARÇONS GANRYU、CHRISTIAN DADA、STUSSY（USA）などアパレルブランドや広告媒体などにグラフィック作品の提供を行うなど、活躍の幅を広げている。 私はKOUくんといつどこで出会ったのか忘れてしまうくらい、知り合って結構な年数が経っていた。共通の友達も多いことからイベントやギャラリーなどの展示会場で会うことが多く、そのときに「最近どう?」なんて話すことはあっても、改まって仕事の話をするのは今回が初めてだ。 なんだか
ノイズレスサーチ
ノイズレスサーチは邪魔なサイトを除外してGoogle検索できる検索エンジンです。 NAVERまとめ・キュレーションサイト・知恵袋・まとめサイト・2ch転載・Amazon・楽天・価格コムなどの通販サイト・食べログ・クックパッド、Pinterest、その他多数のサイト（約5000個）を除外しています。 レシピ検索、医療検索、商品レビュー、仕事や論文の調べ物、観光地・グルメ検索で威力を発揮します。 Chrome拡張機能「ノイズレスサーチ+」を開発していただきました。ショートカットキーでランチャー起動が可能です。 初めての人はまずこちらをどうぞ。 ・概要 ・レシピ検索について ・カスタマイズ（スマホは検索ランチャーアプリの使用をおすすめします） ※ノイズレスサーチはおかげさまで多くのユーザーにリピートしていただいていますが、一般的にはまだ知名度が低いサービスです。今後の継続のためにも、気に入ってい
DRAM – D.R.A.M. Sings Special
How to Format Lyrics: Type out all lyrics, even repeating song parts like the chorusLyrics should be broken down into individual linesUse section headers above different song parts like [Verse], [Chorus], etc.Use italics (<i>lyric</i>) and bold (<b>lyric</b>) to distinguish between different vocalists in the same song partIf you don’t understand a lyric, use [?]To learn more, check out our transcr
NOISEY JAMAICA レゲエ新世代の逆襲 ＜総集編＞
1968年にジャマイカで産声を上げ、全世界のあらゆる音楽ジャンルに影響を与え続けているレゲエ。サウンド・システム、DJ、リミックス、ヴァージョン、ダブ、サウンド・クラッシュなどなど、現在のシーンの源となるものはすべてレゲエから、そしてジャマイカから生まれて来た。しかし各国での新たなるレゲエ解釈やサブジャンルの誕生を横目に、90年代以降の本国レゲエは、お世辞にも活気があるシーンではなかった。 NOISEY JAMAICA ① : PROLOGUE しかし、2000年も10年を越えた辺りから変化が訪れる。新しい世代の逆襲である。「今」のジャマイカ・レゲエ・シーンをMAJOR LAZERのウォルシー・ファイア（Walshy Fire）が探る。 NOISEY JAMAICA ② : CHRONIXX AND PROTOJE まずはレゲエ・リバイバル。ダンスホールが主役となっていたジャマイカ・シーン
ただのレーベルに止まらず、時代をざわつかせるWarpの先鋭性 | CINRA
UKテクノ～エレクトロニカの歴史を作った1990年代のWarp Records 2016年、Warp Recordsからの怒涛のリリースが止まらない。2014年に劇的な復活を果たしたAphex Twinの最新作を筆頭に、Autechre、Plaid、マーク・プリチャードといった1990年代初頭から活動を続けるベテランが立て続けに新作をリリース。しかも、その内容からリリース方法に至るまで、それぞれがあまりに個性的なのだ。 そもそも、90年代のWarpというのは、「UK電子音楽の名門」という明確なレーベルカラーを持っていた。Aphex TwinやSquarepusher、Plaidの前身であるThe Black Dogなどが名を連ねたコンピレーション作品『Artificial Intelligence』シリーズが代表するように、カッティングエッジなテクノ / IDM（Intelligent D
誰が観ても絶対的に面白い名作映画100本
世界最大の映画情報サイト・インターネット・ムービー・データベースで集計されたランキングを元にリスト化しました。 http://www.imdb.com/chart/top?ref_=nv_mv_250_6 世界最大級のユーザー数を誇るサイトのランキングですから、 当然世界で一番正しい映画ランキングです。 ひれふせ。 1. 『ショーシャンクの空に』（1994）9.2/10点 2. 『ゴッドファーザー』（1972） 9.2/10 3. 『ゴッドファーザー：パート２』（1974） 9.0/10 4. 『ダークナイト』（2008） 8.9/10 5. 『シンドラーのリスト』（1993） 8.9/10 6. 『12人の怒れる男』（1957） 8.9/10 7. 『パルプ・フィクション』（1994） 8.9/10 8. 『ロード・オブ・ザ・リング 王の帰還』（2003） 8.9/10 9. 『続夕陽の
なにこれ楽しい！SQLをブラウザ上で学習できるSQLZOO！ - 嗚呼、学習の日々
みなさまごきげんよう！ 嗚呼蛙でございます！ 一昨日amazonアソシエイトの審査を無事通過したことを祝って、露骨なアフィ目的記事を書いてみました。 今日はデータベースの操作を行う言語『SQL』を実践的に学習できるサイトを発見したので、それについて書いていこうと思います。 SQLってなに？ ブラウザ上でSQLの学習ができるサイト 日本語でのSQL学習 SQLってなに？ SQLを知らない方のためにSQLについて簡単に説明しておくと、例えばネットショップで買い物をする時にこんな感じで「会員情報」「送付先」」「購入品」を登録しますよね。 【会員情報】 【送付先】 【購入品】 すると、ブラウザから入力された情報は、SQLを使ってこんな感じでデータベースに書き込まれます。 【会員テーブル】 【送付先テーブ】 【売上テーブル】 こんな風にブラウザから送られた情報をデータベースに書き込んだり、蓄積された
20代のおまえらへ愛を込めて
まだ20代のおまえが「会社のため」とか「組織のため」なんて考えるなよ。とにかく「社会のため」と考えろ。そのためにもっともっと勉強しろ。若いのに、狭めんなよ、おまえの可能性を。大人になってからすんなよ、誰かのせいに。 家帰ってテレビつけてさ、世界の裏側の凄惨な事件、問題がやってるじゃん。チャンネル変えんなよ。少しは胸痛ませろよ。そんなの見ても会社の売上が上がるわけじゃないとか言うなよ。社会のこともよく知らない時点でそんな思い込みすんなよ。それでさ、布団にくるまって、職場の人間関係で悩むなよ。そんなのに悩んでる暇はおまえには１秒もないんだよ。狭めんなよ、おまえの可能性を。まだまだ若ぇんだよ。30になって結婚して子供できて家買って定住したらいやでも狭められるんだから、今のうち見とけよ、おまえを取り巻く社会を。世界の果てまで。行ってくる必要はないけど思いをめぐらせろよ。 おまえに「会社へ恩返し」と
『天使と悪魔が時々味方』
前々回ぐらいの続きでで東京の新世代HIP HOP集団YENTOWNをさらり。 おすすめ記事↓ YENTOWN - うぉーぼーLIFE http://almightyettoh.hatenablog.com/ YENTOWNについて詳しく書いてありますので是非。 一個前のブログでも書きましたが最近YENTOWNおよびkiLLaがすきです。 何が楽しみってYENTOWNの中核、ダイジくんことJunkmanが僕が初めて彼を認知した２年前のTokarev名義の頃からどんどんスキルを更新していっていて、次はどんなラップをしてくれるかと変な気分になります。 若いdiZZYやkZmが上手いのは普通の意味で楽しいんですが。 彼らより年長の怖そうなお兄さんが曲を重ねるごとにすさまじいスピードでかっこよくなっていくのが勇気をもらえたり、かっこよかったり、きゅんきゅんしたりでほんとダイジくんって誰だ。俺だ。 ア
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
issac hayes - bumby's lament
LIVE FILE : SUMMIT presents AVALANCHE
KOHH, PETZ, Tokarev - 十人十色(prod by Y.G.S.P)
KOHH & MONY HORSE - We Good Official Video