InfoQ Homepage CSS Content on InfoQ
-
Mozilla Releases Major Update to CSS Animation Inspector in Firefox Developer Edition
Mozilla has released Firefox Developer Edition 40, with major updates to CSS Animation Inspector. Dave Camp, director of engineering for Firefox, told InfoQ these changes allow developers to see all CSS animations applied to the selected node and any child nodes, with it being common for several Web animations to be combined to get a single effect.
-
Supersonic Framework Touts Native Performance for Android and iOS Hybrid Apps
AppGyver has announced Supersonic, a new framework to build hybrid mobile apps on Android and iOS that promises to provide "real native performance," says AppGyver, thanks to a novel approach to designing hybrid apps. Supersonic is also integrated with Steroids, an impressive cross-platform IDE for hybrid apps.
-
Origami: Component-Based Web Applications
Andrew Betts, director at FT Labs, presented to Velocity Europe 2014 attendants a set of home-grown standards and tools for web development. They aim to cope with the development challenges of creating and maintaining more than eight hundred *.ft.com sites. FT Labs main strategy is to breakdown web pages into components built within a well-defined set of rules.
-
Adobe Declares Brackets is Ready with 1.0 Release
Adobe has released Brackets 1.0, its open source code editor for web designers and front-end developers. Web developer evangelist Ryan Stewart says in the past three years the team has been very busy adding features to help make Brackets a world class text-editor. Declaring this release as 1.0 is our way of telling the world that Brackets is ready.
-
XHP-Bootstrap Project Announced, Combines XHP with Bootstrap Framework
Fred Emmott, software engineer for Facebook, has announced the release of XHP-Bootstrap project, combining XHP with the Bootstrap framework. Emmott describes XHP as a way to create HTML user interfaces from PHP or Hack, and provides an XML-like syntax for creating stringable objects representing markup.
-
Stack Overflow Adds Live JavaScript to Answers
Developers have a new browser-based code editor to play with, but this time, it's embedded in another tool. Stack Overflow, the popular question and answer site for software developers, announced the release of a new tool that lets users run JavaScript, HTML, and CSS code right in the question page.
-
New Lightbox Script To Combine Responsive Images with Browser Compatibility
Marek Grzybek has released version 0.7 of baguetteBox.js, a lightbox script in pure JavaScript.
-
Guidelines for Responsive Website Design
This article includes several guidelines for creating websites that scale for different screen sizes and form factors.
-
Google Is Now Indexing JavaScript and CSS Content: Pitfalls to Avoid
Google has announced that Googlebot, its web crawler, now executes and indexes some content in JavaScript. This change could impact negatively search results, unless a few basic rules are taken into account.
-
Ratchet Becomes a Real Framework, Gets a New Home
The mobile application prototyping tool, Ratchet, has been promoted to a full application framework, and moved into the Bootstrap GitHub repo. It also has new documentation and new themes for iOS and Android.
-
Meteor 0.7.1 Release Brings Dev Accounts, Further Improvements
Matt DeBergalis has released version 0.7.1 of Meteor, with the improvements to oplog and minimongo, CSS preprocessing, and Meteor developer accounts. Version 0.7.1 includes added support to minimongo for what DeBergalis refers to on the Meteor blog as “more of the ‘estoteric corners’ of the MongoDB query language."
-
Orion 5 Supports More Languages and Can Deploy to Cloud
Enhancements in Orion 5 include: syntax highlighting for several languages, content assist for several Node.js libraries and databases, better syntax validation, cloud deployment and others.
-
Testing End-to-End with Nightwatch
Nightwatch is a recently released acceptance framework based on Node.js that uses Selenium WebDriver API to automate web applications testing. The tool promises a simple syntax which enables the writing of end-to-end tests using JavaScript and CSS selector that runs against a Selenium server.
-
Simplified CSS Preprocessing with restyle.js
Andrea Giammarchi's restyle.js is a new, JavaScript-based, CSS preprocessor that can run on either the server (via Node.js) or in the browser. It touts itself as "a simplified CSS approach", generating all prefixed variations of CSS rules and properties and, if applicable, inserting them into the DOM.
-
DevDocs, a One Stop Shop for Reference Documentation
DevDocs combines multiple reference documentation sets, commonly used by software developers, in a single web site. DevDocs takes advantage of this centralization to offer crosscutting features such as a searchable interface, keyboard shortcuts, common layouts or a common table of contents. DevDocs currently includes documentation for HTML, HTTP, Javascript and Ruby, among others.