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? How do you visualise them? 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. 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. That’s why we’ve ranked only the very best website builders and hosting companies, to help you find the one that’s right for you! 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. 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. 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. 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. 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. 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. Website builders are arguably the best tools to design such small-to-medium sized sites. 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 :)

Want a Portfolio Site in 2016? Get This FREE Bootstrap Template :) Developer is a free responsive portfolio template I made to help developers promote their work. 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! 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: Freelancer - One Page Theme.

Creative - One Page Bootstrap Theme. SHIELD - Free Bootstrap 3 Theme. Initializr - Start an HTML5 Boilerplate project in 15 seconds! Frontend Generators, a guide to getting started - Jonathan Fielding. How to Create a Portfolio Site That Will Get You Hired.