PHPカンファレンス 2021 1週間å‰ã‚¤ãƒ™ãƒ³ãƒˆ 〜 帰ã£ã¦ããŸPHP勉強会@æ±äº¬ ã®ç™ºè¡¨è³‡æ–™ã§ã™ã€‚ https://phpcon.connpass.com/event/224128/
ã¤ã„ã«ã€Webアプリã§ã®å¸³ç¥¨å°åˆ·ã®ãƒ™ã‚¹ãƒˆãƒ—ラクティスを編ã¿å‡ºã—ã¾ã—ãŸðŸ’¡
ã€2019年】CTF Webå•é¡Œã®æ”»æ’ƒæ‰‹æ³•ã¾ã¨ã‚ (Webå•é¡Œã®writeupãœã‚“ã¶èªã‚€) - ã“ã‚“ã¨ã‚ーるã—ーã“ã‚“ã¨ã‚ーるã¶ã„
CTF Advent Calendar 2019 - Adventarã®25日目ã®è¨˜äº‹ã§ã™ã€‚ 1ã¤å‰ã¯@ptr-yudaiæ°ã®2019å¹´ã®pwnå•ã‚’全部解ããƒãƒ£ãƒ¬ãƒ³ã‚¸ã€å¾ŒåŠæˆ¦ã€‘ - CTFã™ã‚‹ãžã§ã—ãŸã€‚ ã¯ã˜ã‚㫠対象イベント å•é¡Œæ•° èªã¿æ–¹ã€ä½¿ã„æ–¹ Cross-Site Scripting(XSS) SVGファイルを利用ã—ãŸCSPãƒã‚¤ãƒ‘ス Googleドメインã®JSONPを利用ã—ãŸCSPãƒã‚¤ãƒ‘ス サブリソース完全性(SRI)機能を利用ã—ãŸå…¥åŠ›ãƒã‚§ãƒƒã‚¯ãƒã‚¤ãƒ‘ス Chrome拡張機能ã®ãƒ‘スワードマãƒãƒ¼ã‚¸ãƒ£ãƒ¼KeePassã®æ‚ªç”¨ HTML likeコメントを使用ã—ãŸã‚³ãƒ¡ãƒ³ãƒˆã‚¢ã‚¦ãƒˆ jQuery.getJSONã®JSONP機能を使用ã—ãŸã‚¹ã‚¯ãƒªãƒ—ト実行 DOM Clobberingã«ã‚ˆã‚‹ã‚³ãƒ¼ãƒ‰ãƒã‚¤ã‚¸ãƒ£ãƒƒã‚¯ Service Workerを利用ã—ãŸã‚¹ã‚¯ãƒªãƒ—ト実行 XSS Auditor機能ã®ãƒã‚¤ãƒ‘ス
SVGç·šç”»ãŒç¾Žã—ã„リッãƒã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ä½œã‚Šæ–¹ (1/2)
ページé·ç§»ãŒæ¥½ã—ã„繊細ã§æ»‘らã‹ãªå‹•ã CSS3を使ã£ãŸæ»‘らã‹ãªå‹•ãã¨å¤§èƒ†ãªã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ãŒé…力的ãªã€ŒBeatrice Creationsã€ã€‚é»’ã¨ç™½ã‚’基調ã¨ã—ãŸè‡³ã£ã¦ã‚·ãƒ³ãƒ—ルãªãƒ‡ã‚¶ã‚¤ãƒ³ãªãŒã‚‰ã€ã¤ã„全ページを見ã¦ã¿ãŸããªã‚‹ã€é£½ãã®ã“ãªã„演出ãŒæ–½ã•ã‚Œã¦ã„る。 Béatrice Créationsã§ã¯ã€è¤‡æ•°ã‚る作å“ã®ãƒã‚´ã«SVGãŒä½¿ã‚ã‚Œã¦ãŠã‚Šã€ä½œå“ページを移動ã™ã‚‹ãŸã³ã«ç¾Žã—ã„カーブをæã。軽é‡ã§ã€æž ç·šã‚„ç·šç”»ã«ã‚ˆã£ã¦ç¹Šç´°ã§ãƒªãƒƒãƒãªä¸–界観を演出ã™ã‚‹ã€ä»Šæ³¨ç›®ã®SVGアニメーションを有効ã«æ´»ã‹ã—ãŸã‚µã‚¤ãƒˆã 。 今回ã¯ã“ã®ã‚µã‚¤ãƒˆã‚’ヒントã«ã€SVGã®åŸºæœ¬ã¨ã€CSS3アニメーションを使ã£ãŸå‹•ã‹ã—方を解説ã™ã‚‹ã€‚CSSã¨HTMLã®ã¿ã§æ¬¡ã®ã‚ˆã†ãªæž ç·šã¨ãƒ†ã‚ストをæãã€æœ€çµ‚çš„ã«ã¯jQueryを使ã£ã¦è‰²ã‚’変ãˆã‚‹ãƒ‡ãƒ¢ã‚’制作ã™ã‚‹ã€‚ STEP 1：SVGã®ãƒ‘スを作æˆã™ã‚‹ アニメーションを作るå‰ã«ã€Illustratorを使ã£ã¦ç´
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}