Logo
  • PHP
    • HipHop / HHVM
    • Modern PHP
    • PHPStorm
    • LAMP
    • Laravel
    • Composer
    • PDO
  • JavaScript
    • node.js
    • AngularJS
  • CSS
    • SASS
    • “CSS4” (CSS level 4)
  • HTML
  • Git
  • LAMP
  • Vagrant
  • UI / UX
  • Architecture of …
  • Off-Topic
With ♥ from Berlin
November 21, 2014
Chris
CSS, Fonts, HTML5, Local Development, Typography
Comments Off on Adobe releases Firebug-like developer tools to edit and extract PSDs

Adobe releases Firebug-like developer tools to edit and extract PSDs

PreviousNext

A big step in frontend-development: According to this presentation on Adobe Max 2014 Adobe has just released a very interesting tool for easier PSD-to-HTML workflows: Creative Cloud Extract is a tool that comes with a Creative Cloud subscription and allows Firebug-like editing of PSD-files plus full one-click exports of the entire page, in modern CSS, including rendering of the best-possible image format (.svg!!!). It also looks like both Photoshop CC and Dreamweaver will be able to directly connect to Creative Cloud Extract and work on the files. This looks very very interesting, and we are entering the era of code-inside-PSD/Photoshop with this. This can become a serious killer feature in future web development!

adobe-extract-cloud-psd

Paul Gubbay and Sarah Hunt of Adobe demonstrate this wonderful feature live here:

https://www.youtube.com/watch?v=y3CLHc7mQAc

 

creative cloudCSSextractphotoshoppsdpsd2html
Share this
angularjs

Two excellent introductions into AngularJS by Todd Motto

If you are familiar with PHP frameworks and have a basic understanding of what a model, a controller and a

php

Why Modern PHP is Awesome And How You Can Use It Today (Slides by Matt Stauffer)

phpstorm 7.0 php

How to install GitHub’s, NetBeans’s and Sublime2’s syntax highlighting code colours theme in PHPStorm 6/7

PHPStorm’s default code colouring might not be what you want, especially when you just switched from NetBeans. But there are

atomic-design

An introduction into Atomic Design, a super-clean way to style web applications

A super-interesting talk of Brad Frost at beyond tellerrand 2013, explaining the basics of Atomic Design: What is Atomic Design

github-logo-octocat

GitHub rolls out .PSD diff and viewing

Good news for frontend designers / developers working with Photoshop a lot: GitHub has just rolled out native .psd support:

Support FLARUM, the future of PHP forum scripts (with some dollars on Kickstarter)

PHP forum scripts are horrible, let’s face it. Nearly everything that’s available is hard to install, hard to handle, hard

composer

Composer problems ? Try full reset !

Some small Composer commands that might solve your problems: I’ve taken them directly from Jordi Boggiano‘s (Composer co-creator) “In Depth

DigitalOcean coupon voucher 50

Only today: $50 coupon for DigitalOcean SSD VPS / hosting

Wow! The supernice SSD-cloud-server-provider DigitalOcean adds $50 (!) to new customers accounts ONLY TODAY (US-time-zones, so calculate if this is

hiphop php

[Link] How to set up HipHop, Nginx and Laravel in Ubuntu 12.04 LTS (in a Vagrant box)

This is probably the most useful tutorial in 2014 so far. An excellent post by Chris Fidao, explaining how to

Soundcloud’s “VP of Engineering” about using SSDs

Excellent [german] statement from Alexander Grosse (Soundcloud’s Vice President of Engineering) about using SSDs for the main application (music data

1/4

Categories

Search

atomic-design
An introduction into Atomic Design, a super-clean way to style web applications
composer
How to install Composer on Windows 7 / 8 or Ubuntu
php
How to prevent PHP sessions being shared between different apache vhosts / different applications
sass laravel
SASSmeister is a real-time JSfiddle for SASS / CSS. Awesome!
phpstorm 7.0 php
How to debug code on a remote server (or in vagrant box) with PHPStorm
sass
New features in SASS 3.3 (a talk by SASS-creator Chris Eppstein)
html6
Is this the first HTML6 specification?
php
How to install/setup latest version of PHP 5.5 on Debian Wheezy 7.0/7.1/7.2 (and how to fix the GPG key error)
vagrant
How to copy Vagrant boxes (or duplicate them)
The New Era of JavaScript (28min conference talk, Jack Franklin, 2013)
php
Postmodern PHP: appserver.io, a multithreaded application server for PHP, written in PHP
php
A super-simple introduction into PHP namespaces (7min video)
The architecture of StackOverflow
php
How to install the mcrypt php extension (to use Laravel 4)
forbes 30 under 30
Need motivation ? Check out these 2 awesome “FORBES 30 under 30” lists (web, UI, games)

Tags

apache bash centos composer conference coupon CSS debian fonts framework git GitHub hack HHVM HipHop HTML HTML5 IDE JavaScript JS LAMP laravel linux mod_rewrite MVC MySQL Nginx optimization PHP PHP 5.5 PHP 5.6 phpmyadmin PHPStorm security server SSD Ubuntu UI UX vagrant video virtual machine voucher VPS wordpress
Side-Project: Wordle-Solver:
www.wordle-helper.info

Pages

  • Privacy Policy