XYDO.COM: Web Development

Painting the Sky: A Collection of Dazzling Fireworks Photos

The world is a wide and wondrous place, with so many cultures and traditions shaping the world’s people. And with all of our differences, there are universals that seem to govern or guide human behaviors from all over the world. For instance, many countries hold celebrations for various occasions, and one element of these events that pops up all over is a major fireworks display. There is so much excitement and energy exploding in the air and painting the sky with so many colorful bursts of light and fire, and when photographers manage to capture these explosive treats, it can be mesmerizing. Take a look through the collection we have gathered from some talented photographers who have captured some dazzling fireworks photos. Painting the Sky love is in the air :) by morho Happy Birthday Golden Gate 1 by JimP4nsen Lilac by Usagi-Atemu-Tom Fireworks in the Sky I by Ina-Fahlsten Rose Fest Fireworks by Thundercatt99 Sparkling Chaos by musksnipe Jubilee Fireworks by HannahSmith18 157.366 by emmaamaay Firebird by LaPetiteDshamilja Astoria Park Fireworks by Tomoji-ized Sparks Fly by kml91225 Happy Birthday Coopers Brewery by TheKoV86 Fireworks 1 by mydarkeden photography by weelinda Happy Birthday, Sevastopol by edhel-hv Day 57 by 7ndr3y Berlin firework by WIKIPEDIAUSER Fireworks 1 by Seth890603 Cherry berry not by MODDEYDOO F I R E work by october84stardust Fireworks2 by CourageMyLove Fireworks Ignis Brunensis #6 by Utopia308 Trails of Fire by svitekphotos Fire Works by AnthonyRB1 Around a Halo by jenuchicha0519 Fireworks by SingaWriter Colours by Usagi-Atemu-Tom Light Up by fightingWOLF22 Fireworks Ignis Brunensis #4 by Utopia308 Rhine Fire by Mintberry-Crunch Fireworks 2 by Seth890603 Fireworks 2 by mydarkeden Riverfest Fireworks (g) by Snowleopard59 Japantag by Veta94 ka-BOOM by DancingFerret The Show is Over Our reserve of fireworks photos are spent. Now it is your turn to give the post life. Let us know below what some of your favorite shots in the showcase were, or direct us to some of your favorites that were not part of this collection. (rb)

A Powerful Library for Data-Heavy Applications

Advertise here via BSARecline.js is a simple but powerful library for building data applications in pure Javascript and HTML. It supplies components and structure to data-heavy applications by providing a set of models (Dataset, Record/Row, Field) and views (Grid, Map, Graph etc). You can view and edit your data in clean grid interface. You can also bulk update or clean your data using an easy scripting UI. Recline.js is freely redistributable under the terms of the MIT license. Requirements: Backbone Framework Demo: http://reclinejs.com/ License: MIT License SponsorsProfessional Web Icons for Your Websites and Applications

Beginner question boolean reset after assigning it

There's nothing in your code that would reset the value of plus. However with your constructors the way they are, there is no way to create a tuna object that has the numbers as well set to a meaningful value. So I'm guessing when you use your code, you're actually creating two tuna objects: one with the correct value for and one with the correct values for and . Since each object has its own instance variables, one object's value for won't affect the behavior of the other object.

Leonardo Germani: URLs e Permissões Personalizadas

Logitech Ultra Thin Keyboard per iPad

Il tablet che vorremmo. Qualcosa che si avvicina al modello dei notebook ma con la praticità e la semplicità d’uso dell’iPad. Il touch screen, ovvio, di serie. Steve Jobs sosteneva che tablet e PC fossero due mondi differenti. In un’intervista rilasciata nel 2011, subito dopo il lancio della seconda versione dell’iPad, giustificava in parte il successo del tablet Apple rispetto agli altri concorrenti in questo modo:“The iPad is not a computer, and competitors who approach it like the PC market will fail”. Forse all’epoca Jobs aveva ragione. O semplicemente la sua era solo una mossa commerciale per convincerci che c’era qualcosa di nuovo sul mercato che valeva la pena acquistare. In tanti gli abbiamo dato retta. Per accorgerci però che, in fondo, alla magia dell’iPad mancasse proprio la libertà di creare contenuti come con un PC. Dalle parti di Redmond i signori di Microsoft, che nel mercato dei tablet sono rimasti a guardare per troppo tempo, hanno provato a conciliare le due cose con il nuovo tablet Surface e Windows 8. Il successo tutto da dimostrare. Ma sicuramente un passo avanti l’hanno fatto. L’evoluzione delle App per iOS ha senza dubbio favorito l’utilizzo dell’iPad per scopi che vanno bel al di là della semplice fruizione di contenuti. Nonostante ciò, c’è un limite fisico del tablet che alle volte risulta limitante. Da qualche giorno utilizzo la nuova Thin Keyboard di Logitech. Una tastiera sottilissima per il nuovo iPad (funziona anche con iPad 2) che si aggancia magneticamente al tablet e si trasforma anche in cover per lo schermo. Rispetto alla tastiera Wi-Fi di Apple (che costa solo 68 euro) ha il vantaggio di agganciarsi all’iPad diventando un corpo unico e sostenendo il tablet in posizione verticale. Molto comodo soprattutto se siete in mobilità e siete abituati a scrivere tenendo il tablet sulle vostre gambe. Il mix tra tastiera fisica e touch screen rende l’interazione con le varie app immediata e molto piacevole. Il design abbastanza curato, la risposta soddisfacente, i materiali discreti. Se utilizzate l’iPad prevalentemente per scrivere lunghi testi è sicuramente un gadget d’avere. La nota dolente di questa Thin Keyboard è il prezzo: 99 euro. Troppi. Fatti due conti, se ai 599 euro del modello da 16GB con il 3G integrato sommate i 100 euro della tastiera, vi ritrovate a spendere 700 euro per avere un surrogato di un computer. Va pure bene. Ma un MacBook Air da 11 pollici, sottilissimo, performante e con cui potete fare davvero di tutto, vi costa poco più facendo i dovuti confronti. E’ pur vero che alternative a questa keyboard sul mercato ce ne sono a decine. Ma a livello di praticità non sono all’altezza visto che trasformano il vostro iPad in una specie di mattone. Alla resa dei conti se volete uno strumento per essere più spediti nello scrivere e replicare il confort di una tastiera fisica per il vostro tablet, la Thin Keyboard di Logitech merita di sicuro. In attesa che arrivi Siri in Italiano e sostituisca la scrittura con le dita con quella vocale.

#MozCon 2012 Community Speakers

Posted by Erica McGillivray After much excitement and 150 entries for community speakers at MozCon, I'm happy to announce that we've chosen four amazing people to speak at MozCon 2012! Darren Shaw from White Spark speaking about local optimization Fabio Ricotta from Mestre SEO speaking about SEO for e-commerce Jeff McRitchie from MyBinding speaking about creating professional video on a budget Dana Lookadoo from Yo! Yo! SEO speaking about structure social sharing Thank you so much to everyone who submitted pitches. There were many super fabulous ones, and it was a very hard choice. I highly suggest writing a YouMoz post if you're still interested in sharing with the SEOmoz community. Congratulations again to our speakers. See you all at MozCon! Sign up for The Moz Top 10, a semimonthly mailer updating you on the top ten hottest pieces of SEO news, tips, and rad links uncovered by the Moz team. Think of it as your exclusive digest of stuff you don't have time to hunt down but want to read!

Set Text on a Circle

There isn't any super simple standardized way to set web type on a circle (or any kind of curve). But it can be done! We'll explore one way to do it here. But be forewarned, we're going to use some CSS3 and JavaScript and not give two hoots about older browsers that doesn't support some the required tech. If you're interested in this for a real project, this kind of thing is probably still best served by and image with proper alt text, or proper feature detection which can flip out the image for this fancy technique in browsers that can handle it. An Example View Demo Download Files Go Play on CodePenLet's proceed with something a bit simpler. The Entire Process Let's take simple phrase for example: Imagine if we took the words we were trying to set in a circle and broke them apart into individual letters. Let's make sure each box is the same exact size by using a monospace font. Now let's make each of those boxes long, like a bicycle wheel spoke. Then we bundle up all those spokes so they are all right on top of each other. Now imagine we afix the ends of those spokes to a central hub. We rotate each spoke just a little bit more than the last one. If we rotate the parent element counter-clockwise and remove our red guides, we have some text on a circle! Technical Bits To be able to manipulate each letter like that, you have to wrap them in another element. Lettering.js can do that for you easily (jQuery and plugin dependency). So you have this.

Established 2012

You load jQuery and Lettering.js and then call this: $("h1").lettering(); And it turns into this in the DOM:

E s t a b

This really only works well with monospaced fonts. Even if you force monospaced-ness by setting each span to a fixed with, the space between each letter will be wrong and it will look weird. You could manually kern it by manually adjusting each rotation if you were nuts. For each span, you want to set the height, position them all in the same spot, and then set the transform-origin to the bottom of the box (so they rotate around that hub. Vendor prefix that). h1 span { font: 26px Monaco, MonoSpace; height: 200px; position: absolute; width: 20px; left: 0; top: 0; transform-origin: bottom center; } Now you need a whole bunch of class name selectors, each that rotates by a bit more. .char1 { transform: rotate(6deg); } .char2 { transform: rotate(12deg); } .char3 { transform: rotate(18deg); } /* and so on */ But imagine that with every vendor prefix as well, pretty messy. With Sass and Compass it's a three-liner: @for $i from 1 through 100 .char#{$i} +transform(rotate(($i*6)+deg)) Demo and Download View Demo Download Files Go Play on CodePen Taking things a bit further, we could get a little more finicky and fancy: Or how about setting text on a spiral? Set Text on a Circle is a post from CSS-Tricks

The Principles of Agile Development

Agile or Agile Development – we hear these words more often these days. But do we really know what it is all about? How can it help us become more effective while having lots of fun developing software? How can we use it to communicate with business people and make this communication easy and constructive for both sides? What is Agile Development? There were a bunch of very talented and experienced guys developing some serious software. These developers observed other companies and development teams, and how their processes made their work easier. They compiled their observations to create the Agile Manifesto. And they said: We are uncovering better ways of developing software by doing it and helping others do it. Through this work we have come to value: Individuals and interactions over processes and tools Working software over comprehensive documentation Customer collaboration over contract negotiation Responding to change over following a plan That is, while there is value in the items on the right, we value the items on the left more. In this article, I will present twelve theories and techniques of Agile Development. This is just the first step to the new world of Software Development process. 1 - Customer Satisfaction Our highest priority is to satisfy the customer through early and continuous delivery of valuable, but not full-featured, software. This means we’re developing software and adding at least one feature, per iteration. Let’s imagine that we want to create a blog engine; we might do so using the following process: Create the blog display page; deliver it to the customer Create the user management and membership feature; deliver it to our customer Add commenting capability and management; deliver it to the customer So on and so forth… It is a simple approach, but the customer sees the real progress of his software and gives you immediate feedback on each new feature. It may be perfect or require tweaking, but you can quickly respond to changes: a win-win situation. 2 - Adapt to Changing Requirements Even late in the development cycle, Agile processes allow you to welcome changes for the customer’s competitive advantage. The customer wants the project finished quickly and as close to the design drawn in their mind as possible. This is easily achieved by simply listening to their input and being ready for changes. If we are able to react quickly to changing requirements, we are probably the best choice our client has ever made. Agile is all about communication and changes. We do the things as we are asked to do them, making the software development process finish faster. This is achieved because we develop small pieces of software, and a change in the requirements doesn’t really affect us. 3 - Deliver Frequently We should deliver updates from a couple of weeks to a couple of months; the shorter the timespan, the better. customers feel more confident in us and our product as it is updated From my experiences, customers feel more confident in us and our product as it is updated – which is vital to our relationship with them. Another advantage is the feedback from our client; allowing us to react by changing classes, features, modules or even the architecture. We won’t wake up after days or months of work, only to see that everything is going into the trash. Let’s consider a hypothetical situation: You have been asked to create a module that will display some simple text in a content manager. Suddenly, the requirements change and you have to add a form that should send an email to a configured address. Additionally, the form should be customizable so the user can add new fields and define validators. So, you basically have to forget about the original simple text requirement. How soon would you like to know about this change? If you work on a project with your client and deliver frequently, you’ll know about these changes faster, and changes such as this will become easier for both of you. 4 - Work Together Frequently This may prove to be the most difficult principle to get accustomed to, if you’ve been developing software in the old waterfall style. You, as a developer, typically do not speak the same language as your client, but you can find ways to maintain meaningful communication with them. One of the best ways, in my opinion, is to describe everything with a simple story that tells us, the developer, for whom the feature is, what its responsibility is and why we need it at all. Of course, this gets easier the more we work with our client. Another helpful approach is Behavior Driven Development (BDD), but that is a topic for a different article. 5 - Build Projects with Motivated Individuals Give the people you work with the environment and support they need, and, above all, trust them to get the job done. It is important to provide an engaging atmosphere and all the tools necessary to create good software. Companies lose their best workers mostly because they don’t truly care about them. The belief that developers can write, test and deploy software on some server using an FTP client and editing live production files got lost somewhere. If you haven’t condemned those old school habits, you better do it now. Retaining employees is just one benefit; you can also develop better and bigger software at a quicker pace. Just think about it: writing reusable code, automated tests, and automated deployment on any server (among other things) can positively affect development time. We usually think we slow down a project because we have to learn how to use helpful tools, like Jenkins, GIT, SVN, Gerrit, Behat, etc. Frankly, we do, but we can then reuse those tools and concepts in future projects. 6 - Use Face to Face Communication It’s the most efficient and effective method of conveying information to our clients and development team. Who hasn’t gotten overwhelmed and/or angry by seeing 6,255,384 emails in your inbox, because your company demands all conversations be "on paper"? I’ve personally seen that a few times in my life, and I do not recommend working in a company with such habits. Face to face conversations make communication easier and smoother, and allow us to give more information. We can use verbal and nonverbal ways of communication to show our teammates what we are thinking. It’s obviously faster than emailing each other. But above all, we need to trust each other; trust is easily gained in an environment that encourages face to face communication. 7 - Measure Progress with Working Software This is one of my favorite rules; it lets us freely work according to our own processes. Software developers are different than other employees; so naturally, they should be treated as such. From my personal experience, I’ve learned not to judge anyone from the development team as long as the job is done. Developers don’t want to create bad software, and they are less likely to do so if we let them work according to their own preferences. After all, the customer is happy as long as the work they commissioned is done correctly; they don’t care how it was done. 8 - Maintain a Constant Pace Agile processes promote sustainable development, allowing a constant pace to be maintained indefinitely. Agile’s most well-known advantages (such as the acceptance of changing requirements, fast reaction to feedback, etc) are widely appreciated, but the best advantage, in my opinion, is the ability to precisely determine the amount of time a project or feature will consume. After a few deliveries, the dev team will produce the most valuable business number: capacity. Capacity is the amount of work the team can do in one iteration. The capacity number is stable after a few iterations, and we can avoid the ridiculous deadlines and time estimates that are "pulled out of a hat" while presenting our company’s offer to the customer. Many people say it’s impossible and scheduling proves to be more accurate. I disagree; the schedule assumes that there will be no mistakes or unavoidable delays. It’s a perfect plan for a perfect team, and that does not exist. 9 - Pay Attention to Industrial Progress Continuous attention to our industry enhances agility. We are expected to evolve and make progress. We must continue to learn each day, because the industry moves at such a fast pace. As both hardware and software get better, we must keep up-to-date; otherwise, we’ll find ourselves lost in the "sea of new" and it will be hard to get back on track. Refactoring is the solution to most problems. By constantly refactoring (when needed), we can easily apply new techniques and better our software architecture. 10 - Simplicity is Essential Bill Gates once said: If I have some complicated work to do, I will give it to the laziest person I have, because they will find the simplest way to do it. Simplicity is the golden rule. This does not mean that you have to be lazy, but it does means that developers complicate their own work the majority of the time. If you only do the job the client wants, without any additional functionalities and improvements, your work load will lighten, and you’ll achieve your goals. Ultimately, that is all the customer cares about. 11 - Self-Organize The best architectures, requirements, and designs emerge from self-organizing teams. We are only humans; we can’t predict everything. Have you ever been in a situation where you developed a large and time consuming application, and after spending countless hours in front of the screen writing thousands of lines of code and reading articles, tutorials and books, you sat down looking at some bad (but working) code thought, “Now I know how to write it better”? I think we’ve all had these moments. This is where the eleventh rule comes in. We have a team of developers who can follow the principles of Test Driven Development (TDD), where refactoring is a part of the process. In some magical way, our software is useful, beautiful, well written, tested, and created quickly. We are only humans; we can’t predict everything. This all comes from the idea of a self-organizing team, where each member has a role – not given or forced – but one that has emerged after some amount of time working together. That’s the beauty of team work. 12 – Reflect and Adjust At regular intervals, your dev team needs to reflect on how to become more effective, and adjust its behavior, accordingly. This may require a few development cycles, but the team will work in perfect harmony. Even adding new people to this team would not be harmful. An Agile development team is all about getting the job done. If they work in a friendly environment, they will find the “melody of work” and you’ll see how fast software development can be. A Few Agile Development Methodologies There are a few methodologies derived from and built upon Agile principles. I won’t describe them all because each methodology can be covered in its own article. I will, however, outline some of the more well-known Agile approaches. One thing to remember is that there is no one methodology to rule them all. Choose one that fits your needs best, and even “configure” it to fit your specific requirements. SCRUM Created by Ken Schwaber and Jeff Sutherland, SCRUM is a business-oriented framework for managing software development processes. There are many different types of SCRUM; just remember that the main goal is to work effectively, and efficiently and not to stick to rules. Extreme Programing (XP) Created by Kent Back, XP is a list of best practices that developers should follow while creating software. It’s often called “the extension of SCRUM”. This methodology of development-oriented rules was born, due to SCRUM being rather business-oriented. Lean Software Development Two of Lean’s main principles are: DALAP (Decide As Late As Possible) and DAFAP (Deliver As Fast As Possible). I personally recommend reading more about this methodology, as it can be very useful. There are more methodologies in the Agile family; I’ve simply referenced the most popular options. If you decide to use Agile in your development process, you need to know what these methodologies are, in order to choose the right one for you. Final Thoughts Do Agile techniques really work? Do Agile techniques really work, and are the methodologies really as magical as everyone says? Not always. The problem I encountered in companies, where Agile methods did not provide results (or even made things worse), was a badly chosen methodology and the lack of conviction among its users (business members, the development team, etc). That’s why, in this writer’s opinion, you need to be sure that everyone involved in the process understands the rules, and they know “what it’s all about.” Thanks for reading!

Announcing Mactuts+ — Mac & OS X Tutorials, Guides & How To’s!

We’re excited to let you know about the latest addition to the Tuts+ family — Mactuts+! Mactuts+ is focused on teaching you how to use your Mac more effectively, efficiently, and powerfully. You’ll learn about the basics of OS X, how to switch, how to use accessories and time-saving software, work with your Mac in an enterprise setting, and how to save time with advanced productive tips and tricks. Read on to find out more, and learn about our $1,000 competition! What to Expect on Mactuts+ Mactuts+ is focused on teaching you how to use your Mac more effectively, efficiently, and powerfully. We’ll be covering a wide range of different techniques, and offering advice on everything from customising your desktop and using OS X, to automating complex tasks and delving into Terminal. So whether you’re completely new to OS X or you’re a seasoned pro, we’ve got you covered! We’ll be publishing a combination of step-by-step written tutorials and screencasts/video lessons. In most weeks we’ll be publishing 4-5 high quality tutorials, so make sure to subscribe to the Mactuts+ RSS feed so you don’t miss a thing. If you think you have the skills to create a screencast or text and image tutorial for Wptuts+, it’s easy to familiarize yourself with the guidelines and pitch your idea. We’re hungry for user contributions and pay great money for tutorials. Win $1,000 — Submit Your Tips & Tricks! We’re excited to let you know about our Mactuts+ launch competition, giving you the chance to win $1,000 to put towards a new Mac! You just need to submit a short screencast that showcases your favourite OS X tip, trick, or shortcut. We’d love to find out more about how you use your Mac productively, and discover the tips and tricks that help to speed up your workflow. These might be related to a particular app, something built into OS X, an automator action, terminal command, or anything else! Find out how to enter Subscribe, Follow & Stay Up To Date Don’t forget to follow Mactuts+ on Twitter, Facebook, and everywhere else! Here’s how to keep up to date with what’s going on: Follow @envatomac on Twitter Like Mactuts+ on Facebook Find us on Google+ Subscribe via RSS Join the Newsletter Our First Few Posts… If you’d like to delve straight into the content, here are a few quick links to our first handful of posts on Mactuts+. We hope you find them useful — it’s a good taster of what’s to come! Preparing Your Mac for Mountain Lion Apples next big operating system is set to release in the middle of this month and its likely that youll be one of the many users who are upgrading from Snow Leopard or Lion. Its not surprising, either, because there are a lot of great features in this update and its going to be the same price for users of either of the aforementioned versions. In light of that, why not update to version 10.8, Mountain Lion? Visit Article Easy Ways to Automate Your Mac’s Schedule Your Mac comes with lots of ways to schedule tasks, but not all of it’s ready to go out of the box. Beyond automated maintenance, OS X has a lot going for it, but you have to put in a bit of elbow grease to get everything working how you want it and on your schedule. Visit Article How To Migrate All of Your Important Data To Your New Mac We recently saw another WWDC come and go and despite little to no progress in the desktop area, the MacBooks all received nice upgrades. This means there’s a fresh crop of users transitioning to a brand new machine, a task which always brings with it a decent number of questions. Visit Article

Old Browsers Are Holding Back The Web | Smashing Magazine

Because of how far certain Web technologies like HTML5 and CSS3 have brought us, many would say that—from a Web platform perspective—the future is now. Sounds like a cliché, I know. At the very least, it feels like the future is starting to bubble up to the surface… but it’s just not quite there yet. When we use new DOM features, HTML5 APIs and the latest in CSS3, the possibilities that open up are astounding. These new technologies help us easily build Web applications with less reliance on hacks, plugins, images, and bloated scripts. This makes life easier not only for Web developers (for both building and maintaining these projects) but also for the end user who gets a faster and stronger overall experience. But there is a huge road block preventing our “future” from truly becoming the now. What is this roadblock? It’s old browsers. Let’s delve into this topic a little bit so we can see why this is a problem and what we can do to help it. According to StatCounter estimates, even with the recent mobile explosion, desktop usage still trumps mobile by a large margin. 90% of internet activity worldwide occurs on the desktop. Granted, some reports have mobile shares higher than the current 10% shown by StatCounter. Whatever the case is, the fact remains that a lot of people are accessing our websites and Web apps by using a desktop browser. Which desktop browsers? Well, let’s look at StatCounter’s usage share for desktop browsers for May 2012, with a specific focus on Internet Explorer: As shown above—to the joy of developers everywhere—worldwide stats for versions of Internet Explorer prior to IE8 are very low. IE6 is so low that it’s not even showing up in some of StatCounter’s charts anymore. If you find similar stats for your own projects, then, depending on the overall traffic numbers, you may be able to drop support for IE6 and IE7 and start using a number of features that those browsers don’t support. But what about IE8 and IE9? As you can see from the image and link above, worldwide usage for IE8 and IE9 is just about 30%, combined. But that might not be the full story. Compare those numbers to the ones taken from two other websites. First, Net Applications, from April of this year: Their stats show a whopping 38% of users still on IE6-8, with more than two thirds of those on IE8. In addition, IE9 holds another 16% share. That’s more than 50% of users on IE6-9. Now look at StatOwl’s April 2012 report: Like Net Applications, StatOwl places IE8′s and IE9′s shares significantly higher than StatCounter’s—this time about 20% for each. Combined with the 8% on IE6 and IE7, that’s almost 50% on IE. The debate about why these different browser usage stats are showing higher numbers for IE6-9 is something that’s been in industry news of late. These details are certainly beyond the scope of this article, but you can check out the links below for more info: IE9 is a huge step forward from previous versions of Internet Explorer. But it’s over a year old, and does not auto-update like other popular browsers do. Thus, although IE9 is a much more stable and feature-rich browser, it’s already starting to show its age. With each passing month, browsers like Chrome and Firefox continue to roll out new features automatically, and IE9 gets closer to becoming obsolete. Some people might be thinking “What’s the big deal? Use progressive enhancement and you’ll just give old browsers a lesser experience and the users won’t know what they’re missing”. This might be true with certain CSS3 and HTML5 features for which it’s easy to provide fallbacks and even some lightweight polyfills. But other more complex features are not that simple. Let’s first take a look at IE8. To give you an idea of how many features IE8 lacks, here’s a list of what you gain as a developer when you stop supporting IE8: Also, this list doesn’t take into consideration the number of bugs and performance problems that occur in IE8. So when you consider all of the features above, along with bugs and performance issues, a high number of users still on IE8 becomes a major roadblock to progress on the Web. Of course, this is not to say that support for these features is perfect in new browsers. Many of these features are still in flux in the spec. But a very high percentage of in-use browsers outside of IE8 have pretty good support for everything listed above. The problem, however, doesn’t end with IE8. As mentioned, IE9 is likewise starting to fall behind the other browsers. Here’s a list of the features you gain if you don’t have to support IE9: As you can see from the two lists above, the old browser problem is a significant one. These new features (although still in progress) have the potential to help designers and developers innovate and push the Web forward in amazing ways. The notion that “IE[x] is the new IE6″ has been discussed before, but it deserves more attention here. As of writing this, IE9 (the latest stable version of Internet Explorer), cannot be installed on Windows XP and, according to StatCounter, about 31% of desktop internet usage is on that operating system. Since a large number of IE8 users are essentially “trapped” in XP, there is no hope that those users are going to upgrade to a newer version of Internet Explorer unless they upgrade their OS. For your own projects, I hope the stats for older browsers are much better. After all, the only stats that really matter are your own. Also, the worldwide stats showing high numbers for IE6-8 are probably a little skewed by some densely populated geographic areas. Nonetheless, usage stats for IE6-9 are still a factor for many projects and may thus be holding back a lot of developers (due to client or corporate pressure) from using many new features. The point here is that if the usage stats for browsers like IE8 and IE9 linger for anywhere nearly as long as IE6 did, then those of us who are building websites and Web apps for a larger and more diverse audience could be in for a long wait (before using dozens of new features). Usage stats for IE6–9 are still a factor for many projects and may thus be holding back a lot of developers. One positive development in this area is the recent announcement by Microsoft that XP, Vista, and Windows 7 users will be automatically upgraded to the latest version of Internet Explorer available for their operating system. Unfortunately, while this news is better than nothing, it is not the ideal solution. A similar announcement was made back in 2008 regarding a so-called “auto-update” from IE6 to IE7. That 2008 update would only take place if a system was set to auto-approve Update Rollup packages. But a default setting in XP prevents this from happening—so this barely made a ripple in the IE6 problem at that time (as seen from the fact that IE6 usage was at 23% in January of 2009). Similarly, this time around, users will be upgraded to a newer version of Internet Explorer only if they have turned on automatic updating via Windows Update. Also, the auto-update began in January and only for users in certain geographic regions. So again, although this is certainly good news, it’s not the ideal solution. Aside from people that are on systems that, for security or compatibility reasons, cannot upgrade their browsers, everyone that is using IE8 (or lower) has one of two options to help alleviate this problem—even if they’re on Windows XP. They are: With those two options there is no excuse for the high numbers of users still on older versions of Internet Explorer. Theoretically, everyone who is not on a locked-down system can upgrade to a non-IE browser or install Chrome Frame. This would likely bring the usage shares for older browsers down to a bare minimum, and would allow developers to bring even more of the latest technologies into common use. Some of the users still on old versions of Internet Explorer could have Chrome Frame installed, but in the browser usage stats referred to earlier in this post, those are still counted as Internet Explorer. It would be good to see Chrome Frame stats reflected in those applications. Google Analytics, however, does include “IE with Chrome Frame” as a separate browser, and developers can check out the Chrome Frame developer documentation for info on how to detect Chrome Frame usage. If you have any friends or colleagues using an older version of Internet Explorer (or any old browser), help them upgrade to the latest version of Chrome, Firefox, Safari, or Opera. You might even want to show them a CSS3-rich or HTML5-rich website in a modern browser and compare it to IE8. In other words, prove to them that their browser is an out-of-date, unstable, slow piece of software. You might even have a little fun trying to show them why non-IE browsers are better. Another thing you can do is display a message to users if they’re visiting your website in an older browser like IE8. Don’t assume this is too intrusive. A couple of years ago, YouTube started phasing out support for many older browsers. The message shown below is now displayed to users visiting the website with IE6: You could display a subtle yet noticeable message to encourage users to install Chrome Frame and make sure to include the necessary code that will enable Chrome Frame on pages that are being viewed with it. [However, also provide an option to close the message bar so that users who are stuck in a locked-down system (and have to use your website) can actually use it. —Editorial] Most people reading this article are probably thinking “Yeah, that’s all fine and good, but you’re preaching to the choir, dude.” Many developers already know a lot of this stuff. And we also know that developers and designers are not the ones using older browsers like IE8 for everyday browsing. In fact, you’d be hard-pressed to find a Web developer that uses IE9. That’s why tomorrow Smashing Magazine will be publishing a special post that will be targeted towards users who are not designers or developers, and who are not very tech savvy. We encourage everyone to share that article with as many people as possible so we can do everything we can to get the usage stats for old browsers as low as possible.

50 Super Cool T-Shirt Designs You’d Love To See!

We all have weaknesses. Mine, at least one of them, is t-shirts, especially cool t-shirt designs! Summer’s finally here, and now is the best time to reorganize or supplement your wardrobe. T-shirts can be way more than just a piece of clothing. It’s often a way to express yourself/your interests/your views. What’s more, a great tee might even force you to stay in shape, just look at #47 if you want to know what I mean. Beautiful design is beautiful design. Whether it’s a website, a poster or a t-shirt. Check out these 50 beautiful and creative T-shirt designs and, who knows, maybe you possess the same weakness as me! 50 Super Cool T-Shirt Designs! 1. When Panda’s Attack 2. Get awesome!!!! 3. Altitude Sickness 4. Use your brain! 5. I listen to that 6. I’m doin me 7. Think BIG 8. Self-sufficient 9. Foam Monster 10. Don’t Play With Matches 11. Sun Spills. Night Falls 12. Lions Are Smarter Than I Am 13. Crystal Tiger 14. This Technology is for the Birds 15. Retro TV Colour Test Man 16. SASQUATCH FRENZY! 17. Alone Again 18. WAKE 19. Event Horizon 20. Energie renouvelable 21. Don’t call me a hipster 22. As tall as lions 23. Ugly Summer Sweater 24. When it rains 25. Off the Reservoir 26. W.T.F? 27. The Brave Little Kang 28. Flowers in the Attic 29. The cool kids 30. The universe 31. Morrison’s brandy 32. Pauvre Chou 33. Wish You Were Here 34. Water Balloons 35. Foxy Hip Hop 36. I Can’t Draw 37. Black Bear 38. The Wolfman Ate My Homework! 39. Mister Mittens’ Big Adventure 40. I Would Cuddle You So Hard 41. Feel Like A Sir 42. Beavis And Butt-Head 43. Ron Burgandy 44. Human Being 45. Think forward & look back 46. Unicorn across the Universe 47. The Situation 48. Make Tea Not War 49. Dumb Old Man 50. Mountains Which one is your favorite? Share in the comments below.

GTD for SEOs - Simple Tools to Get More Done

Posted by CraigBradford I want to keep this post as short and actionable as possible; do you have any tools that do just one thing really well? You know the kind I mean, those plugins and hack projects that you may only use once a year but when you do use them, you really appreciate them. I’ve gathered a bunch of these (some I use everyday) and I want to share them with the community. Could I ask a favour though? If you have similar tricks, hacks, plugins or bookmarklets, could you leave a comment and share it with everyone? This could then turn this average list into an epic list that’s been built by the SEOmoz community and we can all come back to and reference in the future. Do we have a deal? Ok great, first things first though, a bit of a disclaimer; a lot of the tips below you may have heard of before, but if everyone who reads this post gets just one or two actionable tips I think it’s been worthwhile. Let me know your favourites and don’t forget to share your tools in the comments. Learn to Scrape - install Scraper for Chrome Knowing how to use things like import XML can be a massive time saver but there’s a learning curve to get really good at it. This plugin for Chrome is a great tool to quickly scrape any elements you want and automatically put them into a Google doc. I use this a lot for scraping lists of websites or headings on a page. It’s super simple to use, just right click on what you want to scrape and off you go. Get it here Use Text to Columns for extracting Root Domains Ever have a list of backlink URLs that you just want to extract the root domain from? The Excel text to columns feature makes this easy. Select the column that has the URLs, go to “Data” in the menu and click on the text to columns button as shown below. Instead of the default tab option select the custom option and add a “/”. Click finish and you’ll have a list of the root domains. I highly recommend going through the Distilled Excel for SEO guide if you haven’t already which shows you how to do this and more. Send to Kindle bookmarklet - Keep up to date on all the latest SEO news If you have a kindle you’ll love this plugin that lets you send any webpage you are reading to your Kindle. I use this to help keep up to date on all the latest SEO news. Before leaving the office I’ll visit a few of my favourite SEO blogs and send a bunch of posts to my Kindle for reading on the tube. Install AJ Kohns Rich Snippet Testing Bookmarklet Want test rich snippet markup? This bookmarklet form AJ Kohn lets you quickly use the Google rich snippets testing tool. Install Undo send Email I can’t tell how many times this tool has saved me. If you use gmail go into the labs section and enable the undo send feature. See here for more details Categorise URLs or Keywords using Filters and Functions The following formula will allow you to search for a letter word or number within a string: =if(isnumber(find("filtertext",A1)),"Yes","No") Combined with filters, this can be really useful for categorising keyword groups, type of links or site structures. Just replace the “filtertext” with whatever you want to look for. Instantly tell if a page has a rel=“canonical” tag on it. I love this tool; Install this plugin and if you are on a page that has a canonical tag on it, a little blue icon will show up in the address bar as shown below: Quickly take and share Screenshots and Video using Jing Jing is the tool I used to take and annotate all of the screenshots for this blog post. It’s a free desk tool that allows you to instantly take a screenshot or short video and share it with colleagues. When you click copy, it uploads then automatically copies the sharable url to your clipboard meaning you just need to paste the link to wherever or whoever you want to share it with. Get it now. URLOpener.com I use this all the time when checking guest post or press coverage. Rather than going to each website one by one, I copy all the URLs, dump them into this tool and press go. Each site will then be opened in a new tab. Google Cache Bookmarklet Add the following code as a bookmarklet to quickly check the Google cache of the page you are on: javascript:location.href='http://www.google.com/search?q=cache:'+location.href Export More Keywords in GA The maximum number of keywords (or anything else) you can view or export in Google Analytics is 500 but you can change this by editing the URL in the address bar. When you select 500, the URL will end in: Count%3D500/ It’s no surprise that the 500 is the number of keywords, just change that to whatever number you want and hit export. Turn on "Send and Archive" in Gmail The more I use this tool the more I love it. This does exactly as you would think, it adds a send and archive button next to the regular send button making clearing out your inbox that little bit faster. This is another labs feature which you can read about here. Use Ubersuggest for quick and dirty Keyword Research This is the fastest way I know to get some quick and dirty long-tail keyword research. If you’ve never used it before, Ubersuggest basically makes use of the Google suggest feature. You input a word and it will enter a letter in front of it to give you a list of hundreds of new combinations, you can then export these, dump them into the Google keyword tool to get search volume. There are normally one or two gems in there. That's it for now, thanks for reading and I look forward to reading the comments, give me a shout on twitter if you have any questions: @CraigBradford Sign up for The Moz Top 10, a semimonthly mailer updating you on the top ten hottest pieces of SEO news, tips, and rad links uncovered by the Moz team. Think of it as your exclusive digest of stuff you don't have time to hunt down but want to read!

La morte dell’editoria italiana sul Web

Diciamoci la verità. Non abbiamo mai avuto una gloriosa tradizione in fatto di editoria sul Web. Siamo sempre stati un po’ provincialotti e approssimati. Ma quello che più mi colpisce è che, dopo tanti anni, non riusciamo ancora a scafarci e a competere degnamente in qualità e stile con il meglio d’oltreoceano. Per farvene un’idea, prendete i quotidiani on-line più letti in Italia. Confrontateli con alcune corazzate dell’informazione internazionale come la CNN, il New York Times, il Wall Street Journal, il Time, il Washington Post, tanto per citarne alcuni. Fatevi un giretto su questi siti. E poi tornate sui nostri. Un pianto. Una tragedia che parte dal design, totalmente privo di qualsiasi originalità, per arrivare fino ai contenuti. Salvo rare perle, il giornalismo d’inchiesta trasformato a puro gossip. Le gallerie fotografiche delle starlette della televisione nostrana che affollano le spiagge del Belpaese sono il meglio dell’offerta. La sezione video, un copia e incolla di video pubblicati su YouTube. Tutto rigorosamente “(C) Vietata la riproduzione”. Non fatela troppo semplice. Lasciate perdere i numeri per una volta. Non sono le sole visite che fanno la qualità. E per chi di voi sta al di là della barricata, non state lì a giustificarvi che certi argomenti tirano perché la domanda è quella che è. Se questo offre il convento c’è poco da fare. Come se non bastasse, quel poco di buono che c’è in giro abbiamo il pessimo vizio di perdercelo per strada. Prendete Wired Italia. Lo sforzo iniziale è stato apprezzabile. Sono passati mesi d’allora. Uno scatafascio in caduta libera. “Contro la crisi? Un bel panino”. Che di primo acchito uno pensa sia lo slogan di una qualche promozione del McDonald’s. Oppure “Come sopravvivere agli Zombie”. Leggi il titolo e ti fai quel genere di domande tra l’imbarazzato e lo stupito che davanti a una rivista di un certo spessore non vorresti mai farti. E poi articoli come le “100 bufale a cui credono tutti” o “Come diventare salutisti su Facebook” completano il quadro desolante. C’è bisogno di innovare anche in questo settore. Cari investitori,tirate fuori i soldi e abbiate il coraggio di provarci con la giusta visione. Non lasciatevi sedurre solamente dalle App e da miti come quello di Instagram. Le opportunità nell’editoria online ci sono. Guardate cosa hanno fatto in un paio di mesi i tizi di The Verge. Voi, piuttosto, dove siete?

30 Toolbar Icons for User Interface Design

Advertise here via BSA30 Toolbar Icons aims to provide a library of free icons that can be used in user interfaces, for example on toolbar buttons. The toolbar icons are designed in a consistent and simple style. These icons come in PNG format in 32×32 pixels along with layered Photoshop PSD file of the icons. You can use them on both personal and commercial projects. Click here to download 30 Toolbar Icons These icons are designed by WebIconSet.com exclusively for WebAppers readers, and are delivered in both Photoshop and PNG formats. If you like these icons, you can also check out the Mini Icons we have released some time ago too. SponsorsProfessional Web Icons for Your Websites and Applications

20 Examples of Effective Image Usage in Web Design

Advertise here with BSAImages can play a huge role in a web design. They can be used as a large background image that sets the tone for the whole site, or they can appear in the form of thumbnails in a grid. However you end up using images, great care and thought should be put into composition, layout, and style. For this post, we’ve gathered a collection of sites that are great examples of how images should be used in web design. VANMOOF Identity Print Lotta Nieminen S.E.H Kelly Ismael Burciaga humaan iamalwayshungry Bicikli Fumic kiinnostus.fi/autokuume connect The Nomad Hotel JP74 Mint Museum Wythe Hotel Artist of the Year MoMA – Cindy Sherman Coocci Reaching Quiet saught aibee The Best DesignsAwwwardsCSS Design Awards

php not working on specific word

I have inputted a word from a user and i want to find that word in a text file. My text file is like this. -------------- name1:value1 name2:value2 name3:value3 ... ... -------------- So if my user inputs name1 so i want corresponding value1.. How can i do these? Can anyone ...

Python high signal-to-noise ratio ???

Hello I am new in Perl and CGI. I want to write a program in perl that enables me to call executables, some of them maybe GUI. My starting point was to write a small program that would call an interface because this is on a local machine. Ultimately i ...

Collective #19

Inspirational Website of the Week Lotta Nieminen’s portfolio is our choice for this week’s website inspiration. It’s very clean and it comes with a surprising and smooth content navigation. Get inspired Creating A Volume Controller With jQuery UI Slider Learn how to code a jQuery UI Slider from a PSD in this great tutorial by Thoriq Firdaus. Read it PHP – The Right Way “PHP: The Right Way” is an easy-to-read, quick reference for PHP best practices, accepted coding standards, and with links to authoritative tutorials around the Web. It’s created and maintained by Josh Lockhart. Read it Free Font: Ashbury Light Ashbury derives its inspiration from 18th century transitional types such as Caslon and Baskerville. Get the light style of this elegant font for free. Get it Free Twitter Logo (EPS/PSD) A great and useful freebie from blugraphic.com: the new twitter logo in EPS and PSD. Get it Building a Responsive, Mobile-First Navigation Menu Saddam Azad shows us how to develop a complex responsive navigation menu using the “Mobile-First Approach“. The aim is to present mobile users with a pseudo-native, touch-conducive and interactive interface that enables them to navigate the website with ease. Read it Mousetrap Mousetrap is a simple and leight-weight library for handling keyboard shortcuts in Javascript. It is a standalone library with no external dependencies. Try it Free Font: Triac 71 Ray Larabie offers us this exquisite font for free: Triac 71 is a funk related funk font with funky proportions, funky design and funkular execution. Get it Bromine: JS Library for UI Testing in the Browser Bromine is a tool for running UI tests in the browser. It provides a simple-to-use flow control mechanism, as well as utilities for executing DOM events. Read it Brain NN Library Brain is a JavaScript neural network library. If you have worked with neural networks, you’ll love this JS library. You can also use it in node.js. Check it out Learn Git in 15 Minutes Got 15 minutes and want to learn Git? Then you’ll enjoy this easy-to-follow and great step-by-step interactive tutorial by GitHub. Learn it jQuery UI Touch Punch jQuery UI Touch Punch is a small hack that enables the use of touch events on sites using the jQuery UI user interface library. It is tested on iPad, iPhone, Android and other touch-enabled mobile devices. Check it out DZSlides DZSlides is a one-page-template to build your presentation in HTML5 and CSS3 by Paul Rouget. Try it Creating a Slider Control with the HTML5 Range Input Learn how create a basic HTML5 range input slider to resize an image, with a JavaScript function updating elements in the page as the user alters the range. Read it Windows Style Dashboard Template (PSD) Asif Aleem shares this beautiful PSD template with us. Get it Repo.js Darcy Clarke brings us Repo.js. It is a light-weight jQuery plugin that lets you easily embed a Github repo onto your site. As a plugin or library author this is a great way to showcase the contents of a repo on a project page. Get it CSS3 Attribute Selector: Targeting The File Type Learn how to use the CSS attribute selector in order to target specific file types in yet another great tutorial by Thoriq Firdaus. Read it Free Font: Troll Bait Another free font by Ray Larabie: Troll Bait just screams “roleplaying”. Get it Recline.js Recline.js is simple, yet powerful library for building data applications in pure Javascript and HTML. Check it out GitList: An Elegant and Modern Git Repository Viewer GitList allows you to browse repositories using your favorite browser, viewing files under different revisions, commit history and diffs. GitList is free and open source software, written in PHP, on top of Silex and the Twig template engine. Try it Rivets.js Rivets.js is a declarative, observer-based DOM-binding facility that plays well with existing frameworks such as Backbone.js, Spine.js and Stapes.js. It aims to be lightweight (1.2KB minified and gzipped), extensible, and configurable to work with any event-driven model. Check it out

RefineSlide

To make a slide into a link, just wrap the inside an and set the attribute to the destination page. Captions are set by including inside the slide . Orientation can be altered by changing the direction class ('rs-bottom', 'rs-top', 'rs-left', 'rs-right', 'rs-bottom-left', 'rs-bottom-right', 'rs-top-left' or 'rs-top-right'). For example: . Additionally, the width of captions can be adjusted using the setting when calling the slider. Captions with 'top' and 'bottom' classes will be unaffected as they are full-width by design. You'll likely want to have a tinker with the settings to get the slider set up for your needs. You can override default settings when calling the slider - as in the example below, where the slider is used as a slowly fading slideshow without any controls. Here's an exhaustive list of the plugin settings along with their defaults: transition : 'cubeV', // String (default 'cubeV'): Transition type ('random', 'cubeH', 'cubeV', 'fade', 'sliceH', 'sliceV', 'slideH', 'slideV', 'scale', 'blockScale', 'kaleidoscope', 'fan', 'blindH', 'blindV') fallback3d : 'sliceV', // String (default 'sliceV'): Fallback for browsers that support transitions, but not 3d transforms (only used if primary transition makes use of 3d-transforms) controls : 'thumbs', // String (default 'thumbs'): Navigation type ('thumbs', 'arrows', null) thumbMargin : 3, // Int (default 3): Percentage width of thumb margin autoPlay : false, // Int (default false): Auto-cycle slider delay : 5000, // Int (default 5000) Time between slides in ms transitionDuration : 800, // Int (default 800): Transition length in ms startSlide : 0, // Int (default 0): First slide keyNav : true, // Bool (default true): Use left/right arrow keys to switch slide captionWidth : 50, // Int (default 50): Percentage of slide taken by caption arrowTemplate : '

', // String: The markup used for arrow controls (if arrows are used). Must use classes '.rs-next' & '.rs-prev' onInit : function () {}, // Func: User-defined, fires with slider initialisation onChange : function () {}, // Func: User-defined, fires with transition start afterChange : function () {} // Func: User-defined, fires after transition end There are events where you can tie into the slider to extend/adjust functionality. - fires on slider initialisation, - fires at start of slide transition, - fires after slide transition. To reference the slider object inside callbacks use . This enables you to access internal methods and properties. For example, calling will advance to the next slide. Here's a list of props/methods you might find useful: this.slider.$slider // Elem: The slider elem ('.rs-slider') this.slider.$slides // Elem Arr: Array of slide elems ('.rs-slider > li') this.slider.$sliderBG // Elem: Slider wrap elem ('.rs-slide-bg') this.slider.$sliderWrap // Elem: Outer wrap elem - wraps slider, thumbs, arrows ('.rs-wrap') this.slider.$currentSlide // Elem: The current slide this.slider.$nextSlide // Elem: The next slide (if one has been specified) this.slider.totalSlides // Int: Number of slides this.slider.currentPlace // Int: Index of current slide (starts at 0) this.slider.cssTransitions // Bool: Whether browser supports CSS transitions this.slider.cssTransforms3d // Bool: Whether browser supports 3D CSS transforms this.slider.inProgress // Bool: Whether slider is mid-transition this.slider.settings // Obj: The settings object (can access individual settings with e.g. - this.slider.settings['transition']) this.slider.next() // Method: Call transition to next slide this.slider.prev() // Method: Call transition to next slide this.slider.transition(slideNum); // Method: Call a transition (param slideNum = int: array position of the new slide) Below is a quick and dirty example use-case for these props/methods. See here for the live version. Captions are extracted from the slider, added to an '#info' element and given an 'active' class when their slide is visible.

Google I/O 2012 - Advancing Accessibility for the Web - YouTube

Rachel Shearer, Dominic Mazzoni, Charles ChenThis session will help you learn through code samples and real world examples how to design and test your web apps for complete accessibility coverage. We will review APIs such as the Text-to-speech (TTS) API, tools like ChromeVox and ChromeShades and how Google products implement solutions today for users with disabilities.For all I/O 2012 sessions, go to https://developers.google.com/io/

ShopTalk Episode 24

Dave and I were joined by David DeSandro where we talk about working in this industry, JavaScript versus CSS3, accessibility, David's various projects, and more. Thanks to Harvest (use code SHOPTALK for 50% off first month) and Environments for Humans for sponsoring. Direct Link to Article — PermalinkShopTalk Episode 24 is a post from CSS-Tricks

Will Handheld Devices Replace Your Laptop?

It has been quite some time since the era of handheld devices dawned upon us. Smartphones, tablets, eBook readers – you name it! With each passing day, it seems as if the gadgets we use and the technology we employ is shrinking in size. So, how many of these super portable handheld beauties do you own? An iPad? Amazon Kindle? MS Zune? Something? Anything? Everything? And as with any new trend in technology, debate is in the air – will this new trend kill the old one? You may ask, which old one? Well, here the ‘old one’ refers to devices such as laptops, desktops and anything that can’t be held in your hand. Before we proceed to answer the question, let us be clear about certain things. The definition or classification of ‘handheld’ itself is not rigid – I mean, you can carry a notebook/laptop/netbook with you, but it’s not considered a handheld device. For the sake of simplicity and clarity, devices such as tablets and smartphones shall be treated as ‘handheld devices’ in this article, and laptops and desktops shall be called ‘mainstream/traditional devices’. Now, let’s simply dive head-first into our main question: will handheld devices kill the mainstream? Before we go on to address the question, we shall attempt to arrive at the answer using two different methods – sheer empirical facts and figures, and analytical opinions and viewpoints. Handheld Devices will NOT Replace Traditional Devices, says Market Research Allow me to start bombarding you with numbers and figures (unrelated info: I always loved Statistics back in college). As many as 56% of the market experts think that handheld devices will not replace or overpower mainstream ones anytime soon. Image Credit You may argue that with the rise in innovations related to tablets and other handheld devices, laptops and desktops are as good as over. In fact, Rupert Murdoch once told Fox Business Network that tablets are the “end of laptops”. A strong statement that can be debated. However, there isn’t much to support it as of now – when asked about handheld devices as compared to traditional ones, only 12% of iPad users said that their iPad can totally replace their laptop. Along similar lines, most experts are divided when it comes to handheld devices as opposed to mainstream ones. 4% of them think the rise in handheld devices will leave the market for traditional devices unaffected, whereas 7% feel that handheld devices will have a huge impact on laptops. Over 36%, however, feel that there will be some impact of handhelds over laptops and desktops, but not too huge. Partial replacement? Yes, anytime. Total extinction? Nope. Reasons why Mainstream Devices will not Perish Anytime Soon 1. Creativity > Consumption Does this sub-heading baffle you? Fret not. Image Credit What exactly is the purpose of your iPad? Read and answer emails on the go, scroll through your Twitter feed and check your Facebook notifications while commuting, play that Angry Birds game, edit some urgent document, and so on? If you are an author, do you use your iPad to write full fledged books? No, chances are, you turn to your laptop for that (at least I rely on my laptop for this purpose). Similarly, if you are a photographer, what will you use for editing and retouching your photos — your iPad or your computer? I think that drives the point home – for serious creative usage, a laptop or desktop is still unbeaten. Even if you take a look at the App Market or Google Play store, you’ll notice that the majority of the apps are for casual usage or consumption, rather than serious creative work. 2. Generic Usage > Dedicated Usage Another baffling sub-heading? Again, fret not! Image Credit Truth be told, handheld devices are ideal for serving a dedicated cause. For instance, Amazon Kindle is a perfect companion to keep you hooked for hours and satisfy your thirst to read awesome stuff. Yet, you can’t really do anything apart from read books on it, can you? A Sony Walkman or iPod will help you enjoy your favorite music, watch some videos, and…what else? At the end of the day, laptops and other mainstream devices live well to the tag of ‘all-encompassing’. Perhaps your laptop will not beat Kindle when it comes to reading while in an elevator, but then again, there are a zillion things that the laptop can do, and Kindle can’t. 3. Affordable > Eye Candy Yet another baffling sub-heading? Fret not…ah well, I guess I should stop mentioning this line now. Image Credit Yes, handheld devices are seeing a drop in price, and this trend is likely to continue, but so are laptops and desktops. Eliminating desktops from this discussion for the time being, a laptop with a dual-core processor is still way cheaper and more powerful than a popular tablet. Don’t believe me? Ask yourself: how much did your current laptop cost you, and what’s its configuration? Now compare the same with the cost and configuration of the iPhone 4S. 4. Usability > Non-feasibility How many pages can you type using a touch screen and/or an extra-cramped keypad, before you finally give up? Image Credit No matter how awesome the touch support on handheld devices is, at the end of the day, nothing comes close to beating a physical keyboard. And when I speak of ‘keyboard’, I do not refer to the super-cramped keypads that certain tablets ship with. Thus, while handheld devices are awesome for sending that urgent email right away, they do not really beat traditional devices in terms of feasibility for prolonged usage. 5. Specialized Audience > Special Audience A very popular argument often cited in favor of handheld devices over mainstream ones is that handheld devices satisfy the social networking addicts’ urge to stay connected, and since such internet users are a good segment of the market, they will eventually move away from their laptops and opt for tablets or smartphones. Image Credit Well, hardcore internet users and social networking lovers form a ‘special’ segment of the market. It cannot be denied that this ‘special’ segment can indeed consider moving away from laptops completely, sometime soon. However, a ‘special’ audience is different from a ‘specialized’ audience. If you are a graphic designer, you will probably opt for a tablet or smartphone, but you won’t leave your laptop, because you need it. Similarly, if you are a programmer/coder, you need your computer to do the debugging and coding, even though you may have a tablet and a smartphone to help you stay connected. Gaining a special audience for a product is not the same as gaining a specialized audience. The special audience may consider leaving traditional devices and switch to handheld devices entirely, but the specialized audience, like it or not, needs the traditional devices. The Counter-Argument So, are handheld devices that bad? Should you just drop your plan of gifting your spouse a handheld device? No. Image Credit It can be said that handheld devices come with tools of their own, which, over time, may evolve to challenge the dominance of mainstream tools. For instance, apps for dictation can considerably reduce your reliance on touch screens for typing (though this leads to another inevitable peril: accent). Plus, tablets tend to present text display with a great level of clarity – imagine viewing a document on a 264ppi screen! Further more, a built-in camera means you have a handy scanner wherever you go. Also, if you insist on having a real keyboard (for me, a ‘real’ keyboard is something which isn’t cramped), you can very well make use of Bluetooth to pair it with your handheld device. Hence, handheld devices have advantages of their own. Such advantages can allow handheld devices to partially challenge the authority of mainstream devices, but won’t be sufficient to replace mainstream devices altogether. Lastly, Shall I Discard My Laptop and Go for that Handheld Device? In simple terms, NO. In the end it boils down to what your needs are – I couldn’t have written this article on an iPad, I needed my laptop. But each morning when I get up, I turn to my Android smartphone for checking emails, rather than switching on the laptop and connecting to the internet and then launching the browser to open my Inbox. I cannot picture spending a day without my smartphone, but at the same time, I cannot ever imagine a tablet coming anywhere close to replacing my laptop. My smartphone does a lot of things for me – emailing, social networking, gaming, photography – the list goes on. But there are limits to what it can do. I draw and write using my laptop, code stuff and do the odd amount of gaming every now and then – none of this can be (properly) accomplished on a handheld device. To sum it up, handheld devices, no matter how good, cannot yet replace or eliminate mainstream ones. Of course, if you have a smartphone or a tablet, it will serve you well. It can surely co-exist along with your laptop and make your life easier. But it cannot REPLACE your laptop, period. Will handheld devices ever manage to eliminate the need of a laptop/desktop? What do you think? Feel free to share with us in comments!

A Flexible Library For Managing & Displaying Data – Recline.js

Advertise here with BSARecline.js is an open source library for easily creating data-focused applications with only JavaScript and HTML. It is built on top of jQuery, Backbone.js and Underscore.js and provides components + structure to data-heavy applications with a pack of models (dataset, record/row, field) and views (grid, map, graph, etc.). The library has many functions for handling datasets including loading, querying and manipulating them. Recline.js has built-in support for loading data from CSV files, Google Docs, ElasticSearch, CouchDB and more. And, it can present data beautifully in grids, maps, timelines or any other way you prefer (it can be extended quickly). Advertisements:Infragistics jQuery controls deliver the magic of HTML5, w/o sacrificing resources, time, or money.Professional XHTML Admin Template ($15 Discount With The Code: WRD.)SSLmatic – Cheap SSL Certificates (from $19.99/year)

Creating an exam with random questions from database

good day! I'm a begginer at visual basic. for our thesis, our professor, want us to create an examination where the items are from the database and the items will load randomly.. we don't have any idea on how to do it. please help... if it is not possible to randomize it, just how to load the questions... thank you very much..

Inside Programr: The site that lets you learn to code by actually building apps

Great things tend to happen whenever technology meets education. Such is the case with startups like P2PU, Codecademy, Udemy, Khan Academy, Skillshare and many more initiatives, where the traditional learning process has been turned on its head. When it comes to learning how to code, options like these exist to bring you closer to your real goal…actually building something. But if there’s one site in particular that puts you in the driver’s seat, it’s Programr. It’ll hold your hand as you enter the real world of coding, like in driver’s ed when your instructor could take the wheel if things got dodgy. We first covered the site back in January, and since then it has evolved rapidly, becoming the go-to place for countless code-curious students to explore the likes of Java, C++, .NET, Ruby, SQL, Android and iOS. So far, over 330,000 programs have been run to date, with 65,000 attempted challenges and nearly 2,000 submitted projects. To learn more about this growing breed of online learning tool, we (virtually) sat down with creator Rajesh Moorjani to get the scoop: HW: When did Programr first launch & what led you to build it? RM: Programr officially launched in September 2011. Earlier, for a few months, we were known as Krazy Koder and would sell white-labelled lab solutions to IT Colleges but then we decided to make it open to all users in September 2011. The idea came when I was actually taking an advanced IT course (J2EE / Struts) at a local college. Though I enjoyed the face-to-face sessions there, the place was too far from my home and it would take me 45 minutes of travel to get there – which was a pain. Also, I could access the lab only at allocated times for limited hours. That got me thinking how cool it would be if I could get 24×7 lab access right at my home. I wanted to create cool stuff from home and share it with my faculty to get his feedback. However my faculty wouldnt have the time to sit installing the zip files I sent him via email (containing source code, libraries, db table exports, web server xml files, config files and so on). I also wanted to share my lab creations with my friends all over the world easily and get their feedback (and appreciation :)) So I started looking for a solution where I could code & share my lab creations with others online easily. I didnt find any, so decided to take it up as a project and roll my own. Thus was born Programr. HW: How has it evolved since then? RM: Initially we supported only the development of commandline apps in Java, C++, C# and Ruby online, and the system was very rudimentary. Soon, however, a few users came in via word-of-mouth and began creating cool apps like tic-tac-toe and “who wants to be a millionaire?” online. They shared these apps amongst their friends on facebook and that’s when significant traffic started coming in. Then, our users began badgering us to launch more platforms, especially web technologies. So we launched PHP, J2EE, Javascript, AJAX and Flex by December 2011. Around March we were getting a lot of requests for supporting mobile technologies, so we released our Android lab in April and then our iOS lab last month. Recently we also launched our Processing section along with a Processing sprite gallery. The Processing section enables users to learn object-oriented programming by making animated games in less than an hour’s time. We’ve found that students mainly come to Programr to checkout the latest projects submitted by other users. If they like something, they then tinker with its source code to see how it works, and even try to enhance it further. So it’s all learning by doing. We’re still self funded all this time as we are making money from a few clients already. However we have now seriously started looking for funding to take Programr to the next level. HW: The education startup space feels like it’s really just starting to heat up. How do you think Programr lines up with other companies, like Codecademy, P2PU, Bloc, etc? RM: Programr is the only portal out there that offers full-fledged online coding support for 10+ platforms including insustry-in-demand technologies like Java, C++, .NET, Ruby, SQL, Android and iOS. Furthermore, on Programr you can create your app, share it with the world and even embed it on your own blog just as you would embed a youtube video. We believe this capability for students to share & showcase their lab creations to their friends and family is a very important step in the process of learning new skills, as it provides the much-needed motivation and pats-on-the-back to keep on creating cool stuff. Codecademy is truly a remarkable product – their course workflow is amazing. However, we dont see ourselves getting too deep in the online courses space. We tried it for a while but found we were getting too distracted by focussing on theory lessons and content. So, we have decided to focus squarely on the practical aspects of programming: i.e. our lab, practice tests, assessments and contests. Same for P2PU and Bloc. We’d rather that users learn their concepts on these sites and use Programr for practicing and sharpening their skills – we’re not exactly a competitor to these sites but more of a complement to them. HW: Who are your target users? Is Programr geared towards users focused on learning more complicated programming skills, beyond entry level JavaScript? RM: Our target audience is students and aspiring programmers who want to practice, test and sharpen their coding skills. Currently we are targeting the intermediate developer who knows a bit of programming to begin with. However in the next 2 months, we are launching our assessments section that will help beginner students to get their feet wet into programming with practically zero programming experience required. HW: Mind telling us about your different “zones”? RM: Sure, our different zones allow users to learn, practice and excel in the programming language of their choice. For example, if you’re looking to build commandline apps, you can try our Java, C++, C#, Ruby or Python zones. In each zone you can make full-fledged projects that have multiple files, with all the standard IDE features like syntax highlighting, autocomplete, multiple tabs and runtime syntax warnings. Each zone is structured like digg (you can upvote/downvote other projects so that the most popular ones bubble to the top). HW: What about the coding contests, challenges and book code listings? RM: Healthy competition encourages learners to push themselves harder than they would have normally. We launched a coding contest in January in which we rewarded the winners with prizes such as Amazon Gift Cards and Ebay Gift Cards. Winners were chosen on the basis of a combination of user votes and judges votes. The contest was a big hit and got a very good response, and so we now run monthly coding contests. HW: Have any of your users gone on to build awesome apps or sites? RM: Totally! We’re constantly amazed by the super-cool apps that users are creating and sharing at Programr on a regular basis. The latest cool app I saw was a couple days back, it’s a game dedicated to the Euro 2012 Cup that concluded yesterday. The game came up after buzz began to generate on the finals. See it here. Yes, coincidentally Spain won! :) Here are some other amazing apps created by our users in different technologies: Online Pizza Store (Java Web / DB) Rotating Cube (drag the cube to see it rotate!) (flash) Asteroids Game (JS) Slide Show App: (AJAX / DB)Loan Calculator: (PHP) Video Player (Flex) Cool Calculator (Android) MineSweeper (Android)Simple Clock (flash) Formic Game (iOS)Anti-Corruption Game: (JS) Note: This game went viral in India during the recent anti-corruption protests there, due to the caricatures of the politicians involved. HW: What’s your best advice for anyone who’s looking to learn how to code? Is there anything you wish you knew? RM: In my opinion, the best way to learn to code is to first decide on a project you’d like to create, e.g.: create a song playlist app, create an online forum for my school, create a screensaver with my favorite pics, create a dynamic website dedicated to my favorite band. It’s important to be sufficiently excited about your chosen project (and maybe even the thought of showing it off to your friends). You then begin to figure out how to use the right syntax, logic and APIs to get the job done as you clearly know what exactly you want to achieve. Programming is just like any other art, say like painting. Learning the initial constructs is easy but getting good at it takes a lot of practice. So keep coming up with cool new projects to code, and in a matter of time programming will become very natural to you. Check out Programr via the link below and let us know your thoughts in the comments! ➤ Programr

COBOL moving words

Hi, Can you help me please.I want to learn cobol language i have already editor the old version of microsoft "cobol compiler version 2.20"...first thing i want to know on how can i print the "Welcome in Cobol".can you help me please in step by step...saving the code,compile and run ...

Please be my mentor in c++

hey this is a just for fun topic (a.k.a. NOT homework) but if you can please reply: I am working in Visual C++ and I can't get any operation to write a single character to a variable and then check it in an if() statement. Here is my last try: ...

argv[1] when creating an object

Was wondering if anyone could shead some light on the below. whe creating an instance of an object. Lets say the class type is called CLASSTYPE and I want to create an instance of this classe called FIRSTINSTANCE. The question is: Would there be any reason for me to write it like this. Why would I use argv[1] at all? I'm not sure why this is done.

PHP Error

Hi. I am having a problem with PHP. I got these lines of code: And this: (the action script in the above example) I am having a problem with line 4 in the above code. Here's the error: Parse error: syntax error, unexpected T_IF in (folder name here) on line 4 When I don't get this error, it redirects me back to the link I want even though the session "auth" is registered. Thank you if you help me.

Sim cards in Apple Laptops?

I do not understand why Apple's mobile computers such as the MacBook Air and MacBook Pro do not have cell phone radios in them. These radios are very small and relatively cheap nowadays. Apple could easily design these laptops to have a slot for a SIM card like iPhones and iPads have. I don't expect them to add it on iMacs or Mac Pros, but for mobile computers I think it's clearly a good feature to have. Having those USB sticks sticking out of our USB ports is inconvenient and ugly. The third party software that comes with them is usually a hit and miss. Compared with the iPad mobile experience it's a pain. If Apple laptops had SIM card slots they could allow cell phone companies to sell these laptops with mobile data subscriptions expanding the retail network significantly. To pay for the radios Apple could negotiate a special package with a globally accessible cell phone company to have a default built-in SIM card to provide emergency internet access for a relatively higher price, but free monthly stand-by fee. This basic package could be upgraded or replaced by any other SIM card for less expensive data packages. Besides giving mobile connectivity the default card would allow lost laptops to be found easier with the Find My iPhone app. What do you think?

5 PHP Security Measures

For many years, PHP has been a stable, inexpensive platform on which to operate web-based applications. Like most web-based platforms, PHP is vulnerable to external attacks. Developers, database architects and system administrators should take precautions before deploying PHP applications to a live server. Most of these techniques can be accomplished with a few lines of code or a slight adjustment to the application settings. If the developer has installed a set of PHP scripts from a third-party application, the scripts the application uses to install the working components can also provide an access point to unscrupulous users. Most providers of third-party packages recommend removing the directory containing the setup scripts shortly after installation. For developers who wish to retain the setup scripts, they can create an .htaccess file that controls access to the administrative directories. Any unauthorized user who attempts to bring up a protected directory will see a prompt for a username and password. The password must match the assigned password specified in the “passwords” file. In many instances, developers may use an individual file in several portions of an application. These scripts will contain an “include” directive that incorporates the code of the individual file into that of the originating page. When the “include” file contains sensitive information, including usernames, passwords or database access keys, the file should have a “.php” extension, rather than the typical “.inc” extension. The “.php” extension insures that the PHP engine will process the file and prevent any unauthorized views. In situations where end users create their own usernames and passwords, site administrators will often include functionality to encrypt the password data before the form submits the form field entry to the database field. In past years, developers have used the md5 (Message Digest algorithm) function to encrypt passwords into a 128-bit string. Today, many developers use the SHA-1 (Secure Hash Algorithm) function to create a 160-bit string. The php.ini file contains a setting called “register_globals”. When the register_globals setting is on, the PHP server will create automatic global variables for many of the server’s variables and query strings. When installing third-party packages, such as content management software like Joomla and Drupal, the installation scripts will direct the user to set register_globals to “off”. Changing the setting to “off” insures that unauthorized users cannot access data by guessing the name of the variable that validates passwords. Many developers have fallen into the trap of instantiating variables without defining their values, either due to time constraints, distractions, or lack of effort. Variables that validate the authentication process should have values instantiated before the login procedure begins. This simple step can prevent users from bypassing the verification routine or accessing areas of the site to which their privileges do not entitle them. These steps can block users from starting a new session on an application, but what about protecting data during a session? Next week’s lesson will examine PHP session security.

Motion Smoothing

An oldie but a goodie: Your New TV Ruins Movies. I’ve been known to do this to TVs of friends and family without telling them.

Freebie: Baby Blue UI Kit (PSD)

Today we want to share a free UI Kit PSD with you. It’s called Baby Blue and it’s made by Michael Donovan. It contains many detailed UI elements that can come in handy when designing a website or an app, such as sliders, toggles, buttons, controls and many more. Download the PSD for free You are completely free to use this UI kit for personal and commercial projects, no attribution is necessary. However, don’t redistribute it as-is (without prior consent of the author). Download the Baby Blue UI Kit PSD (ZIP file) Preview Take a look at the preview: Enjoy it!

Three Reasons I Sucked at Freelancing

I spend much of my time writing for SitePoint about the success of others, and sharing great tips and tricks I have learnt myself.One great quote I really live by is that you should learn from your mistakes. Mistakes happen to the best of us; as long as you walk away with a lesson under your belt, you’ve made the best of a possibly poor situation.I want to share with you three reasons I failed when I first started freelancing back in 1997. In fact, let’s make that one failure from 1995, and then two more in 1997. That’s right; 1995. A long time ago now, so I’ll forgive you if you’re young enough to laugh when I say my first failure was trying to sell something most people hadn’t even heard of.That’s right; I hit the pavement trying to sell websites to companies who hadn’t heard of the internet. This was 1995; back then, this internet thing really was the wild frontier, and many businesses hadn’t heard of it. I got a few customers on board, but not enough to pay for the fancy office space I had leased, so I quickly shut shop. googletag.cmd.push(function() { googletag.display('div-gpt-ad-1328644474660-10'); });Lesson number one? You really can be too early. I should have waited another year, and by then, the web was all over the media. I either didn’t hit the right early adopters, didn’t know how to sell well (and that certainly was part of it) or I was just plain too early.The next two failures were two years later. The web had exploded, people now knew of the web, and although not everyone was convinced it was vital to have a website, there were enough people out there to carve out a living.Two of my mistakes this time around were very close to each other. Mistake number one was not estimating the time correctly. I didn’t keep timesheets, I just guessed how long things took, and given that when I got “in the groove”, time often flew past … I really sucked at judging time.The issue here is I’d say that it took me two hours to design this element. In reality, it took me four hours, yet I kept saying two hours over and over, compounding the problem. The opportunity losses from working for free when your only commodity is time can quickly add up to be unsustainable.Lesson number two: Keep timesheets and get good at accurately understanding how long it takes you to complete a task.The third mistake, when coupled with the last one, made my second attempt at freelancing a failure too. I completely misjudged what I should be charging per hour.I estimated working from home, using an old computer, with no insurance or other costs, meant I could get away with charging close to nothing. Heck, even twice my hourly rate was still close to nothing! Combine that with not even billing for the hours I was working on projects meant my clients were getting a fantastic bargain, but I was on my way to being worse off than unemployed.No wonder everyone accepted my quotes! I really sucked at valuing my own worth.Lesson three: Understand your real hourly costs, and don’t be afraid to ask for a realistic price. Selling yourself short means you’ll sell yourself out of business.Luckily for me it really was third time lucky; I started my third attempt at freelancing 10 years ago this month, and now I’m pleased to report this time it was a success (well, it’s a company now, which happened within three months of my diving into freelancing, so technically I’m not a freelancer now).Look back on your early business time – what were some of your failures? Let’s share and learn from our mistakes. Feel free to post a comment below! googletag.cmd.push(function() { googletag.display('div-gpt-ad-1340873946991-4'); });

RocketStart

RocketStart is a SaaS to build a perfect landing page in minutes, without any programming skill. A landing page by RocketStart could be a very powerful single entry point: for generating leads, describing product, service, promoting event, latest music release or independent film, connecting an audience to relevant social pages and much… much more. – This is the big idea behind RocketStart. We give the tools to create, a la carte design templates; we track leads; we host and support landing pages. View startup

Image Tagging Tutorial Using jQuery and CSS

There is a popular saying that a picture is worth a thousand words. Images are a great way of catching our attention instantly. But sometimes its necessary to tag or link specific parts of images to provide information. Popular social media giants like Facebook and Google Plus use image tagging to identify the people and places in images. In this tutorial I am going to show you how to create a simple image tagging system using jQuery and CSS. Lets get started. Image Tagging Tutorial Demo and File Download Demo Download Creating the Initial Layout In this step we are going to setup the initial layout with the image to be tagged. We need to use the jQuery UI library for dragging and dropping and resizing. Let’s take a look at our initial code. Image Tagging with jQuery and PHP

Title

Now lets get an idea about how our layout is structured and important components for this tutorial. Initially we include the CSS and JavaScript files necessary for the demo. I have used the jQuery UI library. Then we have the #image_panel which has all the components related to tagging.

Title

First we have the image to be tagged with the ID imageMap Then we have an element called #mapper which will be hidden initially. It’s used to define the tagging area. #image_panel is positioned relative to the main_panel and #mapper is absolutely positioned. Also, the mapper should have a higher z-index value since it needs to be displayed on top of the image. Then we have a component called planetmap. It is used to keep the tagged sections. When a tag is created on the main image a small div will be created and appended to this planetmap section. Next you can see the #form_panel. It used to create title of tags. When a tag is created it will popup and request for tag name. Once created it will hide. Now we have a basic idea about our layout. Styles used in the demo are not included in the above code. So make sure to use the project files while you read the tutorial to get a better understanding. Generating Tag Window We have to load the tag window when the user clicks somewhere on the image. If you haven’t checked it already, load the demo and click somewhere. Lets see how we can create the tag window using the following code. Look at the $(“#imageMap”).click in the project files and I’ll be explaining it step by step. var image_left = $(this).offset().left; var click_left = e.pageX; var left_distance = click_left - image_left; var image_top = $(this).offset().top; var click_top = e.pageY; var top_distance = click_top - image_top; Offset gets the coordinates of the image relative to the document. This is called inside the mouseclick event. So event.pageX will give you the absolute x coordinate of image. Then we get the actual distance to clicked position from the beginning of the image using click_left – image_left. We apply the same method to retrieve the top distance of clicked position. var mapper_width = $('#mapper').width(); var imagemap_width = $('#imageMap').width(); var mapper_height = $('#mapper').height(); var imagemap_height = $('#imageMap').height(); Then we calculate the width and heights of mapper (window for tagging) and the actual image. Now we have all the required parameters to start loading the tag window. We can use the top_distance and left_distance to load the tag window. The problem is it should not go outside the image container, we have to do the following validations while loading tag window. if((top_distance + mapper_height > imagemap_height) && (left_distance + mapper_width > imagemap_width)){ $('#mapper').css("left", (click_left - mapper_width - image_left )) .css("top",(click_top - mapper_height - image_top )) .css("width","100px") .css("height","100px") .show(); } In the above image, the tagging window exceeds both top and left positions of the image. So we prevent that using the validation inside if statement. Then we assign the recalculated left and top positions and show the tagging window. else if(left_distance + mapper_width > imagemap_width){ $('#mapper').css("left", (click_left - mapper_width - image_left )) .css("top",top_distance) .css("width","100px") .css("height","100px") .show(); } The tagging window above exceeds left positions of the image. So we prevent that using the validation inside if statement. Then we assign the recalculated left positions and show the tagging window. else if(top_distance + mapper_height > imagemap_height){ $('#mapper').css("left", left_distance) .css("top",(click_top - mapper_height - image_top )) .css("width","100px") .css("height","100px") .show(); } In the image above, the tagging window exceeds the top positions of the image. So we prevent that using the validation inside if statement. Then we assign the recalculated top positions and show the tagging window. else{ $('#mapper').css("left",left_distance) .css("top",top_distance) .css("width","100px") .css("height","100px") .show(); } In the above image, the window is positioned correctly without any issue. So we show the window at its current positions. Finally we want our tagging window to be moved across the image and resize. Following code will enable dragging and resizing on tagging window. $("#mapper").resizable({ containment: "parent" }); $("#mapper").draggable({ containment: "parent" }); Saving Tags on Image You can see a save icon inside the tagging window opened in the previous section. Move and resize the tagging window and position it where you want to create the tag. Then click the save button which will call the openDialog function as shown below. var openDialog = function(){ $("#form_panel").fadeIn("slow"); }; Form used to save the tag details will be displayed as shown below. You can type a title for the tag and click the add button. The tag will be saved and hidden immediately. The section below shows the code for add tag functionality. var addTag = function(){ var position = $('#mapper').position(); var pos_x = position.left; var pos_y = position.top; var pos_width = $('#mapper').width(); var pos_height = $('#mapper').height(); $('#planetmap').append('

'); $("#mapper").hide(); $("#title").val(''); $("#form_panel").hide(); }; First we get the left and top positions of the tagged window and width and height of mapper. All the tags will be stored inside the #planetmap div. So we append the newly created tag to the #planetmap div with the title. Then we hide the tagging window and reset the form details. Create as many tags as you want using the same procedure. Now we have to show the hidden tags when the mouse is moved over the tag area. Consider the following code. $(".tagged").live("mouseover",function(){ if($(this).find(".openDialog").length == 0){ $(this).find(".tagged_box").css("display","block"); $(this).css("border","5px solid #EEE"); $(this).find(".tagged_title").css("display","block"); } }); $(".tagged").live("mouseout",function(){ if($(this).find(".openDialog").length == 0){ $(this).find(".tagged_box").css("display","none"); $(this).css("border","none"); $(this).find(".tagged_title").css("display","none"); } }); Every tag we created has a class called tagged. So we search for added tags inside the image. On mouseover we check if the class called openDialog exists in the tag area. This class is available in the edit mode and will be explained later. If it’s not in edit mode, we show the tag title and tag box using the CSS display:block attribute. We also added a border to the tag to preview it properly. On mouseout we hide all the tags. Since tags are created dynamically, we have to add jQuery events by using the live event. Now we have completed the tag creation process. Sometimes we may want to edit current tags by repositioning them. Let’s move onto editing tags. Edit Tag Positions Once you mouseover a tag, it will be displayed. Then click on the tag and you will see a tag window open with save and delete buttons. Lets look at the code first. $(".tagged").live("click",function(){ $(this).find(".tagged_box").html("\n\ "); var img_scope_top = $("#imageMap").offset().top + $("#imageMap").height() - $(this).find(".tagged_box").height(); var img_scope_left = $("#imageMap").offset().left + $("#imageMap").width() - $(this).find(".tagged_box").width(); $(this).draggable({ containment:[$("#imageMap").offset().left,$("#imageMap").offset().top,img_scope_left,img_scope_top] }); }); var editTag = function(obj){ $(obj).parent().parent().draggable( 'disable' ); $(obj).parent().parent().removeAttr( 'class' ); $(obj).parent().parent().addClass( 'tagged' ); $(obj).parent().parent().css("border","none"); $(obj).parent().css("display","none"); $(obj).parent().parent().find(".tagged_title").css("display","none"); $(obj).parent().html(''); } var deleteTag = function(obj){ $(obj).parent().parent().remove(); }; Save and delete buttons will be shown when you click on a current tag in the image. Now the tag is in an editable mode. You can move and reposition the current tag. In the code img_scope_top and img_scope_left variables are used to identify the scope where your tag can be moved. Then we make the tag movable within the calculated scope. Once finished, try positioning the cursor on the save button again to save the tag in the new position. Function editTag will be called in this scenario. First we disable the dragging once the edit button is clicked. Then we hide the tag window after saving as we did previously. Also, you can click delete button to remove the tag from the current image. Now we have completed the image tagging process. No tags are displayed in default mode. So you can use the following code if you want to show and hide all the tags specified in the image. Show All Tags var showTags = function(){ $(".tagged_box").css("display","block"); $(".tagged").css("border","5px solid #EEE"); $(".tagged_title").css("display","block"); }; Hide All Tags var hideTags = function(){ $(".tagged_box").css("display","none"); $(".tagged").css("border","none"); $(".tagged_title").css("display","none"); }; In this tutorial I have explained the process and necessary code for creating a simple image tagging system. Now it’s your responsibility to add new features and use it in your projects. Hope you enjoyed it and feel free to add your suggestions and questions in the comments section.

SQL server name on local computer not network

Can anyone tell me how to find the list of SQL servers on the local machine...and not the network... I searched in google but everywhere its for the list of SQL servers on network....I just want my PC SQL server name.... Is it possible to get it?

PHP & Sessions: Please Help

Hi, I am trying to check if a certain username is in a session. This is what I have so far... But, when I test this, it does nothing. But when I do this: It does what I want, but it overrides the $_SESSION variable. But all I want is to make it so that when a person logs on with the name "Djmann1013" it will do what I want it to, and what I want it to do when it's not the person, with out overriding the $_SESSION variable. Big thanks if you help.

Search a file with multi-element contents of another file

I need help to make a perl program work. I have two files - file 1 and file 2. The contents of File2 is to be searched with the contents of file 1. Output required: 2 tab-delimited columns Date: The following were found in file2: The code is as follows: I will appreciate any help! Thanks

July Mozscape Update | SEOmoz

It's time for another Mozscape index update. New data is now available in Open Site Explorer, the Mozbar, our tools and through the API. July's update comes with some good news, and potentially some bad news, too. As you're likely aware, the previous two indices, while huge in size (150B+ URLs each) suffered from a lack of freshness due to the additional processing time required to calculate our link graph and metrics over such phenomenally big numbers of links & pages. Today's index is relatively large by prior standards (~72B URLs, larger than most anything we launched before April 2012). And it's slightly fresher - the link data in the index today was crawled almost entirely in May. This index was originally scheduled to launch earlier, but ran into troubles, including Amazon's AWS outage and plenty of hardware failures, too. As we've mentioned in the past, SEOmoz is in the process of building a new private hybrid cloud datacenter that will replace AWS for Mozscape and should provide us with much greater reliability. We know how important it is to have regular data updates you can count on, and we're putting people and money to work as fast as possible to get off the unreliability that Amazon's systems have created. Let's take a look at the full metrics for this index: And here are the latest correlations between Mozscape metrics and Google's search results: Because this update is much smaller in total URL size (~50% of the prior, 165 billion URL index), your link count totals will likely be much smaller, even if you've grown your link building efforts. Below is an example of the numbers for various Seattle startups across May's larger index and July's smaller one: Note that, as one might expect, link counts are between 50-75% of their former value. This percentage will be lower for sites that get many links from the far corners of the less-traversed, less-popular pages and sites on the web, and higher for sites with links from more popular/well-linked-to sites and pages. We're working hard to grow index size in the future back up to 100Billion+ URLs. Our crawlers can already handle vastly more, and it's just the unreliability of Amazon's hardware that holds us back. Our engineers and sysops folks are working around the clock to get there as soon as we can. We've also done some work recently to update the scoring systems for the Keyword Difficulty/SERPs Analysis Tool. You'll know see a more accurate and usable algorithm applied to results where very fresh pages are ranking, e.g. news, sports, trending topics, etc. Here's an example query that previously would have produced a keyword difficulty score of 1: Libor Rate Scandal was a SERP that until a few days ago, had virtually no traffic and very different results. All of these pages are ones that have been produced in the last day or two, and thus don't have Page Authority scores. However, the Domain Authority is now being used to help calculate KW difficulty, which should seriously help those of you who analyze fresh results. The next 2-4 Mozscape index updates will continue to be on AWS, but we're now running 3-4 indices in parallel (which costs a fortune, but gives us fallback options if/when Amazon's failures lose an index or massively delay it). In the next 3-4 months, we hope to be operating indices off our new hybrid cloud environment and see much greater reliability, which will enable us to produce larger, fresher and more consistent updates.

Alex King: Add a Preview Button to the Fullscreen Editor in WordPress

I really like the fullscreen editor in WordPress. I use it nearly all of the time when composing long-form content, often in conjunction with the excellent Markdown on Save plugin by Mark Jaquith. It has always bugged me that there wasn’t a Preview button in the fullscreen mode toolbar. Problem solved. View the code on Gist.

Web Domination eBook

I was recently interviewed for the eBook ”Web Domination: 20 Masters of the Web Reveal Everything You Need to Know to Create a Successful Company Online.*” The eBook / course has been put together by Michael Dunlop of IncomeDiary.com who over eight months, has managed to make 20 marketing experts share their secrets on how they became extremely successful business owners. What Michael asked of me was focused more on web design for online businesses and included tips on: The Design Process The Designer’s Toolkit What Makes Good Design Designing to Convert Colors & Branding Working with Designers Web Design Trends I’ve received a review copy of the ebook and can say it lives up to its name. I highly recommend worth checking it out. It’s on sale for $47 right now, and there is 60-day money back guarantee. More details can be found on the sales page*. I’d be interested to hear your feedback if you do buy it. Thanks! *Aff © This article is copyright of JUST™ Creative and should not be found elsewhere.

Are web apps accessible enough to replace desktop applications any time soon? | Marco’s accessibility blog

I know, reflections on things usually happen at years-end time, but to be honest, this blog post has been in my head for the last two-and-a-half years, and has thus “seen” a number of year-ends, so I felt that it’s now finally time to put it in writing. I’ve been with Mozilla since December of 2007 and have seen quite a number of things happening since I started. But has all this really managed to revolutionize the way we use the web if we require accessibility to do so? Has the web really grown to become a full desktop application replacement? It saddens me to say this, but no, it hasn’t, at least for me. And why is that? Because of the efficiency I can get work done in desktop and even mobile applications over that of their browser-centric counterparts. Let me give you a couple of examples: Despite my bang-up review of the Yahoo! Mail upgrade and its truly desktop-like touch and feel, I haven’t switched to it, primarily because I use so many e-mail accounts from other providers with folders/labels and what not, that I didn’t want to switch it all to pop-mail and thus lose the easy access to them from all my devices. Aside from Yahoo! mail, there is no compelling web mailer that I could conceivably imagine using. GMail is by far not ready for productive use for a person using a screen reader and keyboard only, except maybe if you want to tie yourself to Chrome and ChromeVox and deal with the hassle of switching back and forth between that and your screen reader which you need to turn off for this to work seamlessly. The web mailer of my self-hosted domains is not even close to being called a web app, with everything loading as a separate document and such. And don’t even get me started on the web mailer that’s driving my Mozilla.com e-mail address! That thing was coded in the early 2000s, when there was no ARIA around, and hasn’t been upgraded ever since. And every web developer knows: Crafting accessibility onto something in the aftermath is always a lot harder and more costly than implementing it right from the start. So should there ever be a re-write of the Zimbra webmail interface, I sincerely hope it’ll be done with accessibility in mind from the start! For E-Mail, which is still the primary source of business communication, for me there simply is no alternative to a native desktop or mobile client. Everything else simply takes too long to get to and to use in a productive manner. Side note: Even Apple still thinks this way. Why else would they have included a new feature in OS X Lion that, once you sign into certain web sites using Safari, offers you to set up e-mail, calendar, instant messaging, and contact accounts for this particular log in automatically? If you follow my Twitter account, and you watch the applications I tweet from, you’ll hardly ever see “Web” in the applications. Instead, you’ll see Mac and iOS clients, and sometimes the EasyChirp web client, which is a fully accessible web interface for Twitter. And why do I use these native desktop and mobile apps so much more than EasyChirp or even the Twitter web interface? Again because of efficiency. In Yorufukurou, which is the only current accessible Mac client, it takes me exactly one keystroke from the list of tweets to either reply to a tweet or start a new one, and a press of to send off that tweet to the world. In the first case it’s , in the second it’s . Reading a tweet is simply one key press away in the up or down direction. On iOS, my primary mobile OS, it’s a swipe left or right for the previos/next tweet, a double-tap and hold, plus the chosing of an action to start a reply, and the simple tap and double-tap of a button in the upper right-hand corner of my tweets window to start a new tweet. In Firefox using EasyChirp, the sequence is as follows. This is assuming I have EasyChirp in a pinned (or app) tab which means it automatically loads when I start Firefox: Anyone kept count? And this is with an accessible web application! And it doesn’t even take into account that it doesn’t really keep your reading position. In other words, If I come back three hours later and have to re-sign in and the timeline comes up, there’s no way to get back to the point where I left off reading the newest tweet to read back in chronological order. My desktop app can simply sit there, collect the new tweets while I do something else, and when I come back, I can simply arrow around to read the tweets in a chronological order. My mobile client uses the TweetMarker service to remember where I left off and can start from there upon next launch. I very recently became a big fan of FlipBoard for reading my daily news items on the iPhone or iPad. There is, I believe, no web app that can even come close to providing me with that level of comfort. I’ve tried various feed reader extensions for Firefox, I even tried coping with Google Reader, but this, again, only works well if you’re willing to use Chrome and ChromeVox, other browser/screen reader combinations are limited by the techniques they’re using which appear to be specifically tailored towards Google’s own offerings. BTW: There’s not even an app on Mac or Windows that gives me such a reading and usability comfort as FlipBoard does. I am currently switching a community from a privately run mailing list to a web forum. I want to get rid of the ugliness that is the Mailman archive for that mailing list, to a properly threaded and manageable way of organizing that community. But to allow easier access from iOS and Android phones, my forum supports the apps Forum Runner and TapaTalk. Why? Because reading a web forum in a mobile browser is usually not much fun. With all the browser UI in the way, and all the baggage forums keep around, it’s hard to focus on the important. Those apps give a much cleaner, less fragmented and thus more efficient user experience to the forum than any current web offering could provide the user base, myself included. There are a lot of things that are in the way of a good user experience especially for keyboard and also for screen reader users. Let me highlight a couple of them: All the above examples showed one thing clearly: The web is a mostly mouse-driven place. You can get very far with little effort if you only consider mouse users in your design approaches. As soon as you take keyboard users into account, things become much more complicated. For one, you need to think about a sensible tab order. Second, you need to make sure keyboard focus is always visible so users know where they are. And with the keyboard, it’s less easy to ignore the surrounding browser UI, because keyboard focus may sometimes be there, not in the web content for one reason or another. Yes, that’s right! While there are quite a number of things to easily get right, like making sure your images have alternative text, or providing proper labels for inputs by correctly associating labels with the inputs via the for/id combo, there are other things that can go wrong very easily. This ranges from properly hiding content from the view port that you want the screen reader to read anyway, to very complex tasks like making rich widgets accessible via HTML, JS, ARIA and CSS. And here’s one of the big problems: The matter is so complex that not even those who create the standards get the specs done easily. ARIA 1.0 has been in last-call review state three times I think, and it is still not at final 1.0 state. HTML5 accessibility is going through morphs, removed and added-back elements, heated arguments and what not, and is a very hard matter to get one’s head around, especially if you want to get involved. There are historic design choices that stick with us like a basic MS_DOS kernel sticks with current versions of Windows, which make web developers’ lives unnecessarily complicated. Recently, I was asked why, for example, the primary source for an image has to be the alternative text (alt-attribute), if using the title-attribute would have the benefit of providing sighted people with a visual queue to what a particular item means as well. Guess what: I had no good answer for him. That’s right! Providing accessibility for those mobile operating systems is, in many cases, a piece of cake. Apple, and lately Google, too, have crafted their native widgets with so many features that it makes it very easy to provide a visually compelling, yet fully accessible user experience. Take the above mentioned FlipBoard as an example. If you watched the iOS Accessibility track at WWDC 2012, you will have seen that the presenter made a game fully accessible that requires one to drag “weapons” to moving targets on a playing field, with little more than twenty(!) lines of code. TWENTY lines! Side note: Mac accessibility, if done with COCOA widgets and custom views derived from them, is not much harder to make accessible. On the other hand, like with many other pieces of the puzzle, web developers have to deal with different implementations of accessibility features across browsers and even some assistive technologies on all platforms. The web is, despite all efforts, a very incoherent place, not only, but also, in accessibility matters. And this, I believe, is one of the primary reasons that the WebAIM screen reader survey #4 still shows no significant increase in people’s perception that the web has become a more accessible place over the past three to four years. There are just so many stepping stones and loopholes that often leave web developers frustrated. Others, although this number is shrinking, aren’t even aware of the different web accessibility efforts and need to be taught from the ground up. This primarily applies to Windows, where the accessibility API architecture requires two modes: One for browsing, one for direct interactions with web content. Users have to remember to switch between these modes in many cases, and the browsing mode usually nukes out all custom keyboard shortcuts that the web site may define for other keyboard users. There is a role for such web content called “application”, but this is better used cautiously, as this blog post and the comments below it show. Yes! Despite all this demise, there have been improvements. jQueryUI is continually adding accessibility to their widgets. Yahoo’!'sYUI has had improvements added for years, too. Dojo Toolkit was the prototyping project for many ARIA-enabled widgets. CKEditor is a fully ARIA-enabled WYSIWYG editor. All these have emerged or vastly improved since I started working at Mozilla in December of 2007. One of my projects over the next couple of months is to make sure that the Firefox OS UI and the building blocks for app developers for Firefox OS are accessible, so whatever apps that are built from standard UI components, will have accessibility built-in. I will continue to provide advice, articles and views on the topic of web accessibility and the way it may, or may not, evolve to become a true desktop replacement platform for all users. As I recently said to David Bolter, I love my job. I could see all the above as demotivating factors and think all web accessibility efforts are in vain. But I’m not that kind of person! I, instead, take this as motivation to help drive efforts forward, home in on issues and fix them, and make the web a better place for everyone if I can. And that’s a promise! I know, reflections on things usually happen at years-end time, but to be honest, this blog post has been in my head for the last two-and-a-half years, and has thus...

Blow Up the Web With ‘Font Bomb’

Wired.com Font Bombed. Image: Screenshot/Webmonkey. We’ve already showed you how to turn any webpage into a game of Asteroids; now you can add Font Bomb to the list of ways to destroy text of the web. Font Bomb is a fun little JavaScript bookmarklet you can use to plant bombs all around a webpage. Just drag the bookmarklet to your bookmarks bar and then head to a page you want to destroy. Click the bookmarklet and then start clicking anywhere on the page to plant bombs. Then, thanks to a little magic from CSS 2D Transforms, the text starts flying — perfect for a little Friday afternoon amusement. (It’s also not a half-bad way to take out some frustration on trolls: Don’t feed them, just blow up what they wrote and move on.) Font Bomb was created by Philippe-Antoine Lehoux. The code is available on GitHub (CoffeeScript) and there’s some discussion on Hacker News if you’d like to know more.

Opera's 'SPDY' Sense Tingling in Labs Release

The latest Labs release of Opera’s flagship desktop web browser adds support for the nascent SPDY protocol. You can download the latest Opera Labs build for Windows 32-bit, Windows 64-bit, Mac and Linux from Opera. SPDY, pronounced “speedy,” is a replacement for the HTTP protocol — the language currently used when your browser talks to a web server. When you request a webpage or a file from a server, chances are your browser sends that request using HTTP. The server answers using HTTP, too. This is why “http” appears at the beginning of most web addresses. The SPDY protocol handles all the same tasks as HTTP, but SPDY can do it all about 50 percent faster. SPDY started life as a proprietary protocol at Google and worked only in the company’s Chrome web browser. SPDY has since won support elsewhere, with Firefox and Chrome already shipping with SPDY built-in. Opera hasn’t announced when SPDY support will arrive in the stable release, but when it does the majority of browsers on the web will support the SPDY protocol. The major missing player is Microsoft, which has proposed a slightly different take on the same ideas behind SPDY. Which one becomes an official standard is up to the Internet Engineering Task Force (IETF), which is in the process of creating HTTP 2.0, a faster, modern approach to internet communication. To notice any SPDY-related speed improvements in the latest version of Opera Labs you’ll have to connect to SPDY servers. Although not yet widespread, SPDY is already enabled on some very large sites, including Google’s main search page, Gmail and Twitter among others. Also, note that you don’t need to type spdy://somesite.com. When the browser uses SPDY it all happens transparently behind the scenes. If you’d like to get your own site serving over SPDY, check out mod_spdy, a SPDY module for the Apache server (currently a beta release) or read up on Nginx’s preliminary support. Powered By WizardRSS.com | Full Text RSS Feed | Amazon Plugin Wordpress | Android Forums | Wordpress Tutorials

An Introduction to Views & Templating in CodeIgniter

Views are a key ingredient in any MVC application, and CodeIgniter applications aren’t any different. Today, we’re going to learn what a view is, and discover how they can be used to create a templating solution for your CodeIgniter projects. The first part of this tutorial will educate complete beginners to CodeIgniter on what a view is, and how to use them in a typical application. The second half will discuss the motivations for finding a templating solution, and guide the reader through the necessary steps for creating a simple, yet effective templating library. Interested? Let’s get started! What is a View? Views are special files used in CodeIgniter to store the markup outputted by the application, usually consisting of HTML and simple PHP tags. “A view is simply a web page, or a page fragment, like a header, footer, sidebar, etc. In fact, views can flexibly be embedded within other views (within other views, etc., etc.) if you need this type of hierarchy.” Views are loaded from within controller methods, with the content inside the view subsequently displayed in the browser. How to Load a view To load (and display) a view in CodeIgniter, we use the built in Loader library. $this->load->view('hello_world', $data, true/false); This single line of code will tell CodeIgniter to look for hello_world.php in the application/views folder, and display the contents of the file in the browser. Note that CodeIgniter allows you to exclude the .php suffix, saving a few keystrokes when typing the view’s filename you wish to load. The second parameter, $data, is optional and takes an associative array or object. This array/object is used to pass data to the view file, so it can be used or referenced within the view. The final optional parameter determines whether the view’s contents is displayed in the browser window, or returned as a string. This parameter defaults to false, displaying the content in the browser. We shall see later in the tutorial how this parameter can be used when creating a templating solution. Creating & Displaying a View To setup our first view, create a new file called hello_world.php in application/views and write the following simple HTML within: Hello World!

Hello world!

Now to display this view in the browser it must be loaded within a Controller method, using the aforementioned method. So let’s create a new Controller file called hello_world.php in application/controllers and place the following code within. From within this controller, we shall load the newly created view. load->view('hello_world'); } } Pointing your browser to http://your-ci-install.com/index.php/ will now result in the HTML in application/views/hello_world.php being outputted in the browser. You have successfully loaded a view! Loading Multiple Views Splitting a view into several files makes your website easier to maintain and reduces the likely hood of duplicate code. Displaying a single View is all well and good, but you might want to split the output into several, distinct files, such as header, content & footer views. Loading several views is achieved by merely calling the $this->load->view() method multiple times. CodeIgniter then concatenates the content of the views together before displaying in the browser. Create a new file called header.php in application/views and cut & paste the first few lines from our original hello_world.php file in. Hello World! Similarly, create another file called footer.php in application/views and move the last two lines of hello_world.php in. This leaves the hello_world.php view file just containing our page content.

Hello world!

Now to display the page again, we have to load all three views (header.php, hello_world.php, footer.php), in order, within our controller. Re-open application/controllers/hello_world.php and add the new $this->load->view() calls above and below the existing one. load->view('header'); $this->load->view('hello_world'); $this->load->view('footer'); } } Because the header and footer views are now separate from the hello_world view, it means that they can be used in conjunction with any other views in the website. This means the code within the header & footer files don’t need to be copied over into any other views in the project that require this code. Obviously this is a huge benefit as any changes to the HTML or content in the views, e.g adding a new stylesheet to the header, can be made to only one file, and not every file! Using Data From the Controller in the View Now, we’ll look at passing data from the controllers, so they can be used or outputted inside the view. To achieve this, we shall pass an associative array, $data as the second parameter in the $this->load->view() call. The values of this array will be accessible within the loaded view as variables, named by their respective keys. $data = array( 'title' => 'Hello World!', 'content' => 'This is the content', 'posts' => array('Post 1', 'Post 2', 'Post 3') ); $this->load->view('hello_world', $data); The above code will give the variable $title the value ‘Hello World!’ inside the hello_world view. How to Use Variables in Views Once we have passed our data to the view files, the variables can be used in the usual way. Typically, the view file will use the passed data to: Display a variable’s value Loop through arrays or object properties Use conditional statements to show, or hide markup I shall run through quick examples of how to do each. To display a variable’s content use the simple and familiar, echo statement:

Looping through an array, or object, is a common task in view files, and can be achieved with a foreach loop:

Simple conditional statements can be used in view files to slightly alter the output, depending on the data passed. In general, you want to keep the use of conditional statements in views to a minimum, as overuse can lead to complicated view files, containing “business logic”. Splitting the view into different files, and deciding which is to be shown in the controller, is much more preferable.

Please login

The above example will either show a “Welcome” message, or a request for the user to login, depending on the value of $logged_in (true/false). Templating in CodeIgniter We’ve seen how splitting views into separate, smaller files can help organize and reduce the number of files in your CodeIgniter projects, but now multiple load view calls need to be made each instance a page is displayed. Let’s assume that you have separate header and footer views, which are used to form a template. Every instance in the project where you wish to load and display a page using this template, three view loads have to be called. Not only can this clutter your controllers, but it results in a lot of repeated code – exactly the thing we wished to rid ourselves of by splitting the files up. If you want to add extra markup to this template now, for example a sidebar menu. It could go in the header view, but it is more suited to be in its own separate view. Adding this new view to the existing template means going through each instance of the view loads, and adding another in. This can get messy fast. We need a way to be able to embed view files that display individual page content, inside a template, without repeating code, and one that allows for modifications to be made to the template easily, and efficiently. The following steps will guide you through creating a simple CodeIgniter library that fulfills these needs, as well as: Enforcing a predictable and maintainable directory structure for your views Allowing for multiple distinct templates to be used Cutting down loading a page view to just one line of code Once the library is written and in our CodeIgniter tool belt, we shall be able to display a templated page like so: $this->template->load('template_name', 'body_view'); Much nicer! Our templating solution will use view files which contain the full markup of a template, with a placeholder for another view file (with the page content) to be embedded within. The placeholder will actually just be a variable named $body. When loading a templated view with our library, the content of the appropriate body view file will be assigned to this $body, embedding the view within the the template. Step 1: Setting Up the Directory We want to enforce a sensible, and predictable directory system for our view files to be housed in, so that our views are: Easy to locate Easy to determine which area of the application they belong to Easy to maintain Our directory system will also allow the library to cleverly determine where to look for view files, cutting down on the amount of code needed to load a templated view. Create a new folder inside the application/views directory and name it templates. This folder will hold the different template views. Step 2: Creating the Library Libraries in CodeIgniter are just PHP classes and are loaded into Controllers much like views are. $this->load->library('class_name'); Custom libraries you use in your CodeIgniter projects are stored in the application/libraries folder. To start writing our templating library, create a new file in this folder called Template.php, and place the following code in: ci =& get_instance(); } } The above code defines a new class, or library, named Template and the __construct() method within. This method assigns the CodeIgniter super object to the $ci class variable , allowing all of CodeIgniter’s resources to be used by replacing $this with $this->ci in the usual method calls. When the library is loaded in the CodeIgniter framework, the __construct() method is automatically called. Writing the Load Method Now we shall write the method to actually load a template view. We want to pass up to three parameters to this function: The template name The body view name (optional) The data to be passed to the views (optional) The result of this method being called, will be the template view being displayed in the browser, with the body view being embedded within, if one is supplied. Underneath the __construct() method, place the following code: function load($tpl_view, $body_view = null, $data = null) { if ( ! is_null( $body_view ) ) { if ( file_exists( APPPATH.'views/'.$tpl_view.'/'.$body_view ) ) { $body_view_path = $tpl_view.'/'.$body_view; } else if ( file_exists( APPPATH.'views/'.$tpl_view.'/'.$body_view.'.php' ) ) { $body_view_path = $tpl_view.'/'.$body_view.'.php'; } else if ( file_exists( APPPATH.'views/'.$body_view ) ) { $body_view_path = $body_view; } else if ( file_exists( APPPATH.'views/'.$body_view.'.php' ) ) { $body_view_path = $body_view.'.php'; } else { show_error('Unable to load the requested file: ' . $tpl_name.'/'.$view_name.'.php'); } $body = $this->ci->load->view($body_view_path, $data, TRUE); if ( is_null($data) ) { $data = array('body' => $body); } else if ( is_array($data) ) { $data['body'] = $body; } else if ( is_object($data) ) { $data->body = $body; } } $this->ci->load->view('templates/'.$tpl_view, $data); } The above code begins by checking if the $body_view parameter was supplied to the method. This variable will hold the name of the view to be used as the body in the template view. if ( ! is_null( $body_view ) ) If the parameter is supplied, a series of file_exists checks are made to try and locate the view file within our directory system. if ( file_exists( APPPATH.'views/'.$tpl_view.'/'.$body_view ) ) { $body_view_path = $tpl_view.'/'.$body_view; } else if ( file_exists( APPPATH.'views/'.$tpl_view.'/'.$body_view.'.php' ) ) { $body_view_path = $tpl_view.'/'.$body_view.'.php'; } The code first tries to locate the view file inside of a folder with the same name as the template in the application/views folder. This is useful if sections of your project are drastically different from others, and use different templates. In these circumstances, it makes sense to group these view files together. For example, a lot of websites display a different template for distinct sections, such as blogs. In our system, the blog view files can be placed inside the application/views/blog folder, seperating them from the main site views. If the view file cannot be located in this folder, .php is appended to the end of the filename, and the check is made again. This is simply so .php can be excluded like the native $this->load->view() call. If the file can still not be located, further checks for it’s location are made. else if ( file_exists( APPPATH.'views/'.$body_view ) ) { $body_view_path = $body_view; } else if ( file_exists( APPPATH.'views/'.$body_view.'.php' ) ) { $body_view_path = $body_view.'.php'; } else { show_error('Unable to load the requested file: ' . $tpl_name.'/'.$view_name.'.php'); } This time, the code checks if the view file is located inside the application/views folder, and once again, if it cannot be found, appends .php and checks once more. If the file is located in one of these places, the path is assigned to $body_view_path, otherwise an error message is thrown using the show_error() function built into CodeIgniter, and the script is terminated. If the body view file was successfully located, the contents is assigned to the $body variable. $body = $this->ci->load->view($body_view_path, $data, TRUE); We pass the $data parameter (null if not supplied) to the view load call, and set the third parameter to true to return the view’s output as a string. We now add this $body variable to the list of data in $data so that it can be embedded in the template view when it is loaded. if ( is_null($data) ) { $data = array('body' => $body); } else if ( is_array($data) ) { $data['body'] = $body; } else if ( is_object($data) ) { $data->body = $body; } If $data was not supplied to the load() call, $data is assigned to an array containing $body under key body. If the parameter was supplied, $body is added to the list by either assigning it to an array key, or object property, both also named body. The $body variable can now be used in template view files as a placeholder for embedded views. The last line of our method loads the template view file from the application/views/templates folder, and passes the $data variable in the second parameter. $this->ci->load->view('templates/'.$tpl_name, $data); And that’s it! The library can now be put to use. Using the Library To start using our library, let’s create a template view, named default.php in application/views/templates, and place the following HTML/PHP inside: <?php echo $title; ?>

Default template

In this template, we reference two variables, $title and $body. Recall that in our template files, $body serves as a placeholder for an embedded view. We shall now make another view to be embedded inside this template. Create a new file named content.php in application/views/ and place this simple HTML inside:

Hello world!

We are now ready to load the templated page view from within a controller. Inside any controller method, place the following code to display the content view, within the default template. $data = array( 'title' => 'Title goes here', ); $this->load->library('template'); $this->template->load('default', 'content', $data); Note: the library has to be loaded in before you can call the load method. To save yourself loading the library every time a template view needs to be displayed,autoload the class by adding it to the array of libraries in application/config/autoload.php. If instead of a view file, you want a string to be embedded in the template, simply assign the string to the $data array using the key body, and pass null as the second parameter in the load call. $data = array( 'title' => 'Title goes here', 'body' => 'The string to be embedded here!' ); $this->template->load('default', null, $data); Quick Tip I’ve found that grouping view files in folders by the controller, and even method, they belong to, really helps keep my views organized & easy to locate. Organizing your views in this way results in the directory structure closely following the URL schema of controller/method. For example, say your project has a controller named Members, containing method list. An appropriate location for the list view file would be in application/views/members, or application/views/members/list, if this method loads multiple views. This view could then be embedded into a template using our library with the following code: $this->template->load('template_name', 'members/list'); Conclusion The templating solution discussed in this tutorial is just one of a plethora of different ways to achieve templating in CodeIgniter. You should hopefully now know what views are, and how to use them effectively – and efficiently – in your CodeIgniter projects. The templating solution discussed in this tutorial is just one of a plethora of different ways to achieve templating in CodeIgniter. There are a number of different approaches, and I encourage you, reader, to research the other methods and determine which fits best for your projects. If you have any comments or questions about the tutorial, or any insights on different templating solutions, please leave a comment below! Thanks for reading.

55 Useful Tutorials For Creating Business Cards and Free PSDs

Designing an effective and professional business card is not an easy task. A designer must have insightful knowledge about the process of developing professional looking business cards. Furthermore, for the beginners, it is one of the trickiest things to accomplish. Here we have a list of some tutorials that will help you learn how to create impressive business cards, as well as showcasing some creatively designed free business card templates PSDs. In these tutorials, you will not only learn the techniques required to design business cards, but will also learn some basics about layout and how to get a file ready for print. Enjoy! 1. Cardboard and Torn Paper Business Card In this Advanced Photoshop tutorial we’ll create a nice cardboard effect and play with a neat torn edge effect. 2. Design a Print Ready Business Card for Designers Follow this walk-through in Adobe Photoshop, Adobe Illustrator and Adobe InDesign to create your own double-sided business card, resulting in a print-ready file to send to your favourite print firm. 3. Design a Cool and Original Jean Style Business Card This tutorial will guide you through the process of designing a professional jean style business card. The tutorial features some great techniques, effects and layer styles which you can use over and over for future projects. 4. How to Design an Abstract Business Card in Photoshop In this tutorial we will teach you how to design an abstract business card using a combination of Adobe Illustrator and Photoshop. We will be using Photoshop as a base for our business card, all whilst using Illustrator to create some clean, abstract shapes. 5. How To Design a Print Ready Die-Cut Business Card Need a new set of business cards? Follow this step by step tutorial to create a cool business card design in Adobe Illustrator. We’ll begin creating the vibrant pattern effect, then we’ll layout the contact information and set up the final print ready file ready for sending off to your chosen print firm. 6. Create a Molten Chocolate Business Card in Photoshop In this Photoshop tutorial we’ll design a single sided business card that features molten chocolate as a background image using Photoshop and get it ready for print. 7. How to Make a Space-Themed Business Card Learn how to design an alluring space-themed business card that is out of this world. With this tutorial, you will learn how to create a space backdrop with stars and stardust (all from scratch), utilize great light effects and how to stylize text. You will be surprised to find out that we will only use basic Photoshop tools and techniques. 8. How to Make Photographic Negative Business Cards The creative photographic negative business card idea. Here we are going to share exactly how it was made in case you want to make your own. 9. Making a Print-Ready Business Card using only Photoshop Design a simple business card in Photoshop and get it ready for print with crop marks and bleed. Normally you’d do some of this with a tool like InDesign, but it is in fact possible to get by with just our trusty old Photoshop. 10. Create a Slick Business Card Design with Stunning Typography Whatever profession you’re in, there’ll come a time when you’ll need your own business card. This graphic design tutorial will show you a way to create a standard two-sided business card design in Adobe Photoshop that you can take to your printer. 11. How to Create a Sweet Bokeh Business Card in Photoshop In this Photoshop tutorial we’re going to learn how to create a double-sided business card that features Bokeh and abstract effects. We’ll also create many different color schemes for it. So, let’s get started! 12. Creating a Cartoony Print-Ready Business Card in Photoshop In this tutorial, we are going to learn how to create a print-ready business card in Photoshop. Designs made for printing have to be prepared in a special manner. Before sending to the printer, it’s best to make sure that your file is ready so you can avoid all the hassle of redesigning, or better yet, the anguish brought by a printing disaster. 13. Creating a Colorful Vibrant Business Card In this tutorial you will learn how to Create a Colorful Vibrant Business Card. 14. Create A Retro Inspired Business Card In this tutorial Kendra Gaines will be running you through creating a beautiful retro business card in Photoshop. Its a detailed tutorial focusing on all the aspects of the design and creation. Let’s find out how Kendra did it. 15. Making a Grungy Business Card There are many different ways to attack a business card design. Clean and corporate is always nice. But why not get a little wild? This tutorial will walk you through setting up a vertical grungy business card template, front to back and ready to print. 16. Business Card Design Project Walkthrough Let’s look at a process for creating the concept of business card, resulting in the finished printed product. 17. Creating a New Web 2.0 Business Card Creating business cards is not as easy as some people think; actually it’s pretty hard to condense our business to the size of a business card. 18. Red Business Card In this tutorial you will learn how to create an amazing red textured Business Card design. 19. Design a Dirty Business Card We’ll create a simple textured business card. The basic guidelines should be kept for printing and user-friendly to the print media and client. 20. Create a Business Card in Illustrator In this detailed tutorial we will create a business card in Illustrator and print it with UPrinting. 21. How to Impose Business Cards for Digital Printing with InDesign Sometimes you find yourself in a situation when your client needs to quickly print some business cards and you are the one who gets to do it. In this tutorial you will learn how to quickly and effectively impose business cards without using any paid imposition plug-in, using some basic InDesign functions and just a few clicks. 22. Designing a Business Card with InDesign CS5 In this tutorial we are going to take a business card design from initial concept to preparing the file for print. So whether you need a business card for yourself or a client read on. 23. Unusual Business Card Here is an especially useful tutorial about how to create an unusual business card. I hope it will be very interesting to you. 24. Create a Fun Print-Ready Doodled Business Card Design In this tutorial we’ll be drawing our doodles directly in Illustrator, and using the application’s print abilities to set up our business card document with the correct margins and bleed to build a complete print-ready PDF document. 25. Create a Retro Grunge Style Business Card Learn how you can create a cool old grunge looking print ready business card in Photoshop and also learn some techniques which you can use in your future designs. 26. Designing a Professional Business Card A professional business card is vital to successfully represent your business. PSD Nation has created an easy-to-follow tutorial showing the steps to create a fantastic business card. 27. Design a Slick Business Card In this tutorial we are going to show you how to design your own double-sided business card in Photoshop and get it ready for print. 28. Design a Unique Business Card Learn how to design a cool business card that’s print ready in Illustrator and Photoshop. 29. Create a Stylish Business Card in Photoshop In this tutorial we are going to create a stylish looking business card in Photoshop. Its an very easy and simple tutorial to understand. 30. How to Create a Stylish Business Card Template Following this tutorial you’ll be able to understand the architecture of this business card design and create a personalized version for yourself. 31. Make a Swiss Design Inspired Business Card In this print design tutorial, you will witness a process for creating Swiss Style themed business cards using Adobe Illustrator and some tools and items that you can easily obtain from your your local office supply store (or online). We’re going to go through setting up Illustrator for designing a business card template, as well as how to print the template on business card stock. 32. Business Card Design Walkthrough In this tutorial, we will be giving you a walk through on the entire business card design process. 33. Business Card Tutorial In this tutorial you will learn how to create a beautiful business card with just Photoshop. 34. What makes a good business card? In this article you will learn some useful techniques on how to design a business card. 35. How to Create a Nebula Background Business Card In this tutorial we will learn how to create a dark nebula background visiting card. 36. Business Card Tutorial in Inkscape This tutorial will demonstrate how to create a business card template using Inkscape. 37. How to Design Your Business Card This article will cover some best practices on the basics of business card design. 38. Cool Business Card In this tutorial you will learn how to create a beautiful business card in Photoshop. 39. Making Creative Business Card Are you interesting how to make creative looking business card in a few steps? Be sure, it will take five minutes maximum! 40. How to Design Business Card This tutorial will cover something different, you will learn how to create an attractive business card. 41. Grungy Business Card Running out of ideas? Here’s a good one; a business card with a cautioning pattern. It’s relatively easy; give it a try. Free Business Card Templates PSD’s: 42. Technix Business Card 43. Free Modern Business Card 44. Psd Business Card Mock-Up 45. Brown Retro Business Card 46. Free Business Card PSD 47. Psd Business Card Mock-Up 48. Business Card PSD Templates 49. Modern Business Card 50. Vintage Business Card PSD 51. Business Card PSD template 52. Corporate Business Card 53. Clean Business Card PSD 54. Deviant ID Card Template 55. 4 Asian-Inspired Personal Business Cards Templates Conclusion: Here we have showcased a useful collection of professionally designed tutorials on how to make effective business cards. We hope that this collection will help you in creating unique and effective business cards. Do let us know what you think about this compilation. Feel free to share your opinions and comments with us via comment section below. Scroll through our amazing collection and be inspired to create your own business cards, as well. Have fun!!

Leveraging the Power of Slide Decks to Boost your SEO, Social + Content Marketing - Whiteboard Friday

Posted by randfish In this week's Whiteboard Firday, we are going to be discussing how you can use slide decks for web marketing. I've been leveraging the power of slide decks for quite some time now and would like to share a little bit about what I have learned. Please share some of your own tips about using slide decks for SEO, social and content marketing in the comments below. Happy Friday everyone! wistiaEmbed = Wistia.embed("ea1e814fc6", { version: "v1", videoWidth: 600, videoHeight: 338, controlsVisibleOnLoad: true }); Wistia.plugin.socialbar(wistiaEmbed, { version: "v1", buttons: "embed-videoStats", tweetText: "" }); Video Transcription Howdy, SEOmoz fans. Welcome to another special edition of Whiteboard Friday. This week we're talking about slide decks. A lot of folks talk about how different sorts of content can be used, can be powerful on the Web for content marketing, for SEO, for social. Slide decks are a particularly powerful and useful piece and one that I've made great use of and I've seen used in lots of different spheres. I think it's actually underpowered, and I think it's what I'd call underexploited or underused on the Web today, particularly in industries outside of technology. Slide decks are easy for virtually anyone to see. They're a simple, powerful way to present content. You can present visual content. You can present charts and graphs. You can even embed video. You can do all sorts of stuff, and they are easy to make possible because you can screen capture elements from all sorts of websites and then quickly show attribution. If I want to say, "Hey everyone, here's how you do keyword research, and here's to watch out for the exact match portion in the AdWords tool," I can screenshot AdWords. I can screenshot the exact match. I can point that out. I can make that very visual and compelling, and I can have a progression that tells the story. This is a great way to show off not just technical stuff, but anything where there's photography, where there are visuals, where there's information that lends itself to a narrative format. This common format that slide decks have, usually PowerPoint, is something that all readers can download and share, and that's another excellent thing because it gives your content the ability to spread further and wider. I'd use this in all sorts of places. I recommend using it on the slide sharing platforms, we'll talk about those, embedding it in content that you've got on your site, possibly making specific landing pages for it. If you're tape recording or videoing audio over it, then what you can do is you can add those in as webinars or viewable video. There are just a lot of options for this type of content. I wanted to provide some best practices and some tips that we've seen. A few things here. Number one, I want to talk about the process. Now, typically, what I recommend if you're doing a classic slide creation is to create your slide deck, upload it to one of these major services. SlideShare, Scribd or Docstoc, all of them have reasonably good audiences. My favorite right now is SlideShare, and the reason is that it's relatively easy if you get a decent presentation, get a good presentation, get it some traffic and attention awareness, particularly in the social world, so a lot of tweets, a lot of Facebook shares, a lot of LinkedIn shares. SlideShare will put content that does well on its homepage, and it can be featured and that means a lot more visitors who never would have seen your content otherwise. If you have a compelling title that's interesting to your particular audience and you've got a good first slide that captures the attention and awareness, even in the thumbnail format, you can do really, really well on SlideShare. This is true in Scribd and Docstoc as well. The other one I recommend is Box.net or Dropbox. You can upload and embed from those services, and remember, you don't just have to put the slide on these services. You can then embed on a page on your website if you want most of the traffic, the attention awareness, and the experience to be controlled and owned by you. We do this a lot. I'll upload to SlideShare with one title, and then I'll create a page on SEOmoz, just a static page, embed the slide there, and you can expand to whatever size you want, and then I'll make that the URL that's shared and that works tremendously well. Once you've uploaded, give your presentation publicly, whether that means it's a webinar that you do online, whether you're giving it in person. If you're not going to, you can skip this step. But if you do it, there's something really, really powerful being in front of even just a small audience, and that is you can do this. Once you start your presentation, say, "Here's my presentation. I've made all the slides available for download at this URL," and then you make a quick, easy to remember URL. I usually use bit.ly to shorten whatever the URL is so I can say it's at bit.ly/mytalk or bit.ly/inbound2012 or bit.ly/seoforstartups, and I've got a lot of these. This process is phenomenal because what you can actually do is get the audience to be sharing that content right away. Super, super cool. Now, when you do that, make sure that you don't just say, "Hey, here's my URL," but also say, "If you enjoyed this talk," so you have it at the start, you finish your presentation, you go to the end slide and you say, "If you enjoyed this talk, I would love if you shared the presentation download link on social media." Super cool way to go. Number three, you can use and reuse the slide on your website or blog in a post on a page through the embed and then invite others who see it there to be able to use the content, but they need to reference back to it. This is a great way to get something we all need - links. Number four, watch your stats. Watch your stats from your blog post, that kind of thing. Watch your stats on SlideShare Pro if you're using that. I've upgraded to SlideShare Pro so I can kind of see where things go and which presentations perform better, but they'll show you number of views regardless. From there, you can get a sense of what's performing well, what's not performing well. Keep doing the good stuff, not doing the bad stuff, and you can find other people's presentations and see, "Hey, what's been really successful for them?" Finally, a few tips for the slides individually. Number one, link to the content. Let's say I've got a slide here. See how I've got the URL below the graphic? That's what you really want to do, and you want that because that will send a lot of traffic. People were curious like, "Huh, where's that chart come from? What site information? How can I learn more about that?" Click. Now, they come to your website. Now, you've captured them there. Number two, let your slides do a lot of the storytelling work. If you're going to use this format, remember that the vast majority of people are not going to be in the audience listening to you as you present. They're going to be on the Web just looking at these slides, and so that means that you want to do number three, which is if you've got some extra narration work, some content that you need to say, let's say I've got a big visual, but I don't have any context for that, go ahead and put, you can put down here in the slide some text. Upload the version that has the text at the bottom. Present the clean version when you present in person, and this works phenomenally well, because then someone who's getting the slide will see that in there. They don't have to listen to any audio. If you can explain the slide in one or two sentences, that's perfect. Honestly, you shouldn't usually have slides that take 10 minutes to explain, 5 minutes to explain, a paragraph to explain. Finally, make sure you have your download URL on the first and last slide of the deck, like I mentioned, because if you do that, you can get people sharing at the start of your talk and people sharing at the end of your talk, and people will always be asking you for that download link. This is a great way to make sure that lots of people are reaching these pages and getting your stuff. Next week, I would like to talk with you about some of my tips for presentations, tips for building slide decks, tips for delivering presentations, and hopefully that will help. I'm even planning to send that video to the MozCon speakers. Hopefully, it will be some good stuff. Until then, hope to see lots more slide content from you all, and we'll see you again next week for another edition of Whiteboard Friday. Video transcription by Speechpad.com Sign up for The Moz Top 10, a semimonthly mailer updating you on the top ten hottest pieces of SEO news, tips, and rad links uncovered by the Moz team. Think of it as your exclusive digest of stuff you don't have time to hunt down but want to read!

Styles of Japan: A Showcase of Manga and Anime Illustration

Illustration is a field that is overflowing with imagination. From the various styles and mediums that illustrators have at their disposal, imagination seems to be about the only limit to their work. One area in particular that never seems to be lacking in imagination is the Japanese styles commonly known as manga and anime. While typically meaning forms of comics and animation, these terms have become somewhat encompassing for particular styles of art. And in both genres, the character work and often exciting, vibrant pieces are ones that do more than just reflect imagination, they exude it. So take a tour of this showcase we’ve prepared for you of manga and anime illustration to get inspired. Styles of Japan Cleared by nuriko-kun Sisters by Pyromaniac Jellyfish by cherriuki Anemone and Malevilla by laverinne Incandescence by JohnSu Kizutsuku by kandasama Newborn by Mezamero Witch of the East by Hachiimi -Broken but Loved- by naochiko The Lonely Prince by Muika-Miru I don’t cry by nuriko-kun deadB by Sakukko Bubbles by joodlez The Power of Goodbye by Yaoi-World commission – FruityStarburst by ruretto Greed by mou-S Dante VS Bayonetta by reiq Earthling by shirotsuki Snow + Ice by melodeiia Excuse me… by Doodlez-Freaky TraditionalArt vs. DigitalArt by namirenn Flowers 2 by Clavies First Sky by zetallis Marie’s Recital by oh8 – Fairy Comission — by Kurama-chan LG: Hachiimi by Doodlez-Freaky Wisteria mirror by BoryChan Remnants by shirotsuki strawberry swirlpop by punipunipon Diseased by InsaneAndroid Gem of the Forest by pastelAurora Penelope by Slugbox Liesbeth by BoryChan In the End Through their rich history, these two artforms have evolved and grown, and today are inspiring artists around the world. We hope that some of that magic was captured in this post and passed along to our readers. Did any pieces really stand out to you? Let us know below! (rb)

Giveaway 3x Lifetime Accounts of MailerLite

Advertise here via BSAThere are few email newsletters service provider available, however most of them are relatively expensive for individuals or small companies. MailerLite made email newsletters supper easy and affordable. MailerLite is simple and doesn’t have lots of fancy features. However, you can still get the most important features like Drag & drop editor, Subscriber management, Industry leading mail servers, Analytics and Reports. MailerLite operates globally and is used by more than 1000 customers from all over the world. MailerLite is very kind to giveaway 3x Lifetime Accounts (up to 10,000 subscribers) to our readers. Just leave a comment below in order to win this contest. MailerLite will pick 3 readers and announce the results on 13th July 2012. Best of luck. SponsorsProfessional Web Icons for Your Websites and Applications