50 Time-Saving Web Design – Developer Tools In our field it is important to know how to do specific tasks and use creativity to achieve our goals, however it is necessary to have the right tools in order to get our aims in a more efficient way. Here you have several tools for different steps on our daily work, from scratch to production: Mock Up Tools MockFlow MockFlow is an application based on Flash which allow you to create a wireframe with simple elements to develop a prototype so you can show your concepts to colleagues and clients. The points in favor to this service are a fast wireframing tool and its collaborative purpose. FrameBox FrameBox is a drag and drop application which aloud you making fast wireframes using ui elements, resize them and even you can set layout width for making low quality prototypes for responsive web design. Icons Iconizer This site has a collection of icons, you type on the search bar and then it retrieves you the result. Iconmonstr This is the right place for someone who is looking minimalistic icons.
Mobile Mobile is designed as a mobile-only HTML5 theme with a focus on clean, readable, usable display of content and accessibility of functions. You can use the base theme, use one of the included child themes, or make your own child theme. The intent here is to keep the theme clean, lightweight and simple. There are not oodles of custom variables, theme settings or extraneous stylesheets to manage. Highlghts Mobile 3.x branch is HTML5/CSS3, with support for most modern mobile browsers. Three Themes Mobile – Base theme focusing on layout and templates.Mobile Light – Some limited CSS for an aesthetically pleasing light-colored theme.Mobile Dark – Some limited CSS for an aesthetically pleasing dark-colored theme. See Branch 3.x Status, below, for important information. Drupal 8 In progress. Drupal 7 Branch 3.x (HTML5) Focus is on user-facing output. Features: Child Themes (new!) Mobile Light In development. Mobile Dark To come. Status The development snapshot is, well, in development. Branch 2.x Drupal 6
Learning WebGL A year ago, at a biggest-ever, record-breaking HTML5 Meetup in San Francisco all about WebGL, I predicted we were a tipping point; I think I was right. Let’s take a look at 2014, a banner year for 3D on the web! A Year of Great Content John Cale and Liam Young’s City of Drones brought together experiments in music and architecture; Isaac Cohen continued to blow minds with visualizations like Weird Kids and Webby; Google’s A Spacecraft for All chronicled the 36-year journey of the ISEE-3 space probe; and SKAZKA showed us an alternate world created by The Mill and powered by Goo. A Year of Killer Apps In 2014, WebGL made its mark– an indelible impression– on advertising, e-commerce, music, news and engineering. A Year of Pro Tools Goo, Verold, Turbulenz and PlayCanvas all made great strides with their WebGL engines and development environments. A Year of Gaming WebGL is definitely up to the challenge of creating high-quality MMOs. A Year of Virtual Reality A Year of Ubiquity
The Most Comprehensive Index Of Free Icon Fonts/Iconic Web Fonts - Functionn Updated: 15 March 2014 | Legend: * recommended , * new Index: BBC GEL Icons, Brandico, Ding Dongs, Ding Maps, Dingbests, Dot Com, Elusive Icons, Erler Dingbats, Evilz, Font Awesome, Foundation Icon Fonts 2 , GeoBats, Glyphyx, Grands, Guifx v2 Transports, Handy Icons, Hazard, Heydings Icons, IcoMoon, Iconic, ikoo Typo, JustVector, Ligature Symbols, Listicons, Meteocons, Modern Pictograms, Mun, Notice, OpenWeb Icons, Peculiar, Pictogramz, Pictonic, PulsarJS, Raphaël Icon Set, Santiago Icono, Signify Lite , Siruca Pictograms, Socialico, Sosa, StateFace, Symbly Lite, Symbolix, Symbol Signs, The Entypo Pictogram Suite, Travelcons, Typicons, Web Symbols Typeface, Zocial BBC GEL Icons – Free Iconic Web Font The BBC Global Experience Language (GEL) is a set of icons from the BBC which was originally designed to complement their website by supplying a new set of icons to provide a visual guide to navigation. Brandico – Free Iconic Web Font Ding Dongs – Free Iconic Web Font
Code School - TryRuby Good show, my friend! The join method took that list of reversed lines and put them together into a single string. (Sure, you could have also just used to_s.) Time for a quick review. Exclamation Points. Methods may have exclamation points in their name, which just means to impact the current data, rather than making a copy. Guess what? At this point, you may want to tinker with the poem a bit more. And now on to something new. bcosca/fatfree Ensure internal adoption with end-user training This week we'll learn about the importance of end-user training. In February, I'll write about modules you can use to customize the editor user experience in Drupal, and some news about initiatives in Drupal to improve the content administrator experience. Say you’ve built or purchased a flexible, extensible application with Drupal. Because Drupal is highly malleable, it’s likely a wholly unique custom system. A downside is that this leaves end users at a loss in terms of self-teaching. There's no doubt that Drupal 7 has greatly improved user experience, yet once you begin to customize it with new content types with multiple fields and custom workflows, it becomes another application altogether. Prepare for the end-user at design time: Recommended modules and techniques End-user experience is ideally taken into account at design time, yet too often site maintainers and content editors are not well-considered in the equation. Leveraging the power of Drupal through Site Builder training
HPNeo/gmaps - the easiest way to use Google Maps 7 Gorgeous icon fonts to speed up your site and your design process TNW first covered the growing popularity of icon fonts back in January, and since then the Web has practically exploded with impressive icon fonts for use in Web design. For those that are out of the loop, you can think of an icon font as a grown-up version of dingbats…with an actual use-case. The core idea is to take a set of icons or pictograms that would normally be implemented as an image or vector file and then convert it into a font. There are many reasons to do this too, according to Pictonic, as an icon font can load as much as 14% faster than images and can to be as much as 90% smaller than SVG files. Now that a ton of options have emerged as popular choices among Web designers, we’ve made this brief list of 7 typefaces to point you in the right direction. Font Awesome (free) Font Awesome is an icon font that was designed to work perfectly with Twitter Bootstrap. Fontello (free) Modern Pictograms (free) Typicons (free) Yet another set of well-made, clean icons for Webfont use.
15 Ways to Accelerate Your PC’s Slowest Component: You! There’s nothing more soul-sucking than sitting there picking your earwax while you watch Windows 7’s blue ring of fire. Yet, to be fair, your poor laptop spends a lot more time waiting for you to act than you waste watching it load applications, boot up or finish processing. If your computer takes .8 seconds to load your browser, but you take 5 unnecessary seconds to type in a username and password, who’s the slow poke? Fortunately, you can reduce the human bottleneck if you take just a few simple steps that will double your personal processing power. Follow these time-saving tricks to keep your computer from sitting around and twiddling its fans when it should be turbo boosting to keep up with you: 1. Any time you have to roll your mouse pointer across the screen, you’re wasting precious milliseconds of your life that you’ll never have again. Time saved: 5 seconds per app open [5 Things to Look for in Your Next Notebook Keyboard] 2. Time Saved: 17 seconds more or less. 3. 4. [Facebook vs.