CSSのみでボーダーをスタイリッシュにアニメーションさせる
はじめに 何て表現すれば良いかアレですが、こんなエフェクトを見かけたので再現してみました。マウスオーバーで四方のボーダーがシュッと伸びてきます。Coolデスネ :) [動作イメージ] なお実際の...
84
82
Comment0
57 search resultsShowing 1~20 results
Stocked
You need to log-in
Evernoteノート用のデザインパーツを作成する【コピペでOK】
はじめに 皆さま、Evernoteはお使いでしょうか。 私はデザインやプログラムなどのスクラップをはじめ、勉強ログとしてもEvernoteを愛用しております。 そんな素敵なEvernoteですが...
35
30
Comment0
VSCodeでVagrantのMySQLを操作する
はじめに 普段使っているVSCodeでSQL文を書いてその場で実行・確認できたらなーと思って、色々試したら何とかできたのでそれの _φ(･_･ です 好きなExtensionをいれる https...
5
5
Comment0
JavaScriptコールバックを整理してみた【再入門】
はじめに JavaScriptのコールバックについて、シンプルに理解できるよう整理してみました。 特に目新しいことはないかと思いますが、何かのお役に立てば幸いです。 目次 コールバック（関数）と...
577
578
Comment3
ブレークポイントを使ったJavaScriptデバッグを整理してみた【再入門】
はじめに プログラミングの上達において、デバッグスキルを上げることはとても重要で近道の1つだと考えています。 私自身、勉強し始めた頃に知っていれば（理解できていれば）とよく思います。 今回、Ja...
576
568
Comment4
忙しい人のためのCakePHP入門（by ドットインストール）
はじめに この記事はドットインストールのCakePHP入門において、個人的に要チェックや！と思ったことをギュッとまとめたメモです。※なお実際に動画で説明されているものとは順番が異なる箇所がありま...
167
175
Comment2
はじめてajaxを使うときに知りたかったこと
はじめに 今更ですが最近ajaxを少し触るようになりました。 jQueryを使えば簡単にajax通信ができるため、単純なものであればそれほど実装は難しくないかと思います。 ですが少し複雑なことを...
1898
2022
Comment6
SVGをcss/jsで操作するときに知っておきたいこと
はじめに ※SVG初心者向きの記事です SVGはスケーラブルでベクターなグラフィックスです。レスポンシブや高解像度ディスプレイに対応する時にはとても頼もしい存在です。htmlと同じようにcssや...
315
322
Comment0
【すぐできる】プルリクやコメントなどで画像を使うとき、読みやすくするちょっとしたアイデア
はじめに 本日もプルリクエストお疲れさまです！ 私もプルリクやらレビューやらコメントやら何やら、日常的に書いております。 またその中でイメージを伝えるためにスクリーンショットなど画像を埋め込む、...
21
15
Comment3
知っていると幸せになれるかもしれないChromeDevtoolsの小技集 ～CSS開発編～
はじめに 私は開発ブラウザにChromeを使っています。Devtoolsは心の友です。 ですがまだまだ使いこなせていません。今回CSS周りで使える機能を改めて調べてみたので、それをメモとして記事...
105
102
Comment0
レスポンシブ対応時に知っていると得する（かもしれない）知識
はじめに 今やレスポンシブ対応は、要件としてデフォルトで求められるケースも増えてきました。きちんと作ろうとすると結構手間が掛かりますよね。。。 ちょうど機会があり、色々と調べていたら知らなかった...
177
185
Comment2
jQuery.on()は追加式なのでイベントの重複登録に注意しよう
はじめに jQuery.on()は動的に追加したDOMに対しても簡単にイベントを追加できる便利なメソッドです。一方でaddEventListenerとは異なり、全く同じイベントでも重複登録できて...
275
258
Comment2
Gulp+Sftp+BrowserSyncでリモートサーバへのPush+リロードを自動化させる
はじめに 表題の通りですが、前々からこういったことがやりたいと思っていました。今回Gulpを使うことで簡単に実現できた気がするので、メモとしてまとめました。何かのお役にでも立てば幸いです。 [目...
40
34
Comment1
Canvasで不気味で怖い？ブラウン管テレビのようなエフェクトを書いてみた
はじめに Canvasを利用して、不気味で怖いブラウン管テレビのようなエフェクトを書いてみました。 CSS3のfilterプロパティを使っても似たようなことはできるかもしれませんが、ザラザラした...
27
33
Comment0
CSSアニメーションで簡単に数字をジャカジャカとドラムロールさせる
はじめに CSSアニメーションはアイデア次第で色々なことができます。 今回CSSアニメーションのみで、数字がクルクルと上昇していくような表現を実装してみましたのでご紹介します。 手動で書くと大変...
12
14
Comment0
Sassで@mixinを作る時に知っておきたい基礎知識
はじめに Sassの**@mixin**はメンテナブルなCSS設計にも役立つ強力な機能です。 一方でゆるくも書けてしまうため、気をつけないと不格好なCSSが簡単に出力されてしまいます。 そこで@...
386
405
Comment0
Canvasで色々な直線を引いてみよう！【おまけつきだ・・・っ！】
はじめに 生のCanvasAPIには便利なアニメーションメソッドは無く、ただの直線でも動かそうとすると結構手間です。意外と使う気もするので、記事としてパターンをまとめてみました。何かのお役に立て...
56
48
Comment0
CSSアニメーションを使いこなすために知っておきたい5つのこと
はじめに keyframesを使ったCSSアニメーションは描画パフォーマンスが良く、ヌルヌルな動きが簡単に実装できます。 最近旧IEのサポートが切られたこともあり、今後は触る機会もより増えてくる...
323
299
Comment1
jQuery:使い勝手の良いタブ機能の実装メモ
はじめに jQuery UI や Bootstrap のようなライブラリ/フレームワークを使用せずに、簡単なタブメニューを作成してみました。なるべく使い勝手が良く（カスタマイズしやすく）なるよう...
54
54
Comment0
現在ページのjQueryイベントを全て確認するSnippets
はじめに 途中からプロジェクトに参加したり、複数人でjsをガリガリ書いていたりすると、どこでどんなイベントが設定されているか、全容が把握しにくいことがあると思います。 そこで、今いるページのイベ...
21
24
Comment1
57 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles