DEXTSolution : 대용량 파일 업로드 컴포넌트 (닷넷,자바,ActiveX) / 웹에디터 / 동영상(UCC) 변환 솔루션 : DEXTUpload DEXTWebEditor DEXTVideo - ㈜데브피아:
'via Blog this'
2015년 6월 9일 화요일
2015년 6월 8일 월요일
2015년 6월 7일 일요일
2015년 5월 28일 목요일
2015년 5월 22일 금요일
2015년 5월 21일 목요일
2015년 5월 20일 수요일
2015년 5월 13일 수요일
2015년 5월 12일 화요일
2015년 5월 6일 수요일
2015년 5월 5일 화요일
2015년 4월 28일 화요일
2015년 4월 26일 일요일
2015년 4월 22일 수요일
2015년 4월 21일 화요일
2015년 4월 20일 월요일
2015년 4월 19일 일요일
2015년 4월 18일 토요일
2015년 4월 16일 목요일
2015년 4월 15일 수요일
2015년 4월 14일 화요일
2015년 4월 12일 일요일
2015년 4월 11일 토요일
2015년 4월 9일 목요일
8 Tools For Easily Creating a Mobile Version of Your Website
8 Tools For Easily Creating a Mobile Version of Your Website
Google Web Designer
Google Web Designer
www.google.co.kr/webdesigner
2015년 4월 8일 수요일
HTML Video - Methods, Properties, and Events
<!DOCTYPE html>
<html>
<body>
<div style="text-align:center">
<button onclick="playPause()">Play/Pause</button>
<button onclick="makeBig()">Big</button>
<button onclick="makeSmall()">Small</button>
<button onclick="makeNormal()">Normal</button>
<br>
<video id="video1" width="420">
<source src="mov_bbb.mp4" type="video/mp4">
<source src="mov_bbb.ogg" type="video/ogg">
Your browser does not support HTML5 video.
</video>
</div>
<script>
var myVideo = document.getElementById("video1");
function playPause() {
if (myVideo.paused)
myVideo.play();
else
myVideo.pause();
}
function makeBig() {
myVideo.width = 560;
}
function makeSmall() {
myVideo.width = 320;
}
function makeNormal() {
myVideo.width = 420;
}
</script>
<p>Video courtesy of <a href="http://www.bigbuckbunny.org/" target="_blank">Big Buck Bunny</a>.</p>
</body>
</html>
Sample Page
<html>
<body>
<div style="text-align:center">
<button onclick="playPause()">Play/Pause</button>
<button onclick="makeBig()">Big</button>
<button onclick="makeSmall()">Small</button>
<button onclick="makeNormal()">Normal</button>
<br>
<video id="video1" width="420">
<source src="mov_bbb.mp4" type="video/mp4">
<source src="mov_bbb.ogg" type="video/ogg">
Your browser does not support HTML5 video.
</video>
</div>
<script>
var myVideo = document.getElementById("video1");
function playPause() {
if (myVideo.paused)
myVideo.play();
else
myVideo.pause();
}
function makeBig() {
myVideo.width = 560;
}
function makeSmall() {
myVideo.width = 320;
}
function makeNormal() {
myVideo.width = 420;
}
</script>
<p>Video courtesy of <a href="http://www.bigbuckbunny.org/" target="_blank">Big Buck Bunny</a>.</p>
</body>
</html>
Sample Page
[login] login box hrml5 source
<style>
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-group {
margin-bottom: 15px;
}
.btn-block {
display: block;
width: 100%;
}
</style>
<div class="container">
<div class="row">
<div class="col-md-4 col-md-offset-4">
<div class="login-panel panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Please Sign In</h3>
</div>
<div class="panel-body">
<form role="form">
<fieldset>
<div class="form-group">
<input class="form-control" placeholder="E-mail" name="email" type="email" autofocus>
</div>
<div class="form-group">
<input class="form-control" placeholder="Password" name="password" type="password" value="">
</div>
<div class="checkbox">
<label>
<input name="remember" type="checkbox" value="Remember Me">Remember Me
</label>
</div>
<!-- Change this to a button or input when using this as a form -->
<a href="index.html" class="btn btn-lg btn-success btn-block">Login</a>
</fieldset>
</form>
</div>
</div>
</div>
</div>
</div>
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-group {
margin-bottom: 15px;
}
.btn-block {
display: block;
width: 100%;
}
</style>
<div class="container">
<div class="row">
<div class="col-md-4 col-md-offset-4">
<div class="login-panel panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Please Sign In</h3>
</div>
<div class="panel-body">
<form role="form">
<fieldset>
<div class="form-group">
<input class="form-control" placeholder="E-mail" name="email" type="email" autofocus>
</div>
<div class="form-group">
<input class="form-control" placeholder="Password" name="password" type="password" value="">
</div>
<div class="checkbox">
<label>
<input name="remember" type="checkbox" value="Remember Me">Remember Me
</label>
</div>
<!-- Change this to a button or input when using this as a form -->
<a href="index.html" class="btn btn-lg btn-success btn-block">Login</a>
</fieldset>
</form>
</div>
</div>
</div>
</div>
</div>
[button] hover effect source
<style>
.btn-info {
font-family: "돋움,Arial";
color: #fff;
background-color: #5bc0de;
border-color: #46b8da;
}
.btn {
font-family: "돋움,Arial";
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
button, input, select, textarea {
font-family: "돋움,Arial";
font-size: "돋움,Arial";
line-height: "돋움,Arial";
}
</style>
<div class="panel-body">
<h4>Outline Buttons</h4>
<p>
<button type="button" class="btn btn-outline btn-info">대사캘린더</button>
<button type="button" class="btn btn-outline btn-info">대사관리</button>
<button type="button" class="btn btn-outline btn-info">식사관리</button>
<button type="button" class="btn btn-outline btn-info">운동관리</button>
</p>
</div>
.btn-info {
font-family: "돋움,Arial";
color: #fff;
background-color: #5bc0de;
border-color: #46b8da;
}
.btn {
font-family: "돋움,Arial";
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
button, input, select, textarea {
font-family: "돋움,Arial";
font-size: "돋움,Arial";
line-height: "돋움,Arial";
}
</style>
<div class="panel-body">
<h4>Outline Buttons</h4>
<p>
<button type="button" class="btn btn-outline btn-info">대사캘린더</button>
<button type="button" class="btn btn-outline btn-info">대사관리</button>
<button type="button" class="btn btn-outline btn-info">식사관리</button>
<button type="button" class="btn btn-outline btn-info">운동관리</button>
</p>
</div>
2015년 4월 7일 화요일
2015년 4월 5일 일요일
[Templates] 49 Free Responsive HTML5 CSS3 Website Templates
49 Free Responsive HTML5 CSS3 Website Templates
[HTML5] 40 Best Free Bootstrap HTML5 Website Templates
40 Best Free Bootstrap HTML5 Website Templates
2015년 4월 4일 토요일
[JQuery] 15 Excellent Free JQuery Image Slider Plugins 2015
15 Excellent Free JQuery Image Slider Plugins 2015
[jQuery] Jack Moore's Category
http://www.jacklmoore.com/notes/#tag-jquery
- Rounding Decimals in JavaScript
- Cross-browser mouse positioning
- CSS Ribbon Menu
- jQuery Modal Tutorial
- A Better jQuery Accordion
- Fixing IE's Opacity Inheritance
- jQuery Tabs Tutorial
- HTML5 Placeholder Attribute
- NaturalWidth and NaturalHeight in IE
- Colorbox with Flickr Feed
- Tragedy Struck On Threadless
- Working with JavaScript click events
- Solving IE7 & IE8 PNG Opacity Problems
- JavaScript: Slice, Substring, or Substr?
[jQuery] plugin: Tablesorter 2.0
$(document).ready(function() { $("#myTable").tablesorter(); } );
http://tablesorter.com/docs/#
[JQuery] Drop Down Menu, Web Buttons, Animated jQuery ...
Collection of jQuery Menus with stunning visual effects and animations. Unlimited levels. Fully cross-browser. SE friendly. CSS-based. Lightweight. Unobtrusive.
http://apycom.com/
http://apycom.com/
[JQuery] Amazing Slider Sites - They have so many examples
Amazing Slider
An easy-to-use Windows & Mac app that enables you to create beautiful, professional, responsive jQuery Slider, YouTube Video Gallery, WordPress Slider Plugin and Joomla Slideshow Module.
jQuery Widgets for PC, Mobile and Touch Devices
What is jQWidgets?
jQWidgets represents a framework based on jQuery for building web-based applications that run on PC, Touch and Mobile devices. jQWidgets includes more than 40 UI widgets. jQWidgets is not a modified version of the jQuery UI toolkit. All widgets are designed from ground-up and based on a powerful common core. The framework core provides fundamental capabilities like support for widget extensions and inheritance, widget settings, internal event handling and routing, property change notifications, device and browser compatibility detection and adjustments.2015년 4월 3일 금요일
2015년 3월 29일 일요일
2015년 3월 26일 목요일
2015년 3월 25일 수요일
How to use Div Tags and CSS to Create Responsive Website Layouts and Custom CSS Menus
How to use Div Tags and CSS to Create Responsive Website Layouts and Custom CSS Menus
01 Responsive Web Design with HTML5 and CSS3 Introduction
01 Responsive Web Design with HTML5 and CSS3 Introduction
What is jQuery?
The purpose of jQuery is to make it much easier to use JavaScript on your website.
What is jQuery?
jQuery is a lightweight, "write less, do more", JavaScript library.
The purpose of jQuery is to make it much easier to use JavaScript on your website.
jQuery takes a lot of common tasks that require many lines of JavaScript code to accomplish, and wraps them into methods that you can call with a single line of code.
jQuery also simplifies a lot of the complicated things from JavaScript, like AJAX calls and DOM manipulation.
The jQuery library contains the following features:
- HTML/DOM manipulation
- CSS manipulation
- HTML event methods
- Effects and animations
- AJAX
- Utilities
Do you know this function - Responsive web design view of FireFox browser?
Responsive web design view
It is in firefox brower...
It is in firefox brower...
피드 구독하기:
덧글 (Atom)