�N���X�u���E�U�͂����Â��I HTML5�{CSS3����̃v���O���b�V�u�E�G���n���X�����g�F�ꌂ�f�U�C���̎햾�����i15�j�i1/2 �y�[�W�j

�N���X�u���E�U�͂����Â��I ���ꂩ���HTML5�{CSS3�����S������R���Z�v�g�A�u�v���O���b�V�u�E�G���n���X�����g�v�Ƃ́H

» 2011�N05��24�� 00��00�� ���J
[���{�Y��, �{����a�C�ʔ��@�l�J���b�N]

IE 9���o��I ���[�U�[�̉{���‹����܂��܂����l���I

�@4��26���A�‚��ɓ��{�ł�Internet Explorer�i�ȉ��AIE�j 9�����J����܂����B�܂��A�}�C�N���\�t�g�͑�����IE 10�̃v���r���[�ł����J���Ă���ACSS3��JavaScript���肪�A����ɋ��������Ȃǃ��b�`��Web�\�����������Ă��Ă��܂��B

Internet Explorer 9‚ɓoI Internet Explorer 9���‚��ɓo��I

�@IE�݂̂Ȃ炸�AFirefox�ASafari�AGoogle Chrome�i�ȉ��AChrome�j�ȂǑ���Web�u���E�U�������܂��������Ői�����Ă��Ă���A�X�}�[�g�t�H����^�u���b�gPC�Ȃǂ̃f�o�C�X�����X�ƊJ������A���[�U�[�̉{���‹����܂��܂����l�����Ă��Ă��܂��B

�@������������̒��ŁA�K�R�I�Ɍ��������Ƃ��ł��Ȃ��Ȃ�m�����A���́u�v���O���b�V�u�E�G���n���X�����g�v�Ƃ����T�O�ł��B

�v���O���b�V�u�E�G���n���X�����g���ĉ��H

�@Web�u���E�U��[���Ȃǂ̉{���‹������l�����Ă��Ă��܂��B�����Ȃ��Ă���Ɓu�S�Ẵu���E�U�E�[���Ԃ̌����ڂ⓮�������킹��̂���ς��v�ƁA��Ȗ�ȔY��ł�����������̂ł͂Ȃ��ł��傤���B

�@�S�Ẵu���E�U�œ����\���A����������������Ƃ����T�O���u�N���X�u���E�U�v�ƌĂт܂����A����܂ł�Web�ƊE�ɂ����āA�N���X�u���E�U�͐���̑�O��Ƃ��ė����͂������Ă��܂����B

�@����̓u���E�U�̌݊����ɏœ_�𓖂Ă��T�O�ł����A����Ƃ͑�������A�R���e���c�\���ɏœ_�𓖂Ă�����̍l�������u�v���O���b�V�u�E�G���n���X�����g�v �Ƃ����T�O�ł��B

�@�ȒP�ɂ����ƁA�u�ǂ̃��[�U�[�ɂ������悤�ɏ��R���e���c��񋟂��܂����A�‹��������Ă��郆�[�U�[�i���_���u���E�U���p�ҁj�ɂ́A��胊�b�`�Ȍ������ŃR���e���c��񋟂��܂��傤�v�Ƃ����l�����ł��B

�V�����Z�p����g���āA���b�`�ȃf�U�C�����I

�@�u��������HTML5��CSS3�Ȃǂ̐V�����Z�p���g���鍂�@�\�ȃu���E�U�‹��������Ă����̂�����A��������g���ă��b�`�ȃR���e���c�f�U�C���ƃ��[�U�[�̌���񋟂��܂��傤�v�Ƃ����l���������̊T�O�̃x�[�X�ɂ���܂��B

�@CSS3�̃v���p�e�B�̎����ɂ‚��ẮA2011�N5�����݁A�e�u���E�U�ɂ���đΉ��󋵂͂��܂��܂ł��B��s�I��CSS3���������Ă���u���E�U�A���邢�͓Ǝ��������ꂽ�v���p�e�B��p���āA���L���ȃR���e���c�f�U�C���⃆�[�U�[�̌���񋟂���T�C�g�����X�ɑ����Ă��Ă��܂��B

�I�[���h�u���E�U�ł���񂪂�����ƕ\������邩�H

�@���_���u���E�U�����Ƀ��b�`�ɍ��グ��̂͂�����񂻂��ł����A�u����Ȃ����𓾂���悤�ɂ���̂�Y��Ă͂����܂���B�I�[���h�u���E�U�ł��Ӑ}�����ʂ�ɏ�񂪂�����ƕ\�������悤�ɍ��܂��傤�B������u�v���O���b�V�u�E�G���n���X�����g�v�̊T�O�ł��B

�v���O���b�V�u�E�G���n���X�����g�̎���

�@���ȏ��I�Ȍ��܂�́A�����ł��B�u���_���u���E�U�ɂ́A��胊�b�`�ȃR���e���c�f�U�C�����B�I�[���h�u���E�U�ł��A��񂪂�����ƕ\�������悤�z������v�m���ɂ��̒ʂ�ł��B�Ƃ͂����A�u��̓I�ɂǂ������ӂ��Ɏ�����Ă����΂����̂��v�Ƌ^��Ɏv����������܂���̂ŁA�v���O���b�V�u�E�G���n���X�����g�̎�������Ă����܂��傤�B

�y1�zTwitter

�@�ł�������₷���Ⴊ�ATwitter�ł͂Ȃ��ł��傤���B

TwitterFo^tH[iF IE 9^FIE 6j Twitter�F�o�^�t�H�[���i��F IE 9�^���FIE 6�j

�@��ɂ���IE9�Ō���ƁA��input���v�f���p�ۂɂȂ��Ă��āA����Ƀh���b�v�V���h�E���g�����̓I�ɂ��Ă���A�ׂ����Ƃ���܂Ńf�U�C������Ă���̂�������܂��B������CSS3���g���ĕ\������Ă��܂��B

�@���̕���IE 6�ł́A�p�ۂ�h���b�v�V���h�E�͓K�p����Ă��܂��񂪁A���C�A�E�g�͊m�ۂ���Ă��āA�T�[�r�X�𗘗p����ɂ͏\���ȃ��C�����m�ۂ��Ă��܂��B

�y2�zYouTube �i�O�[�O���j

�@���L�̃L���v�`����YouTube�̌������ʉ�ʂɂ���A�y�[�W��������IE 9��IE 7�ƂŔ�r�������̂ł��B

YouTubeFʉʁiFIE 9^FIE 7j YouTube�F�������ʉ�ʁi��FIE 9�^���FIE 7�j

�@IE 9�Ńy�[�W���Ƀ}�E�X�I�[�o�[���Ă݂�ƁA���肰�Ȃ��h���b�v�V���h�E���K�p����Ă��܂��B

�@IE 7�ł̓h���b�v�V���h�E�͓K�p����ĂȂ����̂́A�T�C�g�𗘗p���镪�ɂ͖��Ȃ��{���⑀�삪�ł��܂��B

�y3�zMac OS X �i�A�b�v���j

�@Safari��Chrome�Ƃ�����Webkit�n�̃u���E�U�Ō���ƁAWebkit�n�̓Ǝ��g���ł��� �u-webkit-animation�v��p���āAMac�̃��C���A�b�v���A�j���[�V�������Ȃ��牡�ɕ���ł����܂��B���傤�ǁAMac OS X�̑��슴���C���[�W������悤�ȁA���߂��Ȃ����[�U�[�̌���񋟂��Ă��܂��B

AbvFMac̐iy[WiSafariChromeŌƁAAj[V܂j �A�b�v���FMac�̐��i�y�[�W�iSafari��Chrome�Ō���ƁA�A�j���[�V�������܂��j

�@����ȊO�̃u���E�U�Ō���ƁA�A�j���[�V�����Ȃ���Mac�̃��C���A�b�v���\������܂����A�������ʏ�̃u���E�W���O�Ɏx��͂���܂���̂ŁA�v���O���b�V�u�E�G���n���X�����g�̊T�O�ɉ����Ă��܂��B

�v���O���b�V�u�E�G���n���X�����g�ŃT�C�g������Ă݂悤

�@����ł͎��ۂɁA�v���O���b�V�u�E�G���n���X�����g�̊T�O�������ꂽ�T�C�g������Ă����܂��傤�B�{�e�ł�CSS3�����C���ɑ�ނƂ��Ď��グ�A���ۂ̃R�[�h�������ĉ�����Ă����܂��B

�{�^��������Ă݂悤

�@Web�T�C�g���\�z����ɂ������āA�{�^���͍ł��p�ɂɎg�����i���Ǝv���܂��B����܂ł�Web����ł́A�O���f�[�V������p�ۂȂǃ��b�`�ȕ\���̃{�^�������ɂ͉摜���g���K�v������܂����B

�@�������ACSS3���g���΁A���̂悤�ȃ{�^�����摜���g�킸�ɍ쐬�ł��܂��B

NbNƁA{^ւ �N���b�N����ƁA�{�^�����ւ���

�@�摜���g�킸��CSS�����ō�����{�^���́A�e�L�X�g�G�f�B�^�����ŕҏW���ł���̂ŁA��ƌ����̌��オ���҂ł��܂��B�܂��ACSS�t�@�C���ŊǗ��ł���̂ŁA�ꊇ�ŕ\���̕ύX���ł��A�����e�i���X�������܂�ȂǁA�����̗��_������܂��B

�@���̃{�^��������Ă���HTML��CSS�̃R�[�h�͈ȉ��̂悤�ɂȂ��Ă��܂��B���ۂɂ�CSS3�̃v���p�e�B�́u-webkit-�v�A�u-moz-�v�Ȃǂ̃x���_�v���t�B�b�N�X��t����K�v������܂��i�ڍׂ͌�q�j�B

#btn {
    position: relative;
    display: block;
    width: 200px;
    padding: 15px 0;
    text-align: center;
    cursor: pointer;
    �@�@�@
    color: white;
    text-decoration: none;
    line-height: 1;
    font-weight: bold;
    letter-spacing: 3px;
    text-shadow: -1px -1px 1px #C60;�@// CSS3�v���p�e�B
    border-radius: 10px;�@// CSS3�v���p�e�B
    box-shadow: 0 5px 1px #C60, 0 7px 5px #CCC;�@// CSS3�v���p�e�B
  }
  #btn:link, #btn:visited { background: #F70; }
  #btn:hover { background: #FB3; }
  #btn:active {
    background: #FC2;
    box-shadow: 0 0 1px #871, 0 2px 2px #CCC;�@// CSS3�v���p�e�B
    top: 5px;
  }

�@�܂��A�R�[�h�̎��s���ʂ��ȉ�����m�F�ł��܂��B

�v���O���b�V�u�G���n���X�����g�i�{�^���j - jsdo.it - share JavaScript, HTML5 and CSS


CSS3��p���č쐬�����{�^���i��j��CSS3��Ή��u���E�U�ł̕\�����Č������{�^���i���j�i�� �Đ��{�^�����N���b�N���Ă����������A�E���́uPlay�v�{�^�����N���b�N���Ă����������A�R�[�h�̎��s���ʂ��m�F�ł��܂��B����ɁA�v���r���[���ɉE���́uSTOP�v�{�^�����N���b�N������A�R�[�h���m�F�ł��܂��j

�@2�•���ł���{�^���̂����A��̃{�^����CSS3�ō�����{�^���̂��߁A��q�Ŏ������摜�ǂ���\������܂��B���̃{�^����CSS3��Ή��̃u���E�U�ł̕\�����������߂ɍ쐬�����A��̃{�^������CSS3�v���p�e�B�𔲂����{�^���ł��B

�@CSS3�Ή��u���E�U�����g���̕��́A�オCSS3�K�p�̃��b�`�{�^���A����CSS3�v���p�e�B�Ȃ��̃V���v���ȃ{�^�����\������܂��BCSS3��Ή��̃u���E�U�ł́A�㉺�Ƃ���CSS3�v���p�e�B�Ȃ��̃V���v���ȃ{�^�����\������܂��B���Ј�x�ACSS3�Ή��̃u���E�U�i��q�j�ʼn{�����Ă����������Ƃ������߂��܂��B���̂悤�ȃ{�^���ł����CSS3���Ή��̃u���E�U�ł����Ȃ������󂯎��܂��B

Web�y�[�W���i�����낢��\�z���Ă݂悤�I

�@��L�̃{�^���̂悤�ɁA�v���O���b�V�u�E�G���n���X�����g�ő��ɂ�Web�y�[�W���i������Ă݂܂����B

�v���O���b�V�u�G���n���X�����g�i�e�L�X�g�{�b�N�X�j - jsdo.it - share JavaScript, HTML5 and CSS


CSS3�Ɓu:focus�v�^���N���X��p���āA���͒��̃f�U�C�����������e�L�X�g�{�b�N�X�i��j��CSS3��Ή��u���E�U�ł̕\�����Č������e�L�X�g�{�b�N�X�i���j�i�� �Đ��{�^�����N���b�N���Ă����������A�E���́uPlay�v�{�^�����N���b�N���Ă��������ƁA�R�[�h�̎��s���ʂ��m�F�ł��܂��B����ɁA�v���r���[���ɉE���́uSTOP�v�{�^�����N���b�N������A�R�[�h���m�F�ł��܂��j

�@��Ɏ������e�L�X�g�{�b�N�X�ł́A�p�ۂ�O���f�[�V�����Ȃǂ�CSS3�v���p�e�B�̑��ɁA�u:focus�v�^���N���X��p���āA�e�L�X�g�{�b�N�X���͒��̃f�U�C�����w�肵�Ă��܂��B�p�ۂ�O���f�[�V�����A�u:focus�v�^���N���X�̎g���Ȃ��u���E�U�ł��Œ���@�\����悤CSS��ݒ肵�Ă��܂��B

�v���O���b�V�u�G���n���X�����g�i�A�j���[�V�����C���j - jsdo.it - share JavaScript, HTML5 and CSS


�A�C�R����CSS3�A�j���[�V�����ő����������o���i��j��CSS3��Ή��u���E�U�ł̕\�����Č��������o���i���j�i�� �Đ��{�^�����N���b�N���Ă����������A�E���́uPlay�v�{�^�����N���b�N���Ă����������A�R�[�h�̎��s���ʂ��m�F�ł��܂��B����ɁA�v���r���[���ɉE���́uSTOP�v�{�^�����N���b�N������A�R�[�h���m�F�ł��܂��j

�@��Ɏ��������o���ł́A�A�C�R���������A�j���[�V�����ʼn�]���܂��BCSS3�̃A�j���[�V������p���Ă��邽�߁ACSS3��Ή��̃u���E�U�ł͉�]���܂��񂪁A���Ȃ��{���ł��܂��B

�@�����̂悤�ɁA�v���O���b�V�u�E�G���n���X�����g�̊T�O�ŃT�C�g�𐧍삷��ƁA�V�����Z�p��ϋɓI�Ɏg���邽�߁A���b�`�ȕ\������y�ɍs���܂��B

�@�@�@�@�@�@ 1|2 ���̃y�[�W��

Copyright © ITmedia, Inc. All Rights Reserved.

'; if( !this.isSubscription ) { this.insertTarget = document.querySelector('#cmsBody .subscription') || document.querySelector('#cmsBody .inner'); } }; BodyAdIMSWithCCE.prototype = Object.create(BodyAdContent.prototype); BodyAdIMSWithCCE.prototype.activate = function () { refreshGam('InArtSpecialLink'); } // global reference window.itm = itm; //entry point BodyAdEventBase.polyfill(); const bodyAdManager = BodyAdManager.getInstance(); bodyAdManager.addEventListener(BodyAdManager.EVENTS.READY, function (ev) { bodyAdManager.loadAdvertise(); }); bodyAdManager.init(); })();
�X�|���T�[����̂��m�点PR

���ڂ̃e�[�}

4AI by IT - AIAAA
Microsoft  WindowsőO2025
AI for GWjAO
[R[h^m[R[h Zg by IT - ITGWjArWlX̒SŊ􂷂gD
Cloud Native Central by IT - XP[uȔ\͂gD
�V�X�e���J���m�E�n�E �y�����i�r�zPR
���Ȃ��ɂ������߂̋L��PR

RSS�ɂ‚���

�A�C�e�B���f�B�AID�ɂ‚���

���[���}�K�W���o�^

��IT�̃��[���}�K�W���́A �������A���ׂĖ����ł��B���Ѓ��[���}�K�W�������w�ǂ��������B