Aliso Viejo Town Center Envision Design Proposal

The City of Aliso Viejo has called for ideas to revitalize the Aliso Viejo Town Center. I’ve put together a design inspired by San Jose’s Santana Row and Los Angeles’ The Grove that include a Central Park, Train Trolly, plenty of walking areas, spaces for independent pharmacy Health Hubs and a dedicated bus route between Aliso Viejo and Laguna Beach.

Existing:
current_small

My Proposal:
designProposal_small

The Charret Design Videos:

Follow A Blog using Flipboard

I’ve written about how to follow a blog on flipboard before but wanted to do a single post for the HBX Core Blog as I’ll soon be starting HBX Core May 2016 cohort.

You can follow the HBX Blog or any other blog on your Flipboard app by searching for a blog’s rss feed url.

To find a blog’s rss feel url, either click on the blog’s rss link or icon if listed on the footer. If an rss link is not provided, simply right click on the blog and select View Page Source and look for “rss”.

You can follow me on Flipboard at https://flipboard.com/@yesi79.

IMG_0840

Top 21 VC Blogs Every Investor & #Entrepreneur Should Follow on @Flipboard

vcBlogs

I ran into a great article on MostRead.In which provided a great list of must read vc blogs. However, with the article only supplying links to the blogs, I thought it would be great for Flipboard readers to have direct links to follow on Flipboard. Below are links to the blog’s hidden Feed URLs on Flipboard which I’ve created via the hidden trick to subscribe to a blog on Flipboad. Hope you enjoy!

  1. Fred Wilson – A VC
  2. Fred Destin: Open source venture capital
  3. David Skok – For entrepreneurs
  4. Jason Ball’s Techbytes
  5. Thomas Grota – A personal view on venture capital
  6. Jalak Jobanputra – The barefoot VC
  7. Chris Dixon – Cdixon.org
  8. Tomasz Tunguz – ex post facto
  9. Paul Jozefak – Babbling VC
  10. Ciaran O’Leary – Berlin VC
  11. Christoph Janz – The angel VC
  12. Paul Graham – Essays
  13. First Round Capital – The Review – NO FEED URL
  14. Charlie O’Donnell – This is Going to be Big – NO FEED URL
  15. Mark Suster – Both Sides of the Table
  16. Ben Horowitz – Ben’s Blog
  17. Martin Varsavsky
  18. Bill Gurley – Above the Crowd
  19. Brad Feld
  20. Dave McClure – 500 Hats
  21. Brett Hurt – lucky7 – NO FEED URL

Google Mobilegeddon

On Apr 21, 2015 Google will update it’s search algorithm to score sites that are mobile friendly higher in search results than those that are not. The aim of course is to spur site owners to update their sites to include a mobile version. Updating a site is straightforward but in many cases doing so may require complete rebuilds. I highly suggest looking into using bootstrap to create a web responsive site that is both a desktop and a mobile version in one with no need to create a separate mobile site.

If you’d like to check if your site is ready, try using google’s mobile friendly test.

If your site is not ready:
GoogleMobilegeddon_NotMobileFriendly

If your site is ready:
GoogleMobilegeddon_MobileFriendly

What front-end web framework to choose, Angular, Ember, React?

I’ve been looking into what front-end development framework to use for future web work and thus far, the contenders include AngularJs, EmberJS and ReactJs. As I dig in more on my research, I’ve decided it best to collect my findings here while. In addition, I’ve also created a Flipboard magazine to collect related articles.

In an ideal world, I would love to learn one more front-end development framework that allows me to do both mobile and native mobile apps. For native apps, I’m looking to learn Swift and/or PhoneGap or build iPhone apps with Javascript in WebView

Great side-by-side comparison of Angular, Ember and React:

Great Quora Posts:
Facebook’s React vs AngularJS: A Closer Look
Is React killing Angular?
Should I choose React over Angular? Why?

Links:
AngularJS vs. Backbone.js vs. Ember.js

Flipboard Magazines:

View my Flipboard Magazine.
View my Flipboard Magazine.

Getting Started With {Less}

.less is a great way to create programable css files using variables.

Here’s how it works:

You either pre-compile your .less files into .css files using a less command line compiler OR you can process .less files on the browser as your page loads.

To compile .less files on your browser, you must first include the .less files via <link rel=”stylesheet/less” type=”text/css” href=”…”> tags followed by including the less.js library file, like so:

myFirst.less
@myPrimaryColor: #0068AD;

.btn {
background-color: @myPrimaryColor;
}

Page Before it Loads:
<html>
<head>

<link rel=”stylesheet/less” type=”text/css” href=”myFirst.less”>
<script src=”//cdnjs.cloudflare.com/ajax/libs/less.js/2.3.1/less.min.js”></script>


<head>
<body>

</body>
</html>

Once .less processes each of your .less files, it will create a <style> tag including the processed css code on your page, like so:

Page After It Loads
<html>
<head>

<link rel=”stylesheet/less” type=”text/css” href=”myFirst.less”>
<style type=”text/css” id=”less:myFirst”>
.btn {
background-color: #0068AD;
}
<style>

<script src=”//cdnjs.cloudflare.com/ajax/libs/less.js/2.3.1/less.min.js”></script>

<head>
<body>

</body>
</html>

IMPORTANT: Don’t forget semicolons, .less will tell you there’s an error via “ParseError: Unrecognised input” BUT not where the error is at.

Global Variables

.less allows for global variables in multiple ways.

1. You can define your global variables within one central .less file and simply include it via “@import” within your other .less files, like so:

myConfig.less
@myPrimaryColor: #0068AD;
myFirst.less
@import “myConfig.less”;

.btn {
background-color: @myPrimaryColor;
}

2. You can also define global variables within less = { globalVars: {} } before including the .less library which makes the variable available to all of your .less files, like so:

<html>
<head>

<link rel=”stylesheet/less” type=”text/css” href=”myFirst.less”>
<script type=”text/javascript”>
less = {
env: “development”, // note that I am using this to prevent .less from caching
async: false,
fileAsync: false,
functions: {},
useFileCache: false,
globalVars: {
myPrimaryColor: ‘#3292CD’
}

};
</script>
<script src=”//cdnjs.cloudflare.com/ajax/libs/less.js/2.3.1/less.min.js”></script>

<head>
<body>

</body>
</html>

Keep in mind that .less caches the <style> tags it creates, which I dislike very much because if you plan on dynamically updating variables, you’ll find it impossible to do so with the built in .less cache. A way to prevent this is to “trick” .less into thinking your in development mode via env: “development”.

Special mention for .NET developers

If you’d like to bundle your .less files, @Styles.Render() will not work. You’ll need to use @Styles.RenderFormat() in order to specify a rel and type attribute to the <link> tag:

@Styles.RenderFormat(@”<link href=””{0}”” rel=””stylesheet/less”” type=””text/css”” />”, “~/Content/less”) // in this example, ~/Content/less is the Bundle Virtual Path

Within your .NET project you’ll also need to add a “.less” MIME type either via ISS Manager our in your Web.config, like so:

Web.config
<system.webServer>
<staticContent>
<mimeMap fileExtension=”.less” mimeType=”text/css” />
</staticContent>
</system.webServer>

AND you will need to specify a Build Action for .less files set to Content, which can be done by right clicking on the file within your .NET Solution Explorer.