sugarshin

追記

この記事は古いです...。はてなブログの方に完全版を置いてあります。→ http://blue-ham-cake1024.hatenablog.com/entry/2012/09/07/Sublime_Text_2_のDefault設定ファイルを眺める

---

はてなブログは調子が悪いようなので。

この記事ではDefault設定ファイルにどのような記述がされているか、その記述にどんな意味があるかを一つ一つ見ていきます。実際に設定をカスタマイズしてみたい方は、メニューのPreferencesタブの"Settings - User"からUser設定ファイルを開いてそこでいろいろ試してみましょう。

sugarshin

<script src="//www.google.com/jsapi"></script>
<script>
google.load('feeds','1');
function initialize(){
  var feedurl="feed URL",feed=new google.feeds.Feed(feedurl);
  feed.setNumEntries(4);
  feed.load(function (result){
    if(!result.error){
      for(var i = 0; i < result.feed.entries.length; i++){
        var entry = result.feed.entries[i],

sugarshin

=hidden
  position: absolute
  width: 1px
  height: 1px
  padding: 0
  margin: -1px
  border: 0
  clip: rect(0 0 0 0)
  overflow: hidden

sugarshin

.hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  border: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
}

sugarshin

$('a[href^="#"]').click(function(){
  $('html,body').animate({
    scrollTop: $($(this).attr('href')).offset().top
  }, 'fast', 'swing');
  return false;
});

sugarshin

$(window).on('ready resize', function(){
  var $ghead = $('#ghead'),
      $target = $('.nav');
  if($(window).width() < 569){
    $target.addClass('mobileNav').attr('id', 'mobileNav').prependTo('body');
  }else if($(window).width() > 568){
    $target.removeClass('mobileNav').attr('id', '');
    $target.appendTo($ghead);
  }
});

sugarshin

<div class='box'> 
  <div class='content'>Aspect ratio of 1:1</div> 
</div>
<style>
  .box{
    position: relative;
  	width: 50%;		/* desired width */
  }
  .box:before{
  	content: "";

sugarshin

background: -webkit-linear-gradient(top,#FCFCFC,#F0F0F0);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FCFCFC),color-stop(1,#F0F0F0));
background: linear-gradient(top,#FCFCFC,#F0F0F0);

sugarshin

var centerPos = calcCenterFunc();

targetElement.css({
  top: centerPos.y,
  left: centerPos.x
});

$(window).resize(function(){
  var centerPos = calcCenterFunc();
  targetElement.css({

sugarshin

var dragging;
elem.on('touchstart', function() {
  dragging = false;
});
elem.on('touchmove', function() {
  dragging = true;
});
elem.on('touchend', function() {
  if (!dragging) //処理
});