background preloader

LiveReload

LiveReload

http://livereload.com/

Sass Reference Syntax There are two syntaxes available for Sass. The first, known as SCSS (Sassy CSS) and used throughout this reference, is an extension of the syntax of CSS3. Subway Map Visualization jQuery Plugin » TechBubble I have always been fascinated by the visual clarity of the London Underground map. Given the number of cities that have adopted this mapping approach for their own subway systems, clearly this is a popular opinion. At a conference some years back, I saw a poster for the Yahoo! Developer Services. They had taken the concept of a subway map and applied it to create a YDN Metro Map. Vector Icons and Pictograms Picons Social 80 icons Picons Social is a bundle of 80 vector icons of your most favorite social services and applications such as Facebook, Twitter, Instagram, Flickr, Tumblr, Pinterest, Dribbble and many others. You are free to use them on your personal or business websites, interfaces or even other application, but you have to respect their owners rights and guidelines of use. Therefor the Picons.me license agreement doesn’t accour on them.

Rendering a web page – step by step Have you ever thought about what happens when you surf the web? It’s not as simple as it seems: You type an URL into address bar in your preferred browser.The browser parses the URL to find the protocol, host, port, and path.It forms a HTTP request (that was most likely the protocol)To reach the host, it first needs to translate the human readable host into an IP number, and it does this by doing a DNS lookup on the hostThen a socket needs to be opened from the user’s computer to that IP number, on the port specified (most often port 80)When a connection is open, the HTTP request is sent to the hostThe host forwards the request to the server software (most often Apache) configured to listen on the specified portThe server inspects the request (most often only the path), and launches the server plugin needed to handle the request (corresponding to the server language you use, PHP, Java, .NET, Python?) I, too, get annoyed when the above steps take longer than one tenth of a second.

Andrey Tarantsov: Sublime Text Workflow That Beats Coda and Espresso Welcome to the new #WorkflowThu series which helps web developers try new great things. In this episode, we’re talking about jumping into Sublime Text 2 and setting up a workflow that beats traditional tools like Coda and Espresso. Watch the video (10:30) or read the article below. App and plugins mentioned in this video: Transcript Patterns For Large-Scale JavaScript Application Architecture Today we're going to discuss an effective set of patterns for large-scale JavaScript application architecture. The material is based on my talk of the same name, last presented at LondonJS and inspired by previous work by Nicholas Zakas. Who am I and why am I writing about this topic? I'm currently a JavaScript and UI developer at AOL helping to plan and write the front-end architecture to our next generation of client-facing applications. As these applications are both complex and often require an architecture that is scalable and highly-reusable, it's one of my responsibilities to ensure the patterns used to implement such applications are as sustainable as possible.

Demo: Pure CSS speech bubbles The basic bubble variants This only needs one HTML element. For example, <p>[text]</p>. But it could be any element you want. The entire appearance is created only with CSS. Top HTML5 Frameworks and Generators To Ease Your Pain Why knocking your head worrying about cross-platform and cross-browser problems when there are many frameworks free to use. Same with HTML5 Frameworks, which help to cut short the CSS modification and ease the pain of dealing with HTML5. Undoubtedly that adapting a new framework requires considerable time and amount of work, it is still the most effective way to avoid certain setbacks, inevitable setbacks that already been configured properly in the framework. Each framework has specific purposes and developers may have to adapt 2 or more to finish the task.

Free Download: Altova XMLSpy CSS Editor 64-bit versions of the Altova MissionKit and XMLSpy are also available to download and evaluate. To unlock the software and begin your trial, simply request a free evaluation key from the dialog box that will automatically open when you start each application. Our license server will immediately email you FREE 30-day trial key codes that will unlock the software with all features fully enabled (no limitations, no crippled applications). Since you request evaluation key codes for each product individually, you may use each one productively for a full 30-day period. Installation Note: If you have more developers in your group that would like to test the software, you only need to download it once. Cheat Sheet Download cheat sheet as printable PDF A5 Syntax Child: > nav>ul>li Sibling: + div+p+bq

10 Beautiful Examples of Responsive Web Design These days, everyone is consuming content differently. My mom has a netbook, I have a laptop, my friend has a 27″ iMac, my girlfriend and I have smartphones and her mom has an iPad. Since your content is now being viewed on more devices and browsers than ever before, you have to design it with that in mind. gradient: All the CSS3 properties explained Gradients are smooth transitions from one color to another. Currently only gradients as background images (through the background property) are supported. Compatibility -webkit-linear-gradient Safari 5.1+ iOS 5+ Android 4+ Blackberry 10+ IE Mobile 10+linear-gradient Firefox 16+ Chrome 26+ Internet Exlorer 10+ Opera 12.1+ Not supported by Internet Explorer prior to version 10 and Opera Mini. From The Server To The Client — Client-Side Templating Advertisement Using templates in the browser is becoming more and more widespread. Moving application logic from the server to the client, and the increasing usage of MVC-like patterns (model–view–controller) inspired templates to embrace the browser. This used to be a server-side only affair, but templates are actually very powerful and expressive in client-side development as well. Image Credit: Viktor Hertz Why Would You Use It?

Related:  HTML, CSS EditorSass Compass