Trasferire blog Wordpress 3 in un nuovo dominio
Con l’avvento di WordPress 3, trasferire il proprio blog da un dominio ad un altro è diventata una procedura relativamente semplice e poco rischiosa (prima se non si seguivano scrupolosamente gli step proposti dalla guida ufficiale, era necessario intervenire direttamente sul database). I passaggi che riporto sono semplici, ma, seguiti nell’ordine presentato, permettono oltre a non avere problemi, di non perdere tutta la vostra popolarità, per motori di ricerca, dovuta al cambio di dominio:1. Effettua il backup del blog e del database. 2. Crea un nuovo file robots.txt nella root del nuovo dominio contenente: Così facendo ci assicuriamo che i motori di ricerca non accedano al sito prima del “trasloco”.3. 4. Dove nuovo dominio è il nome del dominio in cui stai trasferendo il tuo blog WordPress 3.5. 6. 7. 8. 9. 10. 11. Per assicurarti che tutti i link che i motori di ricerca si accorgano del cambiamento di dominio e non vadano persi tutti gli inbound links. 12. 13.
20 Exceptional CSS Boilerplates and Frameworks
CSS frameworks have been the foundations of web projects for many years. However, in the age of responsive design, a framework has even more benefits. A well-built CSS framework or boilerplate can streamline the design process, save huge chunks of development time and ensure your website scales properly on all devices. With so many choices available, though, it can be difficult to choose a framework to build on. It's important to consider the following when making a decision: whether you require a grid, and if so, will it be fluid or fixed? What level of customization do you require? This post details 20 CSS boilerplates, frameworks and systems to help you make that decision. 1. Bootstrap is a "sleek, intuitive and powerful front-end framework for faster and easier web development." 2. Catering for four layouts (default, tablet, mobile and wide mobile), with three sets of typography presets, Less is a responsive CSS grid system for designing adaptive websites. 3. 4. 5. 6. 7. 8. 9. 10. 1.
build powerful editable tables - What's EditableGrid ?
8 CSS Techniques for Charting Data
There are many ways you can present numerical, chartable data by styling elements using CSS. Using CSS to style your data prevents you from relying on static images and increases your content’s accessibility. Below, you’ll read about 8 excellent techniques for styling elements into beautiful, accessible charts and graphs. 1. View Demo This tutorial showcases three ways of graphing data. 2. View Demo #1 – View Demo #2 – View Demo #3 Author Wilson Miner discusses the concept of accessible, standards-compliant techniques for data visualization mentioning the benefits, limitations, and alternatives in brief. 3. Eric Meyer shows us another technique for graphing vertical bar graphs using unordered lists similar to the "CSS for Bar Graphs" technique from Apples To Oranges. 4. In this technique, you use pre-made background images to shade in the appropriate data. 5. View Demo This example uses a definition list for mark-up. 6. A scatter plot is another great way to graph two-dimensional data. 7.
25 Stunning Parallax WordPress Themes to Inspire You
Parallax scrolling is hot right now. First popularized by Nike , the number of site’s featuring the dynamic technique has exploded. The parallax effect, or parallax scrolling, in web design features layered images that move at different speeds, creating the illusion of depth as you scroll down the page, kind of like a faux-3D effect. Usually the background moves slower than the foreground. The technique uses scrolling to reveal new content and works similar to one-page sites where all the content is on a single page. It’s a cool effect that can turn an otherwise boring looking website into something fun and exciting – and even a bit sexy . The term parallax is derived from the Greek work parallaxis, meaning alteration . I’ve put together a list of premium parallax WordPress themes – with a few free ones thrown in – that will transform your site. Happy scrolling! P.S. 1. A responsive theme that features two color variations and is widget-ready. 2. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16.
Stylie. A graphical CSS animation tool.
Stylie is a fun tool for easily creating complex web animations. Quickly design your animation graphically, grab the generated code and go! Watch this screencast for a tutorial. The Stylie Workflow When you open the app, you will see a little ball moving from left to right. Keyframe editing You can add, remove and edit keyframes. "rX," "rY" and "rZ" refer to the three rotation axes, and "s" refers to the scale value. You can tweak individual keyframe properties by pressing the "up" and "down" arrow keys when focusing on a property's text input. Group selection You can select multiple keyframe crosshairs for simultaneous editing by holding the Shift key on your keyboard and clicking the crosshairs. Motion control In addition to the standard easing curves, you can define your own custom curves in the "Motion" tab. Playback control There is a scrubber in the bottom left of the screen. Exporting your animation CSS animations Rekapi animations Saving your animation Keyframe editing with Mantra Author
Mobile Middleware
How to Mobilize Atari Arcade in HTML5
This article recently appeared on the Atari Arcade Developer Center, a collaboration by the teams at gskinner.com , Atari and Internet Explorer. The Atari Arcade: a true game portal showcasing what’s possible with web standards like HTML5, CSS3, and JavaScript. Slick graphics, fast, multi-player gameplay, and platform agnostic. Initially only targeting desktop and tablet-based browsers, we’ve now endeavored to bring the arcade to mobile. By limiting to desktops and tablets in the first release, we narrowed our scope considerably, and were able to provide a semi-responsive layout with a single game size. But we quickly learned that we were missing something by not targeting the huge number of users on mobile devices. This article discusses the goals to mobilize the arcade, as well as some approaches, the issues we encountered, and some tips and tricks where we found value. Our goal was to build a site that: What Works? The first task: eliminate platforms that just won’t work. Technology. 1.
