background preloader

Hakim's projects

Hakim's projects
Device Loop Animation View the device loop A device loop animation that I created for the new slid.es home page. Flexing Pagination View Flexing Pagination A UI experiment with pagination arrows that "flex" when you hover or press them.

http://hakim.se/

CSS3 Loading Animation Loop Hi folks, this time we’re going to see and create three CSS3 animation loop, can be used in many fields, such as preloader for images with jQuery. I remember this animations are only visible in Firefox, Safari and Chrome. Let’s see how to create it. First Example CSS3 Loading Animation Loop In this first example, create only two div and thanks to the border-radius property, they will take the circle shape. For the CSS style is very simple, just play with the parameters for the graphic you want, as regards the animation simply use the transform:rotateproperty. aboqe Text Flip (Turn message letters and characters Upside Down) This tool is for pro riddlers lurking in the internet. I'm really happy to present this generator. It turns characters upside down 180°. I took a text flipper that could only turn text into small upside letters and advanced it. My aboqe can turn several up-case letters upside down, aswell as all the lowcase ones.

10 CSS Rules Every Web Designer Should Know Through experience as web designers we memorise all kinds of code syntax, hacks and snippets. With CSS in particular there is a number of rules and declarations that can really help transform your website designs and open up new possibilities when compared to older techniques. This post rounds up 10 declarations and tips that every web designer should have available in their CSS arsenal. @media screen and (max-width: 960px) { } The @media rule not only allows you to specify styling for your web page when printed. These days media queries are more associated with the creation of responsive or adaptive website designs.

Base The Foundation All modules in Pure build on top of Normalize.css. It's our foundational layer to maintain some degree of cross-browser consistency. We use Normalize v1.x because it supports older versions of Internet Explorer. We like Normalize so much that we put it on our CDN. Facebook Admins Can Now Unban Commenters Page administrators can now call up a list of commenters they’ve banned, and then opt to unban them. The ability for admins to ban a commenter is akin to allowing a user to block individuals from seeing the user’s profile — and the site has already allowed users to unblock profiles, so extending this to pages makes them more consistent with profiles. Banning enables administators to block repeat posters of spam or abusive content.

PHP for Beginners: Building Your First Simple CMS By Jason Lengstorf On CMS, php #The Magic of PHP + MySQL It's safe to say that nearly every website that's up-to-date these days is using some form of content management system (CMS). While there are a ton of great free options that provide us with a CMS to power a website (WordPress, Drupal, etc.), it doesn't hurt to peek under the hood and get a feel for how these systems work.

17 Best CSS3 Tutorials for Web Designers [Fresh 2013 Collection] I was working on a website project few weeks back and looking around for a specific CSS3 tutorial on a specific topic. I went through lot of articles and got frustrated at the end that I spent a lot of time looking around for that single tutorial I wanted. To make you designers life easier and help you not go through the same thing, I decided to gather best CSS3 tutorials from which all web designers could benefit. CSS3 @font-face Design Guide Although CSS3 @font-face is supported by most major browsers (IE, Firefox, Chrome, and Safari), but not all. When it doesn't, your custom fonts might break the layout or come out with undesired results. In this article, I will explain the common issues with using custom fonts, picking the matching fallback web safe fonts, and how to create a perfect fallback font style with Modernizr.

A Useful Collection of iPhone/iPad Apps Developer Tools and Resources The iPad was the 2010 must-have gadget of the year, and the iPhone and respective iPod Touch have been incredibly popular over the last few years. It's clear that the success of these devices can be attributed to the endless number of useful, fun, and interesting applications provided by the community. There is no doubt that the Apple platform for these mobile devices has taken the world by storm and allowed us to customize as we see fit. App development for the iPad and iPhone has become more popular than ever, and tools and resources are being created every day to help the aspiring app developer along. 7 Tips for Creating an Effective Jump Page If you are involved in internet marketing, you are aware of the significance of a high converting ‘jump page’. Also called a landing page, squeeze page or promotional page, effective building of these pages is vital for success in online marketing. Depending on your promotional strategy, you could be using pay-per-click marketing to encourage inquiries, sales or sign ups. Regardless of the specific objective of your page, the fact remains that you want the web user to take some kind of action. The following are tips that can help you create landing pages that will enhance conversion rates.

10 Places to Use Your Logo to Maximise Your Brands Exposure For any business online or off your logo becomes an important part of your corporate identity. There are several places on a website which beg to be branded with a logo and there are even more opportunities around the web to promote your site and build logo recognition. On Site 1. 10 Research Tools for Social Media Strategies Liana Evans | February 23, 2011 | 5 Comments inShare287 Before you start engaging in social media, you have to know where the conversations are going on, what are the trends, who are the influencers, and who are the evangelists. Before you decide to implement any tactic in social media, the first question you should ask is "Why?" Why should I have a Facebook page? Why should I have a Twitter account?

Related: