background preloader

Portfolio Site

Facebook Twitter


Building a Website Performance Monitor. A couple of months ago I wrote about using WebPageTest, and more specifically its RESTful API, to monitor the performance of a website.

Building a Website Performance Monitor

Unarguably, the data it provides can translate to precious information for engineers to tweak various parts of a system to make it perform better. But how exactly does this tool sit within your development workflow? When should you run tests and what exactly do you do with the results? My Top 5 Recommended Website Builders – Medium. Hello, here is a list of website builders that I recommend. 1.

My Top 5 Recommended Website Builders – Medium

Slides Slides is one of the best customizable website builder out there. Slides gives you options to customize headers, footers, animations, navigations and more. After you are done customizing your look you will download the design and you can upload it your preferred website host. 2. 10 Best Free Website Builders of 2016. Using a website builder can make it easy to build, design and organize your website without having to use complicated computer code.

10 Best Free Website Builders of 2016

Many hosting providers offer free website builders, but some are rather limited and it can be very frustrating trying to use them. Bubblestore - Product Hunt. UIDB - Product Hunt. Materia - Product Hunt. Creating Websites With Dropbox-Powered Hosting Tools. Let’s say you want to quickly sketch out your idea of a website, or just quickly whip up a small site for testing purposes.

Creating Websites With Dropbox-Powered Hosting Tools

Also, neither should take a lot of time to build nor should they need a full-stack toolkit. So, where and how do you start? Have you tried creating a website with some Dropbox-powered hosting tools? Well, they certainly can provide a fast and easy solution for these occasions. You don’t have to fiddle with servers or bother about deployment, some of them even come with pre-configured templates that you can use or customize to spare you coding time. In today’s article, we’ve collected nine tools for you that hook up to your Dropbox to streamline the process of creating and hosting static websites. Small Victories Link One creation tool that is based on Dropbox is Small Victories31. To keep everything as simple as possible, the content will be displayed on your site in the order as it appears in your Dropbox folder. Pancake Link DropPages Link Site44 Link Link. 10 simple tools for building mobile apps fast. EachScape is a unified, cloud-based, drag-and-drop editor for native iOS and Android apps, as well as HTML5 Web apps.

10 simple tools for building mobile apps fast

That might seem like an odd combination, but it works well. In addition, EachScape includes mobile back-end services for apps you build with its platform, Web preview for all apps, and an online build service. The architecture that allows EachScape to build iOS, Android, and HTML5 apps from a drag-and-drop editor (the Cloud Studio) depends on blocks and modules, as well as layouts and actions. Under the hood, EachScape has implemented a set of classes in Objective-C for iOS, Java for Android, and CoffeeScript for Web apps that correspond to ads, buttons, containers, controls, data connectors, data input, HTML, images, maps, media, navigation, placeholders, RESTful remote queries, social networks, and text. Advanced developers can build new blocks and modules for EachScape to extend its capabilities, using its SDKs. Read my full-length review of EachScape v5.0. Without Coding □⌚□ by Jurica Saponja @jurica87 - Product Hunt.

Zooming Background Images. The following is a guest post by Dylan Winn-Brown, who shows us a performant way to accomplish this design effect.

Zooming Background Images

Whilst working on a client’s website recently, I was asked to replicate an effect like this. This type of effect is notably used in portfolio-type situations where the design intends to show both visual and informational details. #There are many different possible methods. Why You Should Build Apps With An API Backend - BaaS. There are two divergent trends happening in mobile development right now.

Why You Should Build Apps With An API Backend - BaaS

The most common one is the mobile-first approach strategy. You construct a landing page website and then build a product in iOS, if targeting the U.S. market, or Android, if targeting the European market. Then, you push a single version and develop for other markets down the line. The other trend is the API-first approach, in which the underlying construct — the application programming interface (API) — is built first. This strategy allows the website and apps on various platforms to be built on top of the same basic conditions. The API-first solution allows app developers to quickly reach subscribers on many different devices. 15 Tools That Will Help You Build Your Website (No Coding Required) — Product Hunt.

Prototyping with Codeship and Firebase. Prototyping with Codeship and Firebase Interesting title.

Prototyping with Codeship and Firebase

Tell me more. This post started as a reference document to save me from Googling every time I needed to get up and running. The whole point of rapid prototyping is to get started quickly and validate that your idea or approach has legs. Apps Without Code — Building Without Code (part 3 & 4) Building Without Code (part 3 & 4) Well…I guess this is becoming a series!

Apps Without Code — Building Without Code (part 3 & 4)

See part 1 & part 2 here For over a year, I’ve been chronicling my experiences launching a tech startup, without writing any code. As Kollecto grows, I get more sophisticated in how I build. Thus far, my posts have unintentionally been helpful to lots of non-technical founders, so I wanted to share another update on how exactly I’m making this work. Wirify – The web as wireframes. The Code-Free Startup - Build apps without coding. Website Building in 2016: The Maker Movement — CMS Critic. In 2016, people who Google a service or a product are expecting to land on something specific.

Website Building in 2016: The Maker Movement — CMS Critic

This is why small, beautiful websites are everywhere, with each one dedicated to a service, a product, or an event. The age of the landing page, inbound marketing campaign and SEO is well and truly here, with each of those building blocks making up the basics behind growth hacking. How to build a website - Quora. - Product Hunt. Free Responsive Website Template for Developers. Want a Portfolio Site in 2016? Get This FREE Bootstrap Template :) About - One Page Resume Portfolio. Santiago - One Page Responsive HTML5 Theme. Mobirise Mobile Website Builder. How to Design Your Portfolio to Get Hired (a study of – Building an Engineering Culture - Barry Clark.

August 26, 2014 As a web developer or designer, your portfolio is an essential piece of your job application. It’s an opportunity to demonstrate a curated selection of your best pieces of work—or maybe your only work if you’re new! If done right, your portfolio will give you a huge advantage amongst a sea of applicants. In this portfolio example post you'll find tips extracted from Jad Limcaco's fantastic web design portfolio—highlighting ways that you can optimize your own portfolio for getting hired.

Jad is an incredibly thoughtful, intelligent, and articulate designer, and this comes across when he demonstrates his work. How to Design Your Portfolio to Get Hired: Tips from Pierre Nel's Website. Delivering a concise description of what you do Pierre lets visitors know who he is and what he offers right away, making sure to mention that he's both open to working at top agencies and also accepting freelance work. He also gives a brief description of where he works in the stack: everywhere! I like how Pierre keeps the tone of this description informal and conversational—it's very welcoming.

5 Golden Tips for Creating Fullscreen Website Backgrounds. Does immediately captivating your website visitors’ attention interest you? If you answered ‘yes,’ one of the most effective methods to do so is to use fullscreen website backgrounds. The fullscreen background has a strong visual impact that sets the tone for the user experience already when the site is loading. This is why so many beautiful websites go for the fullscreen look. Responsive Developer at BootstrapZero. Responsive Portfolio Template for Developers. Agency - One Page Bootstrap Theme. User Contributed Versions: License & Author Details: Apache 2.0 by Start Bootstrap Theme Comments: Please enable JavaScript to view the <a href=" powered by Disqus.

Freelancer - One Page Theme. Official Alternate Versions: Jekyll Version User Contributed Versions: License & Author Details: Apache 2.0 by Start Bootstrap. Creative - One Page Bootstrap Theme. License & Author Details: Apache 2.0 by Start Bootstrap Theme Comments: SHIELD - Free Bootstrap 3 Theme. Initializr - Start an HTML5 Boilerplate project in 15 seconds! Frontend Generators, a guide to getting started - Jonathan Fielding. This is another post in my series of posts on Frontend Tooling. In this post we will talk about the different generators we can use to get started on our project. There are many different generators/scaffolders available, and we will cover some of the most popular and look at how we can use them in out projects. Initializr ( How to Create a Portfolio Site That Will Get You Hired.