background preloader

Mozilla Hacks – the Web developer blog

Mozilla Hacks – the Web developer blog

Google Plus Circle Animation With Jquery and CSS3 in Your Website — Tech Blog If you are a Google plus user, I am sure you will fall in love with Google plus circle animation. Google plus given an awesome user experience, specially circle’s animations. When I saw the rotation animation first time in Google plus, I was so excited to create my own rotation animation like Google plus. I have been working in these days to develop circle rotation animation effect with Jquery and CSS3. I have tried circle rotation animation effect with Jquery and CSS3. Click here to watch live demo T1 Click here to watch live demo T2 Circle CSS3 circle diameter 50px

Mozilla Prepares to Launch First Firefox OS Smartphones Published on: By: Ian Mansfield Mozilla has announced that phased launches of the first Firefox based smartphones will take place shortly with launches by both Deutsche Telekom and Telefonica. The first two Firefox smartphones to be released will be the Alcatel One Touch Fire and the ZTE Open. Firefox OS has signed up 20 hardware and operator partners around the world. Firefox OS includes built-in social features with Facebook and Twitter, Nokia's HERE Maps with offline capabilities, the Firefox web browser, and its own app store. "The launch of Firefox OS marks an incredibly exciting time for the Web. Telenor will launch their first Firefox OS phones in Central and Eastern Europe later this year. Tags: mozilla firefox

untitled Documentation | Spritely Spritely is a simple plugin with only two key methods, sprite() and pan() both of which simply animate the background-image css property of an element. The difference between the two is that a 'sprite' image contains two or more 'frames' of animation, whereas a 'pan' image contains a continuous image which pans left or right and then repeats. Typically, in either case, you would use a png file (with or without transparency) for this. For documentation in languages other than English, please see Unoffical Documentation. Please note: there is a problem with the current version of Mobile Safari on the iPad On the iPad, using the pan() method may cause crashes in Mobile Safari. Quick start If you're impatient to try out Spritely and want to see some self-contained working examples, you can download some sample 0.4 code as a zip file. What's new in version 0.6? Click here to see what's new in version 0.6 Animating an image with the 'sprite()' method Here's a quick example to get you started...

Blog » Bluebox Security Bluebox at Security Bsides SF The last week of February sees the world of InfoSec in San Francisco. As standard for 4 years now, the week starts off with Security BSides and is followed by the RSA Conference. This year, Bluebox Security was proud to be a sponsor of Bsides by providing lunch through the DNA Lounge on Monday, February […] Read more Bluebox Launches Today, after more than a year operating in stealth, I am happy to say, Bluebox has officially launched! Protecting Mobile Corporate Data Employees are engaging in dangerous file sharing practices putting corporate data at risk according to a report from Globalscape. Mobility is Weakest Link A new security report from CyberEdge Group cited that mobile devices are perceived as IT security’s “weakest link” followed by laptops and social media apps. Bluebox Named Innovation Sandbox 2014 Finalist We’re excited to announce that Bluebox Security has been named one of ten finalists for the RSA Conference 2014 Innovation Sandbox!

Blogging Basics - Inserting Images Into Your ActiveRain Blog Post Having an image or two in a blog post makes a huge difference as to the drawing the reader’s interest to the page and capturing their eyes. The method to add an image is not hard and in this post I wanted to walk you through the steps so that you have that ability. Each blogging platform has a similar method but this post will be looking specifically at the ActiveRain platform. In the fall of 2013, ActiveRain updated the interface and this post will be helping you step through how it works. First of all, you need an image and in many cases it will be a photo that you have taken yourself. It is important to save a copy of the photo in a smaller resolution, “blog optimized” size. Let’s go over a few thoughts about naming image files. When are ready to insert your image, set your cursor in the blog post where you want your photo/image to be. Next, you will see a insert image window. The next window that you see is a library of any images that you have already uploaded.

Build a Spiffy Quiz Engine | Tuts+ Premium | The best way to learn creative and technical skills. The first official Nettuts+ quiz was a massive success with an impressive number of developers participating and evaluating their knowledge. There were a non-trivial number of comments asking how the mini quiz engine was built. And lo and behold! That’s what we’re gonna learn today. A Word from the Author Quizzes are a great way to engage the community — just take a look at our recent quiz. I believe a demo is worth a thousand words. Today, we are going to look at how to implement this with, you guessed it right, our favorite JavaScript library, jQuery. Design Goals The design goal for this version are incredibly simple. We’ll something that looks slick and elegant — one that invites the user to take the quiz.This is no place for a long list of questions with radio buttons and labels. Some notable features that I’m opting out of: No post quiz reviews. That’s about it, I guess. Plan of Action We’ll now need to map out what needs to be done in a specific order. Core Markup

HowOpenSource jQuery: The Write Less, Do More, JavaScript Library Computer Quizzes and answers Below is a complete listing of each of the computer quizzes Computer Hope has posted on its web page over the last few years. Each quiz Computer Hope posts contains the quiz question, its difficulty, and the answer This year's quizzes Go through the complete computer quiz Test results leaderboard 2012 quizzes 2011 quizzes - 2010 quizzes 2009 quizzes - 2008 quizzes2007 quizzes - 2006 quizzes2005 quizzes - 2004 quizzes2003 quizzes - 2002 quizzes2001 quizzes - 2000 quizzes 5/2013 - What character is used in an OR operator? 1. 4/2013 - What is subscript? 1. 3/2013 - What does TCP breaks data into? 1. 2/2013 - What language does the computer use and understand? 1. 1/2013 - What cable connects a cable modem to a wireless router?

50 Brilliant CSS3/JavaScript Coding Techniques - Smashing Magazine Advertisement CSS3 is coming. Although the browser support of CSS 3 is still very limited, many designers across the globe experiment with new powerful features of the language, using graceful degradation for users with older browsers and using the new possibilites of CSS3 for users with modern browsers. In this post we present 50 useful and powerful CSS3/jQuery-techniques that can strongly improve user experience, improve designer’s workflow and replace dirty old workarounds that we used in Internet Explorer 6 & Co. Visual Effects and Layout Techniques With CSS3 CSS3 Analogue ClockAnalogue clock created using webkit transition and transform CSS. Use CSS3 to Create a Dynamic Stack of Index CardsWe will create a dynamic stack of index cards solely with HTML and CSS3 and use such CSS3 features as transform and transition (for the dynamic effects) and @font-face, box-shadow and border-radius (for the styling). Navigation Menus With CSS 3 CSS 3 Transitions and Animations CSS3 Galleries

Convert your MP3 bitrates via terminal | theiszm Image courtesy of technabob. I just had my machine reformatted for a new Ubuntu version and I spent hours the other night reorganizing my files. I realized that among the ones taking up most of my disk space are my MP3 files. MP3 is a lossy audio compression scheme, but you can actually take the option to reduce its bitrate (say for your small capacity MP3 player) without losing much of the quality. You can calculate the size of an MP3 file using this: z = (x * y) / 8 where x = length of song (in seconds) y = bitrate (in kilobits per second) z = resultant file size (in kilobytes) – dividing by 8 gives the result in bytes So let’s say you have an MP3 of length 3 minutes = 180 seconds. z = (180*128)/8 = 2880kb = 2.880Mb Compared to when you have it at 320kbps: z = (180*320)/8 = 7200kb = 7.200Mb Now that’s significant difference when you have thousands of MP3s in your disk. So how does it work? where the bitrate could range from 8 – 320, depending on your need. Like this: Like Loading...

Visually (therealvisually) on Pinterest Pinterest Today Watch Explore When autocomplete results are available use up and down arrows to review and enter to select. Visually @therealvisually visual.ly ; Opens a new tab ·Original Visual Content For Brands. 221.6k followers 108 following Created Saved Marketing Tips, Tools & Hacks 200 Pins 34w Marketing Memes 13 Pins Ads and Marketing 3 Pins 48w Content Marketing Visuals 10 Pins eBooks 1 Pin 7y Tips for Success 2 Pins Optical Illusions Holidays and Marketing 0 Pins Love and Valentine's Day Ideas Public Relations / PR Tips 8y 24 Days of Content Marketing 18 Pins Visually in the Media 4 Pins World Cup Visual Jokes 9 Pins Tips, Tools, & Hacks for Creatives 16 Pins Created @ Visually Visually Blog 22 Pins Valentine's Day Infographics 9y You are signed out Sign in to get the best experience Continue with Facebook By continuing, you agree to Pinterest's Terms of Service and acknowledge you've read our Privacy Policy Notice at collection Pinterest Today Watch Explore Visually @therealvisually visual.ly ; Opens a new tab 221.6k followers Created 34w

Related: