background preloader

Pixelarity: Spectacular responsive site templates

Pixelarity: Spectacular responsive site templates
Related:  sitesWWW_addonsWebDev

Tagxedo - Word Cloud with Styles Magnific Popup: Responsive jQuery Lightbox Plugin Magnific Popup is a responsive lightbox & dialog script with focus on performance and providing best experience for user with any device(for jQuery or Zepto.js). Examples Single image lightbox Three simple popups with different scaling settings. 1 — fits horizontally and vertically, 2 — only horizontally, 3 — no gaps, zoom animation, close icon in top-right corner. Lightbox gallery You may put any HTML content in each gallery item and mix content types. Zoom-gallery If you wish to open the popup only after image is fully loaded, you may preload image via JS. Popup with video or map In this example lightboxes are automatically disabled on small screen size and default behavior of link is triggered. Dialog with CSS animation Animations are added with simple CSS transitions, you can make them look however you wish.More animation effects on CodePen. Popup with form Entered data is not lost if you open and close the popup or if you go to another page and then press back browser button. Ajax popup Fast

Cthuvian Ipsum Generator R'luh grah'n hlirghyar Tsathoggua lw'nafh uaaah nafly'hah phlegeth Nyarlathotep, y-Hastur hlirghyar ep kn'a phlegeth fhtagnnyth naflphlegeth lloig h'ebunma, sgn'wahl Shub-Niggurath geb ngphlegeth y-chtenff Chaugnar Faugn ngilyaa. Ngsll'ha f'mg chtenff shogg ngShub-Niggurath geb hai nglui naflr'luh, li'hee geb ebunma naflgnaiih naflfm'latgh naflshogg h'uln sgn'wahl fhtagn, ee Shub-Niggurath gnaiih kn'a sgn'wahl ehye zhro. Chaugnar Faugn ch' ilyaa syha'h h'k'yarnak li'hee ee, ftaghu ph''bthnk ah Cthulhu nashtunggli llll, orr'e gof'nn ph'Chaugnar Faugn Azathothyar cron.

HTML5 & CSS3 Fundamentals: Development for Absolute Beginners 10 minutes, 20 seconds 35 minutes, 14 seconds 29 minutes, 21 seconds 25 minutes, 25 seconds 48 minutes, 58 seconds 20 minutes, 18 seconds 6 minutes, 59 seconds 15 minutes, 30 seconds 13 minutes, 0 seconds 27 minutes, 27 seconds Wordle - Beautiful Word Clouds About Analytics for iPad - Analytics for iPad Show your boss or business partners what is happening, browsing thru all your reports turning the iPad in impressive Landscape or Portrait modes. The interface is made so clean and intuitive, that you will never want to stop looking at your websites :-) More than 100 Reports with many filters and options show you nearly every detail of what is happening on your website! The Key-Features of Analytics for iPad: Full Access to All Google Analytics Reports including Real-Time Reports! Analytics for iPad is optimized for your daily use: It saves your last selections and presents it on App launchUse Bookmarks to get reports with just one tapShare Reports without leaving the App And the best of it, it’s free! If you still want more, you can upgrade to the Premium version using In-App-Purchase to: Get full access to all Google Analytics ReportsGet rid of the small Ad and support the future Development :-) You want to learn more? If you have any questions, feel free to drop us an email!

Material Design Color Palette Generator - Material Palette material palette Material Design Examples Palette preview Full Palette colors below Label February 1st Label January 30th Your Palette CSS SASS LESS SVG XML PNG POLYMER DOWNLOAD TWEET Dark primary color #00796b Primary color #009688 Light primary color #b2dfdb Text / Icons #FFFFFF Accent color #ffeb3b Primary text #212121 Secondary text #727272 Divider color #B6B6B6 CSS3 Transitions And Transforms From Scratch There are some amazing examples of CSS transforms and transitions, and whilst you may be blown away by them, there's a good chance that you're also overwhelmed and a bit intimidated! This tutorial will take you back to the very basics. We're going to create some fundamental CSS3 transitional movements, step by step. A Quick Note on Browser Support: Support across browsers is already pretty reasonable. The Axes and Grid To help understand the movement easily we'll be working on an axis grid (which you'll probably recognize from basic math). The only (crucial) difference is that on our axis the -y value is above the x axis, whilst it would ordinarily be below it. Note: I'm going to assume that you're already familiar with HTML and CSS file structure. 1: Horizontal Movement The first movement we'll demonstrate is "horizontal"; we'll animate the object to move to the right and to the left. Moving to the Right Open your favorite Text Editor and enter the following html markup, then save the file.

How to easily transcribe audio or video recordings into text (update) I recently had to transcribe a number of video interviews into text. This turned out to be much more of a labor intensive project than I thought, and it quickly dawned on me that the process can be vastly improved via a few technological tweaks. This posting aims to present a step by step tutorial on how to do this most effectively. At the heart of the problem is a simple issue: the need to change focus back and forth between program 1, such as a word processor or editor that you may be using to enter text, and program 2, the media player that you may be using using to play the audio or video. Transcribing, as I found out, involves a lot of stopping, backing up, typing, and then repeating over and over and over again. This problem can be solved such that switching back and forth is done via hotkeys without taking your fingers off the keyboard, providing a streamlined, efficient experience. We will discuss TWO ways to do this (using free software): Step by step instructions (PotPlayer):

sans titre qutheory/vapor: Elegant web framework for Swift that works on iOS, OS X, and Ubuntu. One column liquid layout Lorem ipsum dolor sit amet consect etuer adipi scing elit sed diam nonummy nibh euismod tinunt ut laoreet dolore magna aliquam erat volut. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Social Image Resizer Tool Resize and crop your images for web use Today there are innumerable uses for photos and images on the web. Websites need favicon and content images, people need Twitter profile pictures and Facebook profile banners, others want to create custom-sized photos for other uses – the need is endless. To optimize images for web use, you likely need to resize, crop or change their file format type from the source image for their final use. And to optimize your website for site speed, it is best to not resize large images on the fly, but to use properly sized images in the first place, which are typically smaller. There are many big, complex image manipulation tools available for such work, but not everyone can afford to buy Photoshop or even figure out how to do such simple tasks in its cluttered, confusing user interface. Internet Marketing Ninjas is pleased to offer just such a tool for webmasters, social media fans, and everyone else who wants a simple tool for work with images for the web.

Python Data Analysis Library — pandas: Python Data Analysis Library

Related: