background preloader

How to lose weight (in the browser)

How to lose weight (in the browser)

Is there a built-in login template in django CSS3 Patterns Gallery Browser support The patterns themselves should work on Firefox 3.6+, Chrome, Safari 5.1, Opera 11.10+ and IE10+. However, implementation limitations might cause some of them to not be displayed correctly even on those browsers (for example at the time of writing, Gecko is quite buggy with radial gradients). Also, this gallery won’t work in Firefox 3.6 and IE10, even though they support gradients, due to a JavaScript limitation. Submission guidelines If you have a new pattern to submit, please send a pull request. Does it present a new technique?

How to automatically post links to your latest blog articles on social media websites - realmacsoftware A place for customers to chat about Realmac and its products - RapidWeaver, Clear and Ember! Hello, This is something I was asked about by a client a few weeks ago, and I decided to writeup my findings and present this information as a 'how to' for other RapidWeaver users: This is useful if you maintain a blog via RapidWeaver or another publishing platform. A free service like TwitterFeed monitors your blog RSS feed for new articles. It serves as a useful method to promote your blog. -Will.

Improving UX Through Front-End Performance Imagine you’re at an intersection waiting for your turn to walk across the street. You push the button to call the walk signal, and you take out your phone. You want to accomplish one thing: maybe check your e-mail, add an item to your to-do list, or check Twitter. You have a limited amount of time to accomplish that one thing. That amount of time is how long users have to finish what they want to do on your site. Adding half a second to a search results page can decrease traffic and ad revenues by 20 percent, according to a Google study. Can you keep up? It’s time we make performance optimization a fundamental part of how we design, build, and test every single site we create—for every single device. Designing for performance#section1 Website performance starts with design. Not every design decision will favor performance. But sometimes, performance will win. In another experiment, the dyn.com homepage featured a thumbnail image section with 26 images that rotated in and out of 10 slots.

Separation of concerns The value of separation of concerns is simplifying development and maintenance of computer programs. When concerns are well-separated, individual sections can be reused, as well as developed and updated independently. Of special value is the ability to later improve or modify one section of code without having to know the details of other sections, and without having to make corresponding changes to those sections. Implementation[edit] Separation of concerns is an important design principle in many other areas as well, such as urban planning, architecture and information design.[5] The goal is to more effectively understand, design, and manage complex interdependent systems, so that functions can be reused, optimized independently of other functions, and insulated from the potential failure of other functions. Origin[edit] The term separation of concerns was probably coined by Edsger W. Let me try to explain to you, what to my taste is characteristic for all intelligent thinking.

The Complete Text Transcripts of Over 100 Barack Obama Speeches Screen Capture · ariya/phantomjs Wiki Since PhantomJS is using WebKit, a real layout and rendering engine, it can capture a web page as a screenshot. Because PhantomJS can render anything on the web page, it can be used to convert contents not only in HTML and CSS, but also SVG and Canvas. The following script demonstrates the simplest use of page capture. It loads the Github homepage and then saves it as an image, github.png. var page = require('webpage').create(); page.open(' function () { page.render('github.png'); phantom.exit(); }); To run this example create a new file called 'github.js' which is in the same directory as the phantomjs.exe file. phantomjs github.js Beside PNG format, PhantomJS supports JPEG, GIF, and PDF. In the examples subdirectory, there is a script rasterize.js (30 lines) which demonstrates a more complete rendering feature of PhantomJS. phantomjs rasterize.js tiger.png which gives the following tiger.png:

How to Embed YouTube Videos without Increasing Page Load Time Learn how to embed YouTube videos responsively and without increasing the page load time. The embeds are light and mobile friendly and the YouTube player is loaded only when the user initiates the video playback. It is easy to embed a YouTube video but you’ll be surprised to know how much extra weight that embedded YouTube video can add to your web pages. The embedded video not only increases the byte size of your web pages but the browser has to make multiple HTTP requests to render the video player. Google+ uses a clever technique for embedding YouTube videos – it just embeds the thumbnail image of a YouTube video and the actual video player is loaded only when the user manually clicks the thumbnail. YouTube thumbnail images are about 15 kB in size so we are able to reduce the byte size of web pages by 500+ kb. The video above is embedded using the same on-demand technique (demo). Light and Responsive YouTube Embeds The new on-demand embed code for YouTube is slightly different.

GRASP (object-oriented design) General Responsibility Assignment Software Patterns (or Principles), abbreviated GRASP, consists of guidelines for assigning responsibility to classes and objects in object-oriented design. Larman states that "the critical design tool for software development is a mind well educated in design principles. It is not the UML or any other technology." The Controller pattern assigns the responsibility of dealing with system events to a non-UI class that represents the overall system or a use case scenario. A use case controller should be used to deal with all system events of a use case, and may be used for more than one use case (for instance, for use cases Create User and Delete User, one can have a single UserController, instead of two separate use case controllers). It is defined as the first object beyond the UI layer that receives and coordinates ("controls") a system operation. Creation of objects is one of the most common activities in an object-oriented system.

Infographics Showcase - Infographic Reviews - Submit Infographic - Part 2 Filed under: Business Infographics, Legal Infographics, People Infographics | Comments Off The Special Risks Bureau has compiled a list of the most expensive body parts celebrities have insured, and used them to create the most valuable celebrity couple in the world. Body parts include Gene Simmons’ tongue, Rod Stewart’s voice, Cristiano Ronaldo’s legs, Julia Roberts smile, Jennifer Lopez’s bum, and Mariah Carey’s legs. Infographic Design: B+ Simple design that showcase the many different celebrity body parts that are insured. Infographic Information: A The information is easy to understand and something that most people may not even realize. Download this infographic. Filed under: Business Infographics, Historical Infographics | 1 Comment » Ten Motives has created an infographic depicting the history of smoking. Infographic Design: A The timeline design works well to showcase the history of smoking. Download this infographic. Filed under: Home Infographics | Comments Off Infographic Design: B

Related: