Wantedly（ウォンテッドリー）ã¯ãŸã‚‰ãã‚’é¢ç™½ãã™ã‚‹ãƒ“ジãƒã‚¹SNSWantedlyã¯ã€é‹å‘½ã®ãƒãƒ¼ãƒ や仕事ã«å‡ºä¼šãˆãŸã‚Šã€äººè„ˆã‚’広ã’ã€ãƒ“ジãƒã‚¹ã®æƒ…å ±åŽé›†ã«ä½¿ãˆã‚‹ãƒ“ジãƒã‚¹SNSã§ã™ã€‚
開発者ã®ãŸã‚ã® WebKit (“WebKit for Developers†日本語訳)
ã“ã®ãƒŽãƒ¼ãƒˆã¯ã€Paul Irishã«ã‚ˆã‚‹è¨˜äº‹ “WebKit for Developers†ã®æ—¥æœ¬èªžè¨³ã§ã™ã€‚ 僕ら開発者ã®å¤šãã«ã¨ã£ã¦ã€WebKit ã¯ãƒ–ラックボックスã 。HTML, CSS, JS, ãã®ä»–ã®ã‚¢ã‚»ãƒƒãƒˆã‚’投ã’ã‚‹ã¨ã€WebKit ã¯é”法ã§ã‚‚ã‹ã‘ãŸã‹ã®ã‚ˆã†ã«ã€ç¶ºéº—㪠Web ページを返ã—ã¦ãれる。ã—ã‹ã—ã€åƒ•ã®åŒåƒš Ilya Grigorik ã¯æœ¬å½“ã® WebKit ã¯ã“ã†ã ã¨è¨€ã£ã¦ã„る。 WebKit ã¯ãƒ–ラックボックスã§ã¯ãªã„。ホワイトボックスãªã‚“ã 。ã•ã‚‰ã«ãã‚Œã ã‘ã§ã¯ãªãã€ã‚ªãƒ¼ãƒ—ンãªãƒ›ãƒ¯ã‚¤ãƒˆãƒœãƒƒã‚¯ã‚¹ãªã‚“ã 。 ã˜ã‚ƒã‚ã€ã“ã‚Œã‹ã‚‰æ¬¡ã®ã“ã¨ã«ã¤ã„ã¦ç†è§£ã—ã¦ã„ã“ã†ã€‚ WebKit ã£ã¦ãªã«ï¼Ÿ ãªã«ãŒ WebKit ã˜ã‚ƒãªã„ã®ï¼Ÿ WebKit ベースã®ãƒ–ラウザ㧠WebKit ã¯ã©ã†ä½¿ã‚ã‚Œã¦ã„ã‚‹ã®ï¼Ÿ ãªã‚“ã§ã™ã¹ã¦ã® WebKit ãŒåŒã˜ã˜ã‚ƒãªã„ã®ï¼Ÿ ã•ã¦ã€ä¸–ã®ä¸ã«æ•°å¤šãã® WebKi
JavaScriptã§ã®DOMæ“作ã¯é‡ã„ã®ã‹ã¨ã„ã†è©±ã¨Forced Synchronous Layoutã«ã¤ã„㦠- id:anatooã®ãƒ–ãƒã‚°
2015å¹´ã«ã‚‚ãªã‚‹ã®ã«JavaScriptã§ã®DOMæ“作ã®ãƒ‘フォーマンスã«ã¤ã„ã¦æ›¸ã。ウェブページã«ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã‚’æŒãŸã›ãŸã„時ã«ã€JavaScriptã§DOMæ“作を行ã†ã“ã¨ãŒã‚ˆãã‚る。ã“ã®DOMæ“作ã®ãƒ‘フォーマンスã«ã¤ã„ã¦ã€ã‚ˆãèžãæ„見を大別ã™ã‚‹ã¨æ¬¡ã®2ã¤ãŒã‚る。 JavaScriptã«ã‚ˆã‚‹DOMæ“作ã¯é‡ãŸã„ レンダリングãŒé‡ã„ã ã‘ã§ã€DOMæ“作ãã®ã‚‚ã®ã¯ãã‚Œã»ã©é‡ãŸããªã„ JavaScriptã§ã‚ªãƒ–ジェクトã®ãƒ—ãƒãƒ‘ティをæ“作ã—ãŸã‚Šã™ã‚‹å˜ä½“ã®å‡¦ç†ã¯é€šå¸¸1ミリ秒もã‹ã‹ã‚‰ãªã„ãŒã€DOMæ“作をã™ã‚‹ã¨ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ãŒå®Œäº†ã™ã‚‹ã¾ã§ã«æ•°åミリ秒程度ã‹ã‹ã£ãŸã‚Šã™ã‚‹å ´åˆãŒã‚る。1番目ã®DOMæ“作ãŒé‡ãŸã„ã¨è¨€ã£ã¦ã„る人ã¯çµŒé¨“則的ã«ãã†è¨€ã£ã¦ã„ã‚‹ã“ã¨ãŒå¤šã„。 レンダリングã®ä»•çµ„ã¿ã‚’知ã£ã¦ã„る人ã¯2番目ã®æ„見を言ã†ãŒã€é‡ç®±ã®éš…ã‚’ã¤ã¤ãよã†ãªè©±ã‚’ã™ã‚‹ã¨ã“れも必ãšã—ã‚‚æ£ã—ã„ã‚ã‘ã§ã¯ãªã„。DOMæ“作ã™ã‚‹ã‚³ãƒ¼ãƒ‰ã«ã‚ˆã£
Webプãƒã‚°ãƒ©ãƒžã‹ã‚‰è¦‹ãŸiOS9 Safari9ã®CSS/JavaScriptãªã©ã®æ–°æ©Ÿèƒ½è§£èª¬ - Qiita
iOS9ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã€iPhone6sも発売ã•ã‚Œã€iOS9 Safari9ã§ä½¿ãˆã‚‹æ–°æ©Ÿèƒ½ã‚’Webプãƒã‚°ãƒ©ãƒžç›®ç·šã§ä½¿ã£ã¦ã¿ãŸã„ã‚‚ã®ã‚’ã„ãã¤ã‹è©¦ã—ã¦ã¿ã¾ã—ãŸã€‚iOSã¯ã‚¢ãƒƒãƒ—デートã®é€²æ—ãŒã‚ã‚Šã¨è‰¯ã„ã®ã§ã€æ–°æ©Ÿèƒ½ã§ã‚‚モãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆã§ã‚ã‚Œã°ç©æ¥µçš„ã«ä½¿ãˆã‚‹â€¦ã¯ãšã€‚デスクトップ版ã®æ–¹ã¯â€¦ãŠå¯Ÿã—ãã ã•ã„。 ã¶ã£ã¡ã‚ƒã‘今回ã¯ãã“ã¾ã§ç›®çŽ‰æ©Ÿèƒ½ã¯ãªãã€åœ°å‘³ã§ã™ã€‚地味ã§ã™ãŒã€Safariã§Webアプリを作れるよã†ã«ãªã‚Šãã†ãªæ°—é…ãŒã©ã“ã¨ãªãã™ã‚‹ã‚ˆã†ãªã—ãªã„よã†ãªæ„Ÿã˜ã®å†…容ã§ã™ã€‚残念ãªãŒã‚‰ServiceWorkerã«ã¯å¯¾å¿œã—ã¦ã„ãªã„ã®ã§ã€ãã‚Œã«å¯¾å¿œã—ã¦ãã‚ŒãŸã‚‰ã‚‚ã£ã¨ã‚¢ãƒ¬ãªã‚“ã§ã™ãŒã€‚ iOS Safari9ã®æ–°æ©Ÿèƒ½ï¼ˆOSX版å«ã‚€ï¼‰ CSSç³» backdropフィルタ対応 æ–°ã—ç›®ã®iOSã‚„OSXã¨ã‹ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒãƒ¼ãŒåŠé€éŽã•ã‚Œã‚‹ã‚ã‚ŒãŒä½œã‚Œã¾ã™ã€‚è¦ã¯èƒŒæ™¯è¦ç´ ã«å¯¾ã—ã¦ãƒ•ã‚£ãƒ«ã‚¿ãŒã‹ã‘られるプãƒãƒ‘ティã§ã™ã€‚綺麗ã§è‰¯ã„ã§ã™ã。
CSS3ã®ã€Œãƒ•ãƒ¬ã‚シブルレイアウトã€ä½¿ã„æ–¹ã¾ã¨ã‚ フラップイズãƒ
ã©ã†ã‚‚ã€ãーã¸ã„ã§ã™ã€‚ 今回ã¯ã€Œãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–デザインã€ã§ã®ä½¿ç”¨ãŒæƒ³å®šã•ã‚Œã‚‹ã€ã€Œãƒ•ãƒ¬ã‚シブルボックスã€ã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ãªãŠã€æœ¬è¨˜äº‹ã¯ã€ŒCSS Flexible Box Layout Module Level 1ã€ã®2014å¹´5月22日付ã‘ã®ç·¨é›†è€…è‰æ¡ˆï¼ˆEditor’s Draft）を基ã«ä½œæˆã—ã¦ã„ã¾ã™ã€‚ ã¾ãŸã€ã€ŒCSS Flexible Box Layout Module Level 1ã€ã¯æœªã ã«ç–定ä¸ã§ã‚ã‚Šã€ç¾åœ¨ã¯2014 å¹´3月25日付ã®æœ€çµ‚è‰æ¡ˆï¼ˆLast Call Working Draft）ãŒæœ€æ–°ä»•æ§˜ã§ã™ã€‚ 2014å¹´5月22日付ã‘ã®ç·¨é›†è€…è‰æ¡ˆã¯ã€2014 å¹´3月25日付ã®æœ€çµ‚è‰æ¡ˆã«å¾®ä¿®æ£ã‚’åŠ ãˆãŸã‚‚ã®ã§ã™ã€‚ 最åˆã«ãƒ–ラウザã®å¯¾å¿œçŠ¶æ³ã«ã¤ã„ã¦æ³¨æ„点 「フレã‚シブルボックスã€ã§æ¤œç´¢ã™ã‚‹ã¨ã€ã„ãã¤ã‹ã®ç´ 晴らã—ã„記事ãŒå‡ºã¦ãã¾ã™ãŒã€ä¸ã«ã¯å¤ã„記事ãŒå¤šãå«ã¾ã‚Œã¦ã„ã¾ã™ã€‚ 「
iPhoneã§çµ¶å¯¾ã«æ¨ªå‘ãã®ã‚¦ã‚§ãƒ–ページを作る - Yusuke Sugomori's Blog
iPhoneã®ãƒã‚¤ãƒ†ã‚£ãƒ–アプリã§ã¯ç”»é¢æ–¹å‘を縦ã‚ã‚‹ã„ã¯æ¨ªæ–¹å‘ã«å›ºå®šã§ãã¾ã™ãŒã€Safariã§ã¯ã€ç”»é¢ã®å›žè»¢ã‚’防ã方法ãŒã‚ã‚Šã¾ã›ã‚“（注１）。 ãã®ãŸã‚ã‹ã¯åˆ†ã‹ã‚Šã¾ã›ã‚“ãŒã€PCã§ã¯ã‚ˆã見ã‹ã‘る横スクãƒãƒ¼ãƒ«ã®ã‚µã‚¤ãƒˆã‚’ã€ãƒ¢ãƒã‚¤ãƒ«ã§ã¯è¦‹ã‹ã‘ã¾ã›ã‚“。 ãã“ã§ã€iPhoneã®å‘ãã«ã‚ˆã‚‰ãšã€ã€Œçµ¶å¯¾ã«æ¨ªå‘ãã«ãªã‚‹ã‚¦ã‚§ãƒ–ページã€ã‚’作ã£ã¦ã¿ã¾ã—ãŸã€‚横スクãƒãƒ¼ãƒ«ãŒã§ãるよã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ サンプルã¯ã“ã¡ã‚‰ã§ã™ã€‚iPhoneã®å‘ãを変ãˆã¦è©¦ã—ã¦ã¿ã¦ãã ã•ã„。 ç”»é¢ã®å‘ãã«ã‚ˆã‚‰ãšã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’実ç¾ã™ã‚‹ãŸã‚ã«ã€CSS3ã® -webkit-transform ã® rotate ã‚„ translate3d(x, 0, 0) を使ã£ã¦ã„ã¾ã™ã€‚ 回転ã«ã‚ˆã£ã¦CSSファイルを分ã‘ã‚‹ã“ã¨ã«ã‚ˆã‚Šã‚¹ã‚¯ãƒãƒ¼ãƒ«ä»¥å¤–ã®å‹•ãã‚’CSS3ã®ã¿ã§è¨˜è¿°ã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ã§ã™ãŒã€æŒ¯ã‚Šåˆ†ã‘ãŒé¢å€’ã ã£ãŸã®ã§ã€JavaScriptã§CSS部分も制御ã—ã¦ã„ã¾ã™ã€‚
CSSã§æ‹¬å¼§ã‚’表ç¾ã—ãŸã‚µãƒ³ãƒ—ル - NxWorld
丸括弧（） é ã‹ã‚‰å¾®å¦™ãªè¦‹æ „ãˆã§ã™ãŒã€**丸括弧（）**を表ç¾ã—ã¦ã¿ãŸã‚‚ã®ã§ã™ã€‚ HTMLã¨CSSã¯ãã‚Œãžã‚Œä¸‹è¨˜ã®ã‚ˆã†ã«ãªã£ã¦ãŠã‚Šã€æ“¬ä¼¼è¦ç´ を使ã£ã¦ç”Ÿæˆã—ãŸã‚‚ã®ã«border-radiusを指定ã—ã¾ã™ã€‚ <div class="parenthesis"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. ... </p> </div> .parenthesis { position: relative; width: 500px; padding: 15px 30px; -webkit-box-sizing: border-box; box-sizing: border-box; } .parenthesis::before, .parenthesis::after { position: absolute; top:
Androidã§-webkit-box-reflectã«ã‚ˆã‚‹é¡é¢åŠ¹æžœã‚’指定ã™ã‚‹æ–¹æ³•
Androidã§-webkit-box-reflectã«ã‚ˆã‚‹é¡é¢åŠ¹æžœã‚’指定ã™ã‚‹æ–¹æ³• Androidã§-webkit-box-reflectã®ãƒžã‚¹ã‚¯å‡¦ç†ãŒä½¿ãˆãªã„ï¼ã¨ã¤ã¶ã‚„ã„ãŸã‚‰@mattari_pandaã‹ã‚‰url()ã«ã‚ˆã‚‹æŒ‡å®šã¯èžãよã¨æ•™ãˆã¦ã„ãŸã ãã¾ã—ãŸã€‚ ãã‚‚ãã‚‚-webkit-box-reflectã£ã¦ãªã«ã‚ˆ! ç”»åƒãªã©ã®å射を制御ã™ã‚‹ã“ã¨ãŒã§ãã‚‹CSSプãƒãƒ‘ティã§ã™ã€‚WebKit独自ã®ãƒ—ãƒãƒ‘ティãªã®ã§Safariã‚„Chrome以外ã®ãƒ–ラウザã§ã¯åˆ©ç”¨ã§ãã¾ã›ã‚“。 -webkit-box-reflect:<direction> <length> <image>; ã¨ã„ã£ãŸæ„Ÿã˜ã§æŒ‡å®šãŒå¯èƒ½ã§ã™ã€‚ directionã«ã¯ä¸Š(above)ã€ä¸‹(below)ã€å·¦(left)ã€å³(right)ãŒæŒ‡å®šã§ãã¾ã™ã€‚ lengthã«ã¯åå°„ç”»åƒã®è·é›¢ã‚’指定ã§ãã¾ã™ã€‚ imageã«ã¯ãƒžã‚¹ã‚¯ç”»åƒãŒæŒ‡å®šã§ãã¾
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}