Visual Test-Driven Development For Responsive Interface Design — Smashing Magazine
What if we had an opportunity to write visual tests for responsive websites? What if we could describe the look and feel of an application and put this directly into our tests? Ivan Shubin decided to look at another interesting side of visual testing. For the last seven years, his main focus has been testing automation for a big enterprise project. Over time, Ivan became obsessed with the idea of
Galen Framework | Automated testing of responsive design
Automated testing of look and feel for your responsive websites Download 2.4.4 The Idea... Layout testing seemed always a complex task. Galen Framework offers a simple solution: test location of objects relatively to each other on page. Using a special syntax and comprehensive rules you can describe any layout you can imagine Runs in Selenium Grid Galen Framework runs well in Selenium Grid. You ca
色んãªXSS – nootropic.me
2015/4/16(木)：ページã®ä¸€ç•ªä¸‹ã«è¿½è¨˜ã‚’記述ã—ã¾ã—ãŸã€‚ ãã®æ˜”ã€ãªã‚“ã¨ã‹ã‚ャンプã¨ã„ã†ã‚»ã‚ュリティã®ã‚¤ãƒ™ãƒ³ãƒˆã«å‚åŠ ã—ãŸæ™‚「アウトプットãŒå¤§äº‹ã€ã¨è¨€ã‚ã‚ŒãŸã®ã‚’æ€ã„出ã—ã¾ã—ãŸã€‚ ã§ã‚‚ã€æ™®é€šè‡ªåˆ†ã®è¦‹ã¤ã‘ãŸçŸ¥è˜ã¯å¾Œç”Ÿå¤§äº‹ã«æŠ±ãˆã¦ãŠããŸã„ã‚‚ã‚“ã ã¨æ€ã„ã¾ã™ã€‚ ãã“ã§ä»Šå›žã¯ãã†ã„ã£ãŸä½•ã‹ã—ょーもãªã„ã‚‚ã®ã‚’æ¨ã¦ã‚‹ã¹ãã€æºœã‚込んã 色んãªXSSã®PoCã‚’å°‘ã—書ã出ã—ã¦ã¾ã¨ã‚ã¾ã—ãŸã€‚ 今ã¾ã§è‡ªåˆ†ã§è¦‹ã¤ã‘ãŸã‚‚ã®ã‚„海外ã®Security Researcheré”ã‹ã‚‰åŽé›†ã—ãŸã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ã€‚ ã•ã¦ã€ä»Šå›žãƒªã‚¹ãƒˆã‚¢ãƒƒãƒ—ã—ãŸPoCã®è¦‹æ–¹ã§ã™ãŒã„ãã¤ã‹ã®é …ç›®ãŒã‚ã‚Šã¾ã™ã€‚ 一番上ã®ã€Œæ‰‹æ³•ã€ã¯ã‚¿ã‚¤ãƒˆãƒ«ã¿ãŸã„ãªã‚‚ã®ã ã¨æ€ã£ã¦ä¸‹ã•ã„。 二番目ã®ã€ŒPoCã€ã¯ã‚¹ã‚¯ãƒªãƒ—トを実行ã™ã‚‹ç‚ºã®ã‚³ãƒ¼ãƒ‰ã§ã™ã€‚殆ã©ãŒã‚¢ãƒ©ãƒ¼ãƒˆãŒå‡ºã‚‹ã ã‘ã®ã‚¹ã‚¯ãƒªãƒ—トã®ç‚ºå±é™ºãªã‚³ãƒ¼ãƒ‰ã¯ç„¡ã„ã¤ã‚‚ã‚Šã§ã™ãŒã”自分ã®ãƒ–ラウザã§å®Ÿè¡Œã™ã‚‹éš›ã¯è‡ªå·±è²¬ä»»ã§ãŠé¡˜ã„ã—ã¾ã™ã€‚リンクをクリッ
Microsoftã€æ–°ãƒ–ラウザ「Spartanã€ï¼ˆã‚³ãƒ¼ãƒ‰ãƒãƒ¼ãƒ ）をæ£å¼ç™ºè¡¨
ç±³Microsoftã¯1月21日（ç¾åœ°æ™‚間）ã€ãƒ¯ã‚·ãƒ³ãƒˆãƒ³å·žãƒ¬ãƒ‰ãƒ¢ãƒ³ãƒ‰ã®æœ¬ç¤¾ã‚ャンパスã§é–‹å‚¬ã—ãŸã€ŒWindows 10ã€ã®ãƒ—レスイベントã§ã€ã†ã‚ã•ã•ã‚Œã¦ã„ãŸWindows 10ã®æ–°Webブラウザを発表ã—ãŸã€‚ コードãƒãƒ¼ãƒ ã¯ã€ŒProject Spartanã€ã§ã€åŒç¤¾Operating System部門コーãƒãƒ¬ãƒ¼ãƒˆãƒã‚¤ã‚¹ãƒ—レジデントã®ã‚¸ãƒ§ãƒ¼ãƒ»ãƒ™ãƒ«ãƒ•ã‚£ã‚ªãƒ¼ãƒ¬æ°ã«ã‚ˆã‚‹ã¨ã€æ£å¼å称ã¯Spartan以外ã«ãªã‚‹å¯èƒ½æ€§ã‚‚ã‚ã‚‹ã¨ã„ã†ã€‚ ã†ã‚ã•ã§ã¯ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚¨ãƒ³ã‚¸ãƒ³ã¯Internet Explorer（IE）ã¨åŒã˜ã€ŒTridentã€ã¨ã•ã‚Œã¦ã„ã‚‹ãŒã€ãƒ™ãƒ«ãƒ•ã‚£ã‚ªãƒ¼ãƒ¬æ°ã¯ã€Œæ–°ã—ã„レンダリングエンジンを採用ã—ãŸã€ã¨èªžã£ãŸã€‚ イベントã§ç´¹ä»‹ã•ã‚ŒãŸä¸»ãªæ©Ÿèƒ½ã¯3ã¤ã€‚ ã¾ãšã€ã†ã‚ã•é€šã‚Šã®ã‚¢ãƒŽãƒ†ãƒ¼ã‚·ãƒ§ãƒ³æ©Ÿèƒ½ã€‚Spartanã§è¡¨ç¤ºã—ãŸWebページã«ã‚¹ã‚¿ã‚¤ãƒ©ã‚¹ã§æ›¸ãè¾¼ã¿ãŒã§ãã€ãれをOneDriveã«ä¿å˜ã—ã¦ãƒ¦ãƒ¼ã‚¶ãƒ¼åŒå£«ã§å…±æœ‰ã§ã
全国ã®Seleniumerå¿…èª - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? アナウンス Selenium 談話会 in Slack ã¾ã ã¾ã 活動続ã‘ã¦ã„ã¾ã™ï¼ï¼(2019/09/09追記) https://selenium-danwakai.connpass.com/ ã§ã‚¢ãƒŠã‚¦ãƒ³ã‚¹ã‚’出ã—ã¦ã„ã¾ã™ã€‚ 2015/春ã‹ã‚‰ã€ŒSelenium 談話会 in Slackã€ã¨ã„ã†ã‚‚ã®ã‚’ã¯ã˜ã‚ã¾ã—㟠Slack(ãƒãƒ£ãƒƒãƒˆ)を使ã£ã¦æ—¥ã€…ã®å›°ã‚Šã”ã¨ãªã©ã‚’åŒå£«ã¨ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã§æƒ…å ±äº¤æ›ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ 登録ã•ã‚ŒãŸãƒ¦ãƒ¼ã‚¶ã¯2015/06/25時点ã§35å => 2019/09/09時点ã§596å åŠå¹´ã«ï¼‘回程度ã§ãƒãƒ£ãƒƒãƒˆä¸Šã«é›†ã¾ã£ã¦ãƒ†
ブラウザーã«å„ªã—ãã¦ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’滑らã‹ã«
ブラウザーã«å„ªã—ãã—ã¦ã€ アニメーションを滑らã‹ã« Brian Birtles, Mozilla Japan html5j October 2014, Tokyo Animation is awesome… Source: Christopher Price 2013, http://topherchris.com/post/55109717733 Animation is awesome… Source: icanhasGIF.com windfinder.com earth.nullschool.net healthmap.org/ebola/ 蔓延[ã¾ã‚“ãˆã‚“] = spread (disease) ebolavideo.org ウィンドウを最å°åŒ–ã™ã‚‹ 逆ã«è² æ‹…ã«ãªã‚Šã¾ã™ã€‚ã†ã¾ãã„ã‹ãªã‹ã£ãŸå†—談ã¿ãŸã„。 Animation is awesome? HTC J 端末上㮠Firefox
Wall of browser bugs
Outdated content This page is outdated and is no longer applicable to the latest versions of Bootstrap. It’s here purely for historical purposes now and will be removed in our next major release. Bootstrap currently works around several outstanding browser bugs in major browsers to deliver the best cross-browser experience possible. Some bugs, like those listed below, cannot be solved by us. We pu
ブラウザã®ã—ãã¿: 最新ウェブブラウザã®å†…éƒ¨æ§‹é€ - HTML5 Rocks
How browsers work Stay organized with collections Save and categorize content based on your preferences. Preface This comprehensive primer on the internal operations of WebKit and Gecko is the result of much research done by Israeli developer Tali Garsiel. Over a few years, she reviewed all the published data about browser internals and spent a lot of time reading web browser source code. She wrot
Shadow DOM CSS Cheat Sheet
Author's Note: This post was originally written in April 2014 and since then a lot has changed with Shadow DOM CSS. I've updated the post to reflect the current state of things as of March 2016. This guide is my attempt to track the progress of all the new CSS selectors which affect the Shadow DOM. I've written this from the perspective of someone who uses Polymer so in a few places I point out po
testem + mocha on Travis-CI - ブラウザã§ã®ãƒ†ã‚¹ãƒˆã‚’自動化ã™ã‚‹ - 四角é©å‘½å‰å¤œ
Travis-CIã§ãƒ–ラウザã®ãƒ†ã‚¹ãƒˆã§ããªã„ã®ã‹ãªãƒ¼ã€ã§ããªã„よãªãƒ¼ã¨æ€ã„ã¤ã¤ã€ã„ã‚ã„ã‚探ã—ã¦ã¿ãŸã‚‰å‡ºæ¥ã‚‹ã‚ˆã†ãªäº‹ã‚’知りã€ä»Šãƒ›ãƒƒãƒˆï¼ˆãªã®ã‹ãªï¼Ÿï¼‰ãªtestemを使ã†äº‹ã§mochaã§ã®ãƒ†ã‚¹ãƒˆã‚‚実行ã§ãるらã—ã„ï¼ã¨ã„ã†äº‹ã‚’知ã£ãŸã®ã§è©¦ã—ã¦ã¿ã¾ã—ãŸã€‚ 準備 package.jsonã®è¨˜è¿°ã‚’変更ã—ã¾ã™ã€‚ package.json "scripts": { "pretest": "./node_modules/.bin/bower install", "test": "./node_modules/.bin/mocha && ./node_modules/.bin/testem ci" }, "devDependencies": { "bower": "~0.8", "chai": "~1.5", "mocha": "~1.8", "testem": "~0.2" } testemãŒå¿…è¦ãªã®ã§tes
弊社ã®ãƒ›ãƒ¼ãƒ ページã«Content Security Policy(CSP)ã‚’å°Žå…¥ã—ã¾ã—ãŸ
弊社ã®ãƒ›ãƒ¼ãƒ ページã«CSP(Content Security Policy)ã‚’å°Žå…¥ã—ã¾ã—ãŸã€‚CSPã«ã¤ã„ã¦ã¯ã€ã¯ã›ãŒã‚よã†ã™ã‘æ°ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã€Œ5分ã§ã‚ã‹ã‚‹CSPã€ãŒã‚ã‹ã‚Šã‚„ã™ã„ã¨æ€ã„ã¾ã™ã€‚以下ã«ã‚¹ãƒ©ã‚¤ãƒ‰ã®ä¸€éƒ¨ã‚’引用ã—ã¾ã™ã€‚ 具体的ã«ã¯ã€ä»¥ä¸‹ã®ã‚ˆã†ã«æŒ‡å®šã—ã¦ä½¿ã„ã¾ã™ã€‚ Content-Security-Policy: default-src 'self' ã“ã®çµæžœã€ä»¥ä¸‹ã®ã‚ˆã†ã«JavaScriptã®è¨˜è¿°ãŒåˆ¶é™ã•ã‚Œã¾ã™ã€‚ 外部ã®JavaScriptã®èªã¿è¾¼ã¿ã¯ç¦æ¢ HTMLソースã«è¨˜è¿°ã—ãŸ<script>...</script>ã®JavaScriptã¯ç¦æ¢ イベント属性(onload="xxxx"ãªã©)ã¯ç¦æ¢ 何も書ã‘ãªããªã‚‹ã˜ã‚ƒãªã„ã‹ã¨æ€ã‚れるã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€JavaScriptã¯å…¨ã¦*.jsファイルã«è¨˜è¿°ã™ã‚Œã°ã‚ˆã„ã€ã¨ã„ã†ã“ã¨ã§ã™ã€‚ CSPã¯ã€JavaScriptã®ã‚³ãƒ¼ãƒ‰ã¨ãƒ‡ãƒ¼ã‚¿ã‚’分離ã—ã¦
monoweb.info - ã“ã®ã‚¦ã‚§ãƒ–サイトã¯è²©å£²ç”¨ã§ã™ï¼Â - monoweb リソースãŠã‚ˆã³æƒ…å ±
ã“ã®ã‚¦ã‚§ãƒ–サイトã¯è²©å£²ç”¨ã§ã™ï¼ monoweb.info ã¯ã€ã‚ãªãŸãŒãŠæŽ¢ã—ã®æƒ…å ±ã®å…¨ã¦ã®æœ€æ–°ã‹ã¤æœ€é©ãªã‚½ãƒ¼ã‚¹ã§ã™ã€‚一般トピックã‹ã‚‰ã“ã“ã‹ã‚‰æ¤œç´¢ã§ãる内容ã¯ã€monoweb.infoãŒå…¨ã¦ã¨ãªã‚Šã¾ã™ã€‚ã‚ãªãŸãŒãŠæŽ¢ã—ã®å†…容ãŒè¦‹ã¤ã‹ã‚‹ã“ã¨ã‚’願ã£ã¦ã„ã¾ã™ï¼
Browsershots
No active screenshot factories. Please try again later. What is Browsershots? Browsershots makes screenshots of your web design in different operating systems and browsers. It is a free open-source online web application providing developers a convenient way to test their website's browser compatibility in one place. When you submit your web address, it will be added to the job queue. A number of
Learn web development  | web.dev
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
ãƒ¦ãƒ¼ã‚¶ãƒ¼æ¿€è«–ï¼ Chrome対Firefoxã€ã‚ˆã‚Šå„ªã‚ŒãŸãƒ–ラウザã¯ã©ã£ã¡ï¼Ÿ | ライフãƒãƒƒã‚«ãƒ¼ãƒ»ã‚¸ãƒ£ãƒ‘ン
ã‹ã¤ã¦ã¯ãã‚Œã»ã©é‡è¦è¦–ã•ã‚Œã¦ã„ãªã‹ã£ãŸã‚¦ã‚§ãƒ–ブラウザã§ã™ãŒã€ä»Šã‚„ç§ãŸã¡ã®ç”Ÿæ´»ã®æ¬ ã‹ã›ãªã„一部ã¨ãªã£ã¦ã„ã¾ã™ã€‚å˜ã«ã‚·ã‚¹ãƒ†ãƒ ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã‚’使ã£ã¦ã„ãŸã®ã¯æ˜”ã®è©±ã€ä»Šã¯ã‚ªãƒšãƒ¬ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã‚·ã‚¹ãƒ†ãƒ ã¨åŒã˜ã‚ˆã†ã«ã€ãƒ–ラウザã«ã‚‚熱狂的ãªãƒ•ã‚¡ãƒ³ãŒç”Ÿã¾ã‚Œã¦ã„ã¾ã™ã€‚ ç±³Lifehackerã§ã¯ã€ãã®ä¸ã§ã‚‚特ã«äººæ°—ã®é«˜ã„「Chromeã€ã¨ã€ŒFirefoxã€ã‚’å–り上ã’ã€ã€Œã©ã¡ã‚‰ãŒã‚ˆã‚Šå„ªã‚ŒãŸãƒ–ラウザãªã®ã‹ï¼Ÿã€ã¨ã„ã†ç–‘å•ã«å¯¾ã™ã‚‹ã•ã¾ã–ã¾ãªæ„見を集ã‚ã¦ã„ã¾ã—ãŸã®ã§ã”紹介ã—ã¾ã™ã€‚ æ´—ç·´ã•ã‚ŒãŸChromeã¨ã€ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºæ©Ÿèƒ½ãŒè±Šå¯ŒãªFirefox Googleã¯ã€Chromeã®å¤–観を整ãˆã€ã»ã‹ã®ãƒ–ラウザよりも洗練ã•ã‚ŒãŸä½¿ã„心地ã«ã™ã‚‹ãŸã‚ã«å¤šãã®åŠ´åŠ›ã‚’費やã—ã¦ãã¾ã—ãŸã€‚ãã®ã‹ã„ã‚ã£ã¦ã€Chromeã§ã¯ç‰¹åˆ¥ãªè¨å®šã‚’ã—ãªãã¦ã‚‚便利ã«ä½¿ã†ã“ã¨ãŒã§ãã¾ã™ã€‚一方Firefoxã¯ã€ãã®å¤–観ã¨æ“作方法を自在ã«å¤‰æ›´ã§ãる機能ã®å¤šã•ã§çŸ¥ã‚‰ã‚Œã¦ã„ã¾
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Platform Status - Microsoft Edge Developer
Browser Testing On The Most Reliable Platform | BrowserStack
https://ci.testling.com/
http://kangax.github.io/es5-compat-table/
https://qiita.com/ta9to/items/46171d2fbb735b98dcd3
{{#tags}}- {{label}}
{{/tags}}