You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
318 lines
10 KiB
HTML
318 lines
10 KiB
HTML
|
|
<!DOCTYPE HTML>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title></title>
|
|
<meta name="author" content="Chakib Benziane">
|
|
|
|
|
|
<meta name="description" content="Jan 29th, 2014 angular, tips AdBlock Can Block Angular From Loading Views Every developer knows the feeling of hitting a weird bug, but I must …">
|
|
|
|
|
|
<!-- http://t.co/dKP3o1e -->
|
|
<meta name="HandheldFriendly" content="True">
|
|
<meta name="MobileOptimized" content="320">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<link href="/blog/atom.xml" rel="alternate" title="" type="application/atom+xml">
|
|
|
|
<link rel="canonical" href="http://sp4ke.github.com/blog/">
|
|
<link href="/blog/favicon.png" rel="shortcut icon">
|
|
<link href="/blog/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css">
|
|
<!--[if lt IE 9]><script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
|
|
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
|
|
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700' rel='stylesheet' type='text/css'>
|
|
<!--Fonts from Google"s Web font directory at http://google.com/webfonts -->
|
|
<link href="http://fonts.googleapis.com/css?family=PT+Serif:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css">
|
|
<link href="http://fonts.googleapis.com/css?family=PT+Sans:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css">
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
<div class="container">
|
|
<div class="left-col">
|
|
<div class="intrude-less">
|
|
<header id="header" class="inner"><div class="profilepic">
|
|
<script src="/blog/javascripts/md5.js"></script>
|
|
<script type="text/javascript">
|
|
document.write("<a href='http://sp4ke.com'><img src='http://www.gravatar.com/avatar/" + MD5("chakib.benz@gmail.com") + "?s=160' alt='Profile Picture' style='width: 160px;'</a>");
|
|
</script>
|
|
</div>
|
|
<h1><a href="/blog/"></a></h1>
|
|
<p class="subtitle">An entrepreneur thaughts and ideas.</p>
|
|
<nav id="main-nav"><ul class="main-navigation">
|
|
<li><a href="/blog/">Blog</a></li>
|
|
<li><a href="/blog/blog/archives">Archives</a></li>
|
|
</ul>
|
|
</nav>
|
|
<nav id="sub-nav">
|
|
<div class="social">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="rss" href="/blog/atom.xml" title="RSS">RSS</a>
|
|
|
|
</div>
|
|
</nav>
|
|
<!--<hgroup>
|
|
<h1><a href="/blog/"></a></h1>
|
|
|
|
<h2>An entrepreneur thaughts and ideas.</h2>
|
|
|
|
</hgroup>
|
|
-->
|
|
</header>
|
|
</div>
|
|
</div>
|
|
<div class="mid-col">
|
|
|
|
|
|
|
|
<div class="mid-col-container">
|
|
<div id="content" class="inner">
|
|
<div itemscope itemtype="http://schema.org/Blog">
|
|
|
|
|
|
<article class="post" itemprop="blogPost" itemscope itemtype="http://schema.org/BlogPosting">
|
|
<div class="meta">
|
|
<div class="date">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<time datetime="2014-01-29T16:12:00+01:00" data-updated="true" itemprop="datePublished">Jan 29<span>th</span>, 2014</time></div>
|
|
<div class="tags">
|
|
|
|
|
|
<a class='category' href='/blog/blog/categories/angular/'>angular</a>, <a class='category' href='/blog/blog/categories/tips/'>tips</a>
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<h1 class="title" itemprop="name"><a href="/blog/adblock-can-block-angular-loading-views/" itemprop="url">AdBlock Can Block Angular From Loading Views</a></h1>
|
|
<div class="entry-content" itemprop="articleBody">
|
|
<p>Every developer knows the feeling of hitting a weird bug, but I must admitt I was not prepared for this one.</p>
|
|
|
|
<p>It appears that if you have the Adblock extension installed, and have some Angular view names belonging to Adblock filter
|
|
list, then AdBlock can</p>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</article>
|
|
|
|
|
|
<article class="post" itemprop="blogPost" itemscope itemtype="http://schema.org/BlogPosting">
|
|
<div class="meta">
|
|
<div class="date">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<time datetime="2013-04-18T11:51:00+02:00" data-updated="true" itemprop="datePublished">Apr 18<span>th</span>, 2013</time></div>
|
|
<div class="tags">
|
|
|
|
|
|
<a class='category' href='/blog/blog/categories/entrepreneurship/'>entrepreneurship</a>, <a class='category' href='/blog/blog/categories/experience/'>experience</a>, <a class='category' href='/blog/blog/categories/life/'>life</a>
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<h1 class="title" itemprop="name"><a href="/blog/my-most-valuable-lesson-in-life-learnt-the-hard-way/" itemprop="url">My Most Valuable Lesson in Life Learnt the Hard Way</a></h1>
|
|
<div class="entry-content" itemprop="articleBody">
|
|
<p>Hollywood movies are often introduced with a main character living his life until a big event happens,
|
|
something that is enough life changing to justify a compelling story. And we, as an audience,
|
|
tend to identify to that hero or some event in the story that helps us forget the boredom of real life.
|
|
I believe this is one of the secret ingredients that make the movies industry so successful.
|
|
People need to forget about their daily life because they believe it’s boring.
|
|
In the timespan of <a href="http://www.slashfilm.com/by-the-numbers-the-length-of-feature-films/2/">159 minutes</a> they are thrilled in something more exciting, adventurous, romantic …
|
|
everything that does not seem to exist in “real life”.</p>
|
|
|
|
|
|
|
|
<a href="/blog/my-most-valuable-lesson-in-life-learnt-the-hard-way/" class="more-link">Read on →</a>
|
|
</div>
|
|
|
|
</article>
|
|
|
|
|
|
<article class="post" itemprop="blogPost" itemscope itemtype="http://schema.org/BlogPosting">
|
|
<div class="meta">
|
|
<div class="date">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<time datetime="2013-03-06T20:01:00+01:00" data-updated="true" itemprop="datePublished">Mar 6<span>th</span>, 2013</time></div>
|
|
<div class="tags">
|
|
|
|
|
|
<a class='category' href='/blog/blog/categories/ui-design/'>UI Design</a>, <a class='category' href='/blog/blog/categories/jib-li/'>jib.li</a>
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<h1 class="title" itemprop="name"><a href="/blog/redesigning-jibli-lessons-learned-form-hack-design-part-1/" itemprop="url">Redesigning Jibli - Lessons Learned Form Hack Design Part 1</a></h1>
|
|
<div class="entry-content" itemprop="articleBody">
|
|
<p>As many programmers, I have always thought web design is a
|
|
discipline best reserved for people doing art and design.
|
|
You know, the hipster with his MacBook, his pletora of Adobe suites,
|
|
and the huge time spent learning to use them.</p>
|
|
|
|
<p>I come from a background of system administration and networking, always
|
|
fascinated by the obscure backend’s thing happening behind what you
|
|
see on your screen. Furthermore, I started web development for the sole purpose
|
|
of building <a href="http://jib.li">Jib.li</a>, as a CoFounder and CTO on this
|
|
project, and as a team which had no money to hire a full time designer.</p>
|
|
|
|
<p>Needless to say I boarded the UI Design ship on the wrong foot.</p>
|
|
|
|
<p>In this first article I am going to share my experience on how I got passionate
|
|
about creating and designing a User Interface and what I learned from all the
|
|
resources shared on HN and <a href="http://hackdesign.org/courses/"> Hack Design </a> lessons which helped me redesign Jib.li.</p>
|
|
|
|
|
|
|
|
<a href="/blog/redesigning-jibli-lessons-learned-form-hack-design-part-1/" class="more-link">Read on →</a>
|
|
</div>
|
|
|
|
</article>
|
|
|
|
|
|
<article class="post" itemprop="blogPost" itemscope itemtype="http://schema.org/BlogPosting">
|
|
<div class="meta">
|
|
<div class="date">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<time datetime="2012-04-29T20:26:09+02:00" data-updated="true" itemprop="datePublished">Apr 29<span>th</span>, 2012</time></div>
|
|
<div class="tags">
|
|
|
|
|
|
<a class='category' href='/blog/blog/categories/it/'>IT</a>, <a class='category' href='/blog/blog/categories/programming/'>programming</a>, <a class='category' href='/blog/blog/categories/python/'>python</a>
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<h1 class="title" itemprop="name"><a href="/blog/Development-as-a-Service/" itemprop="url">Development as a Service on Its Baby Steps</a></h1>
|
|
<div class="entry-content" itemprop="articleBody">
|
|
<p>Let me start by presenting a new web service <a href="http://www.pythonanywhere.com/">pythonanywhere.com</a>.</p>
|
|
|
|
<p>It’s a full python development stack, ready to be used in your browser. After a quick subscription for a free account,
|
|
you have access from your dashboard to [python, ipython, bash] consoles in different python flavours.</p>
|
|
|
|
<p>You can also browse your files, make cron scripts and create python web apps on the fly.</p>
|
|
|
|
<p>The most interesting features are the consoles pause/resume feature, which can be shared
|
|
with other people. This could be very helpful to collaborate on code or teach python.
|
|
Behind the scene, it’s an encrypted ajax window over your home folder running on a remote server hosted on EC2.</p>
|
|
|
|
<p>DaaS may be on it’s first baby steps. Though, it could rapidly become a standard way to code for developers especially in startups.
|
|
Before diving in the pros and cons, let’s analyse the different development stacks possibilities.</p>
|
|
|
|
|
|
|
|
<a href="/blog/Development-as-a-Service/" class="more-link">Read on →</a>
|
|
</div>
|
|
|
|
</article>
|
|
|
|
</div>
|
|
<nav id="pagenavi">
|
|
|
|
|
|
<div class="center"><a href="/blog/blog/archives">Blog Archives</a></div>
|
|
</nav></div>
|
|
</div>
|
|
<footer id="footer" class="inner"><p>
|
|
Copyright © 2014 - Chakib Benziane -
|
|
<span class="credit">Powered by <a href="http://octopress.org">Octopress</a></span>
|
|
</p>
|
|
|
|
</footer>
|
|
<script src="/blog/javascripts/slash.js"></script>
|
|
<script src="/blog/javascripts/jquery.fancybox.pack.js"></script>
|
|
<script type="text/javascript">
|
|
(function($){
|
|
$('.fancybox').fancybox();
|
|
})(jQuery);
|
|
</script> <!-- Delete or comment this line to disable Fancybox -->
|
|
|
|
|
|
<script type="text/javascript">
|
|
var disqus_shortname = 'sp4ke';
|
|
|
|
|
|
var disqus_script = 'count.js';
|
|
|
|
(function () {
|
|
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
|
|
dsq.src = 'http://' + disqus_shortname + '.disqus.com/' + disqus_script;
|
|
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
|
|
}());
|
|
</script>
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
|
var _gaq = _gaq || [];
|
|
_gaq.push(['_setAccount', 'UA-31299938-1']);
|
|
_gaq.push(['_trackPageview']);
|
|
|
|
(function() {
|
|
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
|
|
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
|
|
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
|
|
})();
|
|
</script>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|