Posts labeled Tutorial

Edit your Webmaker Thimble make with a bookmarklet

Well, kind of. I made this little bookmarklet that lets you do just that (simply drag the link below to your bookmarks): Edit make The code is very simple – especially since Thimble (make viewer?) loads jQuery: javascript:(function(){ /*Created by twitter.com/fourtonfish*/ try{ document.location.href = $("div.make-bar-button a").attr("href").replace(/remix/,"edit"); } catch(err){ alert("Uh, no."); console.log(err); } })(); A few notes:...

Seting Up Multiple Flask Apps

"How do I set up a website that runs mainly on Python and the Flask framework and consists of several unrelated Flask apps?"

Make your own social media sharing buttons

So you just finished your very first web app and you’d like to let other people share it on Twitter, Facebook, Pinterest or any other social network they use. This is really easy to do — most social media websites provide a code you can put on your website that takes care of everything for you. But you might be concerned about performance — typically...

Make your own “About Me” page, part I: Introduction to web fonts

Did you know that the <font> tag — a HTML tag that lets you change the style and color of the fonts on your page (and that is no longer supported in HTML5) — was introduced into HTML in 1995? That’s two years after the first version of HTML was standardized. And it wasn’t until 1996 that you could customize fonts with CSS. Follow tutorial...

Make your own web mashup

There are two major ways of consuming content on the web: you either use your browser to visit a website or you can directly “talk” to the site and ask for specific information using something called API (application programming interfaces). The second method lets you create websites that talk to other websites and combine the information they receive to create a mashup. Follow tutorial with Thimble

Dynamically add directives in AngularJS (while ditching jQuery)

Let’s say you want to add a button that adds more buttons (or any other interactive element) that do something when you click them. There is a few ways to achieve this, but most of the solutions I found either didn’t work (probably due to using an older AngularJS version), seemed unnecessarily complicated or relied on using jQuery....