dustin caruso

dustin caruso

Front-End / JavaScript / UI / WordPress / Shopify Developer

DESIGNING FOR A BEAUTIFUL WEB

Responsive web design offers us a way forward, finally allowing us to design for the ebb and flow of things. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don’t look even slightly.
Nullam at ligula ac metus molestie hendrerit et id odio. Integer fringilla imperdiet arcu nec scelerisque. Quisque mollis, lorem sit amet porttitor convallis, sem lectus tincidunt libero, quis tincidunt justo leo et purus. Nulla vitae ullamcorper magna. Fusce quis ultrices magna, ultricies auctor nibh. Mauris massa orci, pretium nec imperdiet eget, ornare et quam. Sed fermentum rutrum pharetra. Quisque gravida congue eros, et mollis magna sagittis in. Sed condimentum pretium enim, sit amet facilisis magna luctus ut. Etiam consectetur nulla pulvinar varius varius. Phasellus tristique, massa sed semper interdum, velit lorem suscipit massa, ut pellentesque turpis lectus ut magna. Ut semper pulvinar neque, nec congue tellus egestas sit amet. Phasellus arcu purus, placerat et faucibus sed, pretium quis nunc. Sed tempus in tortor ac pulvinar. Phasellus tristique id diam eget vehicula.
Sed imperdiet facilisis mi, vitae posuere erat interdum in. Praesent sagittis aliquet nulla, iaculis pharetra risus rhoncus eget. Nulla et est id tortor ullamcorper luctus ut in mauris. Vestibulum vitae blandit neque. Pellentesque enim risus, sollicitudin et cursus sed, vehicula non sapien. Aliquam nec velit a risus semper porttitor eget ac nisi. Sed a commodo enim, ac aliquam mi. Vestibulum sodales convallis lacus, a viverra elit accumsan ac. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed laoreet massa et mi euismod, a vehicula lectus interdum. Pellentesque lorem nibh, commodo eget venenatis in, placerat sit amet orci. Aliquam id eleifend mi, eget dictum lorem.

Web Design is 95% Typography

Sed fermentum tellus id felis dignissim lacinia ut vel lorem. Aliquam id nibh aliquam, luctus felis eget, posuere leo. Aliquam erat volutpat. Nunc porta nibh id augue gravida, vel rutrum dolor lacinia. Fusce lobortis interdum purus, et commodo lorem lobortis ac. Fusce non scelerisque risus, sit amet sodales leo. Nam facilisis nunc et faucibus malesuada. Morbi eu purus augue.
Curabitur lobortis consequat euismod. Mauris feugiat neque enim. Duis mi tellus, tempus vel dolor at, blandit auctor dolor. Quisque eleifend sed tellus sit amet fermentum. Nam erat nulla, feugiat sit amet dictum quis, consequat et lectus. Donec nec tristique lacus. Sed consequat, neque sed ultricies ultrices, dolor magna mattis magna, ut tristique quam ipsum a est. Mauris sed elit massa. Morbi semper aliquam dui et pretium. Suspendisse gravida lectus metus, varius tempor erat congue a. Pellentesque ipsum tortor, eleifend et lacinia nec, faucibus eget tellus.

View Source on iPhone

iphoneThis is a cool little tidbit for those of you web developers that have an iPhone. A Safari bookmarklet that enables you to “View Source” for any web page while using Safari on the iPhone. A bookmarklet (in case you didn’t know) is “a JavaScript program stored as a URL within a bookmark” as defined by Wikipedia.

The steps that follow will walk you through the process…
1 – Select and “copy” the long string of code below…

* This needs to be one long continuous string, so if you’re cutting and pasting from Firefox, you’ll need to remove the line breaks and/or spaces.

2 – On your computer, go to ANY webpage in Safari and bookmark it using either the “+” (Add Bookmark) button or by choosing “Add Bookmark…” from the “Bookmarks” menu. When saving the bookmark name it “View Source” and save it wherever you’d like in your bookmark hierarchy.

3 – Now, go into the bookmark manager. Do this by clicking the bookmark icon in your bookmarks bar or by choosing “Show All Bookmarks” from the “Bookmarks” menu. Navigate to the bookmark you just saved.

4 – Single-click on the URL for the bookmark to highlight the text for editing, and paste the text/code you just copied above.

5 – Plug in your iPhone and sync it up w/ your bookmarks on your computer.
Now, to actually use it – launch your Safari web browser on your iPhone and navigate to whatever web page you would like to view the source code for. After the page has loaded, click the bookmark icon in the lower Safari navigation bar (3rd from the left), and navigate to your “View Source” bookmark and click it.

And there you have it.