background preloader

Aspect Ratio Calculator (ARC)

Aspect Ratio Calculator (ARC)
Use the form below to calculate the missing value for a particular aspect ratio. This is useful, for example, when resizing photos or video. <p><strong style="color: #c00;">You must have JavaScript enabled to use this page. Instructions Enter the values for the original width (W1) & original height (H1) on the left. Formula Say you have a photo that is 1600 x 1200 pixels, but your blog only has space for a photo 400 pixels wide. (original height / original width) x new width = new height (1200 / 1600) x 400 = 300 Note: this is the new, improved version. andrew.hedges.name / experiments / Aspect Ratio Calculator Related:  lorem49

Trendy Geometric Lines Design Tutorial This post was originally published in 2008 The tips and techniques explained may be outdated. Starting with the design application of Adobe Illustrator create a group of vector based geometric lines at dynamic 45 degree angles, then follow the walkthrough to rough them up with brush textures in Adobe Photoshop resulting in a cool and trendy design style. The use of angled lines adds a dynamic flair to the composition of a design allowing the viewers eye to follow them across the page. Start the design in Adobe Illustrator, draw out a number of blocks faced up to each other filled with the colour scheme of your choice. Select all the blocks and click the New Icon in the Brushes Palette, in the option box select New Art Brush. Check the direction of the brush is flowing in the correct direction using the arrow buttons. Now the brush is saved in the Brushes Palette begin drawing the geometric lines. Repeat the process with multiple lines, scaling them slightly to give varied sizes and widths.

Which responsive images solution should you use? There are a bunch of techniques going around for dealing with responsive images lately. That is, solutions to help us serve the right image for the occasion (e.g. size of screen and bandwidth available). They all do things a bit differently. To keep track, Christopher Schmitt and I have created this spreadsheet of techniques. The spreadsheet has the data, but let's digest it through thinking about it through the lens of practical questions. To choose which technique is right for you and your project these questions may help as a guide. Do I have legacy content? Which really means... do I have legacy content that is impractical to update? The only technique I know of that works with absolutely no markup changes is Adaptive Images. Another question to ask yourself is if you care about legacy content. Do I care about special markup? This is really a sub-question of the above. Do I care about semantics? Some responsive images techniques involve markup which isn't strictly semantic. Share On

Cómo capturar una página web completa Te presentamos 4 herramientas que te permitirán tomar screenshots de la totalidad de un sitio web de manera rápida y sencilla. Si alguna vez te has visto en la situación de querer capturar una página web completa, pero te das cuenta que la herramienta con la que cuentas para tomar screenshots solo es capaz de hacerlo dentro de la resolución de tu monitor, es probable que te hayas sentido algo frustrado. Debo confesar que antes de decidirme a buscar una herramienta como las que les mostraré a continuación, lo primero que se me ocurrió en mi tonta cabeza, fue reducir el tamaño del texto y los elementos del sitio para poder capturar la mayor porción posible de una web, todo lo que entrara dentro del espacio visible de mi pantalla. Hay varias maneras de tomar una captura a una página web completa, y para complacer a la mayor cantidad de usuarios posible, vamos a presentarles alternativas compatibles con varios navegadores y sistemas operativos. Recomendados

Oculus Is Awesome for Games, But It's the Future of Movies | Underwire Photo courtesy Oculus PARK CITY, Utah – I never thought I’d ever say this, but I’m onstage with Beck. He’s wearing his usual hat-and-blazer combo, and covering one of my favorite David Bowie songs. Out past the crowd is a full choir — a few faces I recognize because they played with Beck during last year’s Station to Station rolling art extravaganza — and a massive musical ensemble. That’s when my brain reminds me I’m not actually on stage. Instead, I’m sitting in a chair at the Sundance Film Festival’s New Frontier installation, wearing an Oculus Rift virtual reality headset. “The first time I tried Chris Milk‘s Beck experience in VR, it fundamentally changed the way I thought about, frankly, audio in VR,” says Nate Mitchell, Oculus’ vice president of product, “and the impact a live concert could have on me in virtual reality.” It’s not just concerts. “Games are our passion,” Mitchell says, “but when you take it and show it to people here, they’re like, ‘I have something. Like where?

Trend / Papeterie Haute-Ville Logo Logo for the stationer's store, the part of a large network of office furniture all around Québec that has been actively involved in the development of kids' social skills with a wide range of products like games, art products, books and creative DIY supplies. www.behance.net/gallery/Papeterie-Hau… Link Web, Business Channels logo, branding Tags Aleksey Busygin Credit 5 DevTools features to help you debug your WebApp — Adnane Belmadiaf's Blog DevTools is a powerful tool than can made developing WebApp easier, it has a lot of features some of them are still experimental and you need to enable them in the Breakpoints Breakpoint are related to the JavaScript code, it let's you halt the JavaScript code execution and inspect the current environment. You can set them by simply going the "Source" tab, then select the JS file you want to debug , find the line you want to set a breakpoint on, then click the line number to apply a breakpoint : The DevTools also supports conditional breakpoints. DOM Breakpoints The DevTools can also be used to set breakpoints on the DOM elements direclty, just right click on the element you want to break on, then select the option you want : monitorEvents The Devtools has a built function called monitorEvents, it lets you monitor objects for mouse, key, touch or control events : Pretty Print Pretty Print is a handy feature for debugging minified JavaScript. Remote Debugging

PDFmyURL: Convert in PDF any web dizmo, a new revolutionary user interface by dizmo inc. dizmo is a new class of ground-breaking user-interface software which lets you interact with digital gizmos in the most natural way, on any advanced smart display and digital surface. We call it the «dizmo space». Invented to enrich real time collaboration in the classroom, boardroom and office, dizmo can be installed on any standard OS like Windows, Mac OS X or Linux (see below for more details). In the dizmo space, users are able to use dizmos on any smart display, share content in an intuitive and immediate way and also visualize and control wireless devices such as lights, plant sensors, alarms, locks, webcams and dishwashers - interacting with the Internet of Things. dizmo space is the ideal environment for workgroup collaboration, smart home and office environments, entertainment, education and many more. Within dizmo space, digital convergence takes place in the most immersive and intuitive way, creating new compelling and surprising use cases. Creating new dizmos is simple.

Trend / Gloyneftegas Log In Sign Up COLOURlovers Search Create Welcome. Business»Trends»Branding»Gloyneftegas Gloyneftegas November, 2010 www.logospire.com/logos/5168 Link Business Channels Mark Lee Credit Trend Colors Hex 6 Comments Showing 1 - 6 of 6 Comments Reply Malourdesb Posted Mar 7, 2011 Me gusta! waikay Posted Jan 15, 2011 love it! chiron8 Posted Dec 9, 2010 Gorgeous deep blue and deep green! willogem Posted Dec 7, 2010 Awesome pallet! Jarod B Posted Nov 29, 2010 Great palette as well! Varvara Posted Nov 26, 2010 Great! Post a Comment You must be logged in to post a comment. Share This Trend Share on Search Business Trends Browse Create Community Channels Trends Tools Store About © 2014 Creative Market Labs, Inc.

Implementing Secure Passwords in PHP 5.5 Introduction PHP has always had a few simple ways to implement password hashing to an extent. MD5 and SHA1 are examples of this, but the security of these methods is not what it should be. What we need is a secure password encryption mechanism that uses SALT and perhaps even something else to help us safely encrypt our passwords for later use. PHP 5.5 Secure Password API Lucky for us, the folks at PHP have thought about this long and hard, and the result is a very simple PHP password hashing API that is not only easy to use, but fast and secure. $hash = md5($password . This way is not bad--it works--but it isn't great. There is a lot that can go wrong here. The new, better way of doing this is: $hash = password_hash($password, PASSWORD_DEFAULT); As you can see, the password_hash() function will create an encrypted password using the default algorithm, which is currently bcrypt(), and sets the default load factory (cost) at 10. $2y$10$.vGA1O9wmRjrwAVXD98HNOgsNpDczlqm3Jq7KnEd1rVAGv3Fykk1a

Robotype.net >> Design & Development: Inklude.com Getting Started This guidance and application gives you an overview of ASP.NET Web Pages (version 2 or later) and Razor syntax, a lightweight framework for creating dynamic websites. It also introduces WebMatrix, a tool for creating pages and sites. Level: New to ASP.NET Web Pages.Skills assumed: HTML, basic cascading style sheets (CSS). What you'll learn in the first tutorial of the set: What ASP.NET Web Pages technology is and what it's for. Features/technologies discussed: Microsoft Web Platform Installer. Mike Pope originally wrote this tutorial. Software versions used in the tutorial ASP.NET Web Pages (Razor) 2WebMatrix 3 What Should You Know? We're assuming that you're familiar with: HTML. We're also assuming that you're interested in learning basic programming. Note that if you are familiar with programming, you might find that this tutorial set initially moves slowly while we bring new programmers up to speed. What Do You Need? Here's what you'll need: What Is ASP.NET Web Pages? What is WebMatrix? @{ } <!

Andrew Pearce - Photographer & Filmmaker Andrew is an art photographer and filmmaker from the Australian countryside. At the age of 24, his photography has exhibited internationally, with several works held in art gallery collections. In 2011, he was awarded The Shutterbug Award, one of Australia's most prestigious awards for emerging photographers. Andrew has made music videos for bands including Eskimo Joe, The Temper Trap and Duran Duran. As well as being nominated for Best Pop video at the MVA's in London. Water Birth Welcome to the Earth Alpine Ponds Endless Afternoons Waiting for the Raging River Water Vine Poison Blackberry The Ages Primitive Waking Eve Truce The Animals Tame Rolling Storms Eulogy Raising Earth Sky Rise Raising Earth Cocoon Orchid Jewel The Conductor

Justin Vincent — About Check out my tech startup podcast TechZing, we've recorded over 220 episodes. Maximise your downtime by listening to us while you code, commute or do the dishes! I am a developer, entrepreneur and tech chat-show host. In a previous life I was a musician. I’ve been coding stuff on the web since 1994. During that time I’ve built, launched and marketed quite a few mobile and web apps. A few languages I know and love are: PHP 5, mySQL, CodeIgniter, CakePhp, ezSQL, Zend, Drupal, jQuery, Ajax, JavaScript, Raphael, DHTML HTML, XML, CSS, XSLT, iPhone, iPad, Titanium, Facebook API, Twitter API, Google Maps, etc. I’ve held CTO, technical architect, and team lead positions at start-ups and Fortune 500 companies alike. I’m an open source advocate. I’m presently available/unavailable for consulting contracts.

Related: