background preloader

Top 10 Front-End Development Frameworks

Top 10 Front-End Development Frameworks
(Editor’s note: purely for reasons of length and readability, this article is the first of two parts. This one focuses on the Bootstrap family, more will be profiled in the second part.) As the Web matures and the range of mobile devices we use to access it rapidly grows, our jobs as web designers and developers get considerably more complicated. A decade ago things were much simpler. Then, it was almost certain that most of our users were visiting our sites while sitting at their desk, looking at a large monitor. 960 pixels was more or less considered as a good width for a web page. Our main care was dealing with the dozen or so desktop browsers and jumping through a few extra browser hacks to support quirky old versions of Internet Explorer. Soon, more people will be accessing the Web on their mobile and alternate devices than on a desktop computer. One of the primary strategies we use when we deal with unknown viewport size is the so-called responsive web design. 1. 2. 3. 4. Related:  Code Tool

Fbootstrapp by Clemens Krack, based on Bootstrap, from Twitter Using emphasis, addresses, & abbreviations When to use Emphasis tags (<strong> and <em>) should be used to indicate additional importance or emphasis of a word or phrase relative to its surrounding copy. Use <strong> for importance and <em> for stress emphasis. Emphasis in a paragraph Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Note: It's still okay to use <b> and <i> tags in HTML5 and they don't have to be styled bold and italic, respectively (although if there is a more semantic element, use it). Addresses The <address> element is used for contact information for its nearest ancestor, or the entire body of work. Note: Each line in an <address> must end with a line-break (<br />) or be wrapped in a block-level tag (e.g., <p>) to properly structure the content. Abbreviations For abbreviations and acronyms, use the <abbr> tag (<acronym> is deprecated in HTML5).

SOAT Blog Image recognition on mobile devices Image recognition is one of the buzz-words of our times. Facebook has acquired Face.com with its flagship product — facial recognition app — and invested huge money to better suggest who’s who on the images uploaded to the service by over a billion of its users. Google+ Photos uses image recognition technology to make photos searchable, and Google Goggles is a new powerful gadget from the Mountain View giant that will let you find information on objects not by typing their names, but by simply „showing” Google what they look like. Not as easy as you may think Our mobile team at Goyello has recently faced a challenge of a similar type (in a smaller scale though) — how to recognize if a photographed image of a solved puzzle set matches one of the predefined templates. The task that seems to be so easy to the human brain is in fact a complex feat, and highly sophisticated algorithms out there still fall short of what any of us — humans — is capable of. Quality challenges To avoid cheating

10 Best Responsive HTML5 Frameworks and Tools This is a review of 10 open source responsive HTML5 frameworks, boilerplates and tools for front-end web development (HTML, CSS, and JavaScript). I’ve included tutorials and resources related to each of them, and a comparison table at the end. 1. Bootstrap is a popular, modern front-end/UI development framework. Bootstrap has a 12-grid responsive layout, 13 custom jQuery plugins for common UIs like carousels and modal windows, a Bootstrap customizer, and more. Bootstrap is well-documented, and this open source project has plenty of coverage in blogs and tutorial sites. Bootstrap Tutorials Bootstrap Tools and Resources 2. Foundation is another popular responsive front-end framework. It has rapid-prototyping capabilities, a responsive grid system and much more. Foundation is by ZURB, a company of product designers focused on providing web-based solutions. Foundation Tutorials Foundation Tools and Resources 3. Skeleton is a simple and clean responsive CSS boilerplate for HTML5 websites and apps.

Zero-configuration Web Application Debugging with Xdebug and PhpStorm - PhpStorm - Confluence 1. Install Xdebug To use Xdebug with PhpStorm for debugging PHP applications, you need to have a PHP development environment configured with Xdebug extension installed. This task is beyond PhpStorm’s control. Make sure that you have Xdebug installed properly. You can check the configuration by executing php --version in the terminal Alternatively, execute a page with phpinfo(); PHP function and make sure that you have Xdebug extension enabled. 2. Toggle the “Start Listening for PHP Debug Connections” button. 3. Apart from setting the breakpoint manually, you can use the option Run | Break at first line in PHP scripts to have an automatic breakpoint at the first line of every PHP script you debug. 4. In order to activate the debugger, you need to set a special GET/POST or COOKIE parameter (click here for details). How to add "Start/Stop Debugging" bookmarklets to your browser bookmarks toolbar Names of menus and options may vary depending on your Internet browser. 4.1. 4.2. 4.3. 5. 6. 7.

Les vingt-cinq compétences qui aident à trouver un emploi Informatique et web, toute ! Alors que le mois de janvier est le plus actif en termes de recherche d’emploi sur LinkedIn, le réseau social professionnel publie son classement des 25 compétences les plus recherchées par les recruteurs en 2015. Les données recueillies par LinkedIn n’ont pas la valeur d’une étude statistique portant sur des échantillons représentatifs, mais elles ont l’avantage d’avoir été collectées auprès d’une large population : ce réseau revendique 400 millions d’utilisateurs dans le monde, dont 10 millions en France. Le résultat est sans appel : plus de la moitié des compétences recherchées ont trait aux nouvelles technologies, tant dans le classement général que dans celui focalisé sur le marché du travail en France. S’y connaître en « cloud & informatique décentralisée » détrône, dans ces deux palmarès, les savoirs en matière de « data mining et analyse statistique », désormais classés second. Lire aussi : Comment l’offre de formation s’adapte à l’essor du numérique

Why Does Windows Have Terrible Battery Life? I've become a huge fan of touch computing. I believe that most things we think of as "computers" will be de-facto tablets, either in our pocket, in our hands, possibly even mounted on our wrists or forearms. I can't wait for the iPad 5 this week (I'll be ordering three), and my Surface Pro 2 should arrive this week too. My main complaint with the Surface Pro is the incredibly lackluster battery life. So WiFi web browsing battery life, arguably the most common user activity there is on a computer these days, goes from 4.7 hours on the Surface Pro to 6.7 hours on the Surface Pro 2, a 42% increase. Nearly 7 whole hours of WiFi web browsing for a real computer in tablet form factor … that's not bad, right? The Surface Pro 2 has a 42 Wh battery, which puts it closer to the 11 inch Air in capacity. UPDATE: Turns out the Surface 2 Pro was shipped with bad firmware. It's not exactly news that Windows historically doesn't do as well as OS X on battery life.

Web UI Frameworks Worth a Try We have been used to the fact that every second site looks like Twitter. That's because of their awesome Bootstrap UI framework. We've seen CSS frameworks before, but all of them were narrow enough to solve one problem at a time. Usually this meant a grid layout and resetting CSS. Twitter Bootstrap not only provides you with flexible responsive grids but adds many useful components. It's pretty easy to build a prototype site just by adding appropriate classes into your tags and see how beautiful CSS3 magic unfold on your pages. From another point of view, a site built with Bootstrap loses it's individuality. But how to make site look more unique? Let's try something different then. Foundation Foundation is the most advanced responsive front-end framework in the world. Fuel UX Extends Twitter Bootstrap with additional lightweight JavaScript controls. HTML KickStart Ultra–Lean HTML5, CSS, & JS Building Blocks for Rapid Website Production MetroUI Groundwork AlloyUI Kendo UI Ignite UI

JPG to PDF - Convert your Images to PDFs online for free! Drop images here Choose file Uploading Add more images Generating PDF... ↓ Drop more images How to convert a JPG to a PDF You can drag and drop your JPG file in the box, and then start immediately to sort the files, try out some settings and then create the PDF files with the button at the bottom. Most image formats are supported JPG is the most widely used image format, but we believe in diversity and won’t discriminate against gif, bmp, png and tiff files. Conversion made easy! Drag and drop your JPG file, choose all the conversion settings you like, and download it with one click. Secure online file handling All your JPG and PDF files will be permanently erased from our servers after one hour. All platforms are supported The conversion app is browser-based and functions independently of your OS. Convert in the cloud The image conversion happens in the cloud, so it won’t drain any capacity from your own CPU.

Robert Waldinger: Qu'est-ce qui fait une vie réussie ? Leçons de la plus longue étude sur le bonheur | TED Talk Subtitles and Transcript What keeps us healthy and happyas we go through life?If you were going to invest nowin your future best self,where would you put your time and your energy?There was a recent survey of millennialsasking them what their most important life goals were,and over 80 percent saidthat a major life goal for them was to get rich.And another 50 percent of those same young adultssaid that another major life goalwas to become famous. (Laughter) And we're constantly told to lean in to work, to push harderand achieve more.We're given the impression that these are the things that we need to go afterin order to have a good life.Pictures of entire lives,of the choices that people make and how those choices work out for them,those pictures are almost impossible to get.Most of what we know about human lifewe know from asking people to remember the past,and as we know, hindsight is anything but 20/20.We forget vast amounts of what happens to us in life,and sometimes memory is downright creative. Thank you.

Related: