ddt2000のブックマーク / 2017年4月11日

ddt2000 id:ddt2000

2017年4月11日のブックマーク (5件)

文字フォントが一瞬で美しく！手の込んだPhotoshopテキストエフェクト素材30個まとめ
入力した文字を見違えるほど素敵に、そして手軽に仕上げることができるテキストエフェクト。ボタンクリックするだけで高品質な見た目を完成できる、デザイナーは持っておきたい素材のひとつです。今回は、無料ダンロードできる新作のPhotoshopテキストエフェクト素材をまとめてご紹介します。多くの素材は、スマートオブジェクト機能を利用しているので、別ウィンドウで文字テキストを編集するだけ、デザインに反映できます。より詳しい使い方については、以下のエントリーを参考にどうぞ。ほんの数クリックで完成！文字をかっこよくするPSテキストエフェクトまとめ魅せるテキストエフェクト！押さえておきたい無料デザインPSD素材24個まとめ無料ダウンロードできる、参考にしたいPhotoshop用テキストエフェクトまとめ 3 Photoshop Gold Text Styles キラキラ感がリアルな黄金文字テキスト用P
ddt2000 2017/04/11
photoshop

テキストエフェクト
リンク
スクロールバーの幅を考慮したモーダル処理 [JavaScript] | バシャログ。
どうもこんにちは fujihara です。新年度が幕を明けましたね。春独特の夜の飲み会のザワツキを感じると春だなぁ～って思います。(お酒はほとんど口にしませんが空気は嫌いじゃないです) 本日はモーダルを開いたときにスクロールを止めるために body に overflow:hidden をあてるとスクロールバーが非表示になり『ガタッ』ってなるのを防ぐ処理をご紹介します。個人的にはモーダル最終章だと位置づけています。概要処理内容は以下のとおりです。モーダルを開くボタンを押す bodyのoverflow:hiddenをあてる前のclientWidthを取得 bodyにoverflow:hiddenをあてる。(スクロールを不可に) bodyのclientWidthを再度取得 overflow:hidden前後でのclientWidthの値が0より大きい場合スクロールバーを考慮したpa
ddt2000 2017/04/11
javascript

モーダル
リンク
teratailに投稿されたメールフォームにCSRF脆弱性が残存した理由 | 徳丸浩の日記
teratailに以下のような投稿がありました。 PHPでメールフォームを作成したので、脆弱性がないかアドバイスいただけないでしょうか。エンジニアでもなければ、PHPもろくに書けない雑魚ですが、「php メールフォーム作り方」でググって表示されるサイトを見ると、「んんんんん？？？」と思うところがあります。これらを参考にしたり、コピペする方は、記述されているコードの良し悪しは判断できないかと思います。そのような方々が参考にできるメールフォームを作りたいという思いで、調べて作りました。周りに書いたコードを確認してもらえる人もいないので、皆様からのアドバイスがほしいです((_ _ (´ω｀ )ﾍﾟｺ【PHP】作成したメールフォームに脆弱性がないか、アドバイスもらえないでしょうかより引用どれどれ…と確認すると、トークンのチェックが入っているにも関わらずクロスサイト・リクエストフォージ
ddt2000 2017/04/11
PHP

CSRF

security
リンク
ノンプログラマーにもオススメ！滑らかなSVGアニメーションを驚くほど簡単に作成できるMac用ソフト「Keyshape」の使い方を解説
ノンプログラマーにもオススメ！滑らかなSVGアニメーションを驚くほど簡単に作成できるMac用ソフト「Keyshape」の使い方を解説更新日: 2018年05月29日プログラミングAR・VR制作アニメーションを作成するためのCSSやJavaScriptのライブラリ・フレームワークはたくさんリリースされています。これらのライブラリやフレームワークは、オブジェクトそのものの見せ方をアニメーション処理を加えて見せるもので、ユニークな動きをするアニメーションを簡単に実装することができるので、今なお人気があります。一方、昨今注目を浴びているのが、SVGアニメーションと呼ばれる新しいアニメーションの表示手法です。 SVGとはWebブラウザにも互換性があるベクターデータです。通常の.gifや.pngファイルようなビットマープデータだと拡大すると粗くなってしまいますが、SVGだとどれだけ拡大しても滑
ddt2000 2017/04/11
SVG

アニメーション
リンク
CSSアニメーションは確実に進化している！キーフレームを使ったCSSアニメーションの実装ポイントまとめ
CSSアニメーションは確実に進化しています。ユーザーを楽しませるだけでなく、ユーザーの注意をつかみ、サイトのゴールに導くための重要な手段にもなります。単調なアニメーションではなく、キーフレームを使い、タイミング・ディレイ・反復・方向・「will-change」機能を使ったCSSアニメーションの実装のポイントを紹介します。 How to Use CSS Animations Like a Pro 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 1. キーフレーム 2. アニメーションのタイミング 3. アニメーションのディレイ 4. アニメーションの再生状態 5. アニメーションの反復回数 6. アニメーションの方向 7. アニメーションの塗りつぶしモード 8. 「will-change」機能 9. CSSの4つの重要な値 1
ddt2000 2017/04/11
CSS

アニメーション

CSS3

キーフレーム
リンク
- 2017年4月13日
- 2017年4月11日
- 2017年4月10日