はてなブックマーク

マークダウン記法を使う人にとってエディタは重要ですが、今回はオンラインで利用できるマークダウンを紹介したいと思います。 StackEdit StackEditはフリーで利用できるMarkdownエディタです。特徴としてDropboxやGoogle Driveなどクラウドストレージを利用してファイルを読み込むことができます。見た目もシンプルで高機能です。 Dillinger Markable このMarkdownエディタはDropboxやGoogle Driveなどのクラウドストレージとの連携はもちろんのこと、GitHubとも連携することができるエディタです。また、HTMLやPDFに書き出したりすることが可能なエディタです。 Online Markdown Editor Markdown Journal Dingus Markdown-Editor (GitHub-Flavored) Mar

ブログを書かれる方や、Webデザイナーの方なら誰もが知っておきたい、フリーの写真素材サイトPexelsを紹介します。 ブロガー、Webデザイナーなら要チェック ブロガーやデザイナーにとってフリーで使える素材集は必ずチェックしておきたいのですが、海外サイトだったりすると情報は豊富なのですが、商用利用が可能かどうかなかなかわかりづらい所があります。 Pixelsに掲載されている写真はすべてCC0ライセンス(クリエイティブ・コモン0)なので個人、商用利用問わずだれでもコピー、改変が認められています。 Pixelsは風景画像が強く、様々な種類の画像を検索することができます。UIも使いやすくシンプルなので覚えておいて損はないかと思います。これで素材写真探しから開放されそうですね。 Pexelsでダウンロードできる写真のサンプル Pexelsのサイトはこちら

こちらの記事”How to get started with next-generation website prototyping“を読んで次世代のWeb制作とはなんだろうと考えてみた。 次世代のWebサイトプロトタイピングとは 先ほど記事で紹介している内容としては、従来型のグラフィックツールを使ってゴリゴリとデザインを作成していくようなフローではなく、よりグラフィカルなアプリケーションを使って直感的にWebサイトやアプリを制作していくという事が書かれている。この記事では主に以下6つのアプリケーションが紹介されている。 Origami MAX Vuo Briefs Framer.js RealTime Studio どのアプリもグラフィカルなUIを備えていて直感的にパーツを組み合ることができるノード形式になっていて、まるでパズルを組み上げていくかのようにWebサイトやアプリを制作すること

Web制作やモバイルアプリなどに利用できるアイコンセットを集めました。 PSDやAI、EPSファイルはもちろんWebフォントフォーマットなどもあります。 Linea Iconset 730種類以上のアイコンセット。SVG、PNGやWebフォントフォーマットが揃っています。 3px Icons Vector Set AIやPSDフォーマットのフリーアイコンが80種類まとまっているアイコンセット Themify Icons 320種類以上のSVG、Webフォントがまとまっているアイコンセット GitHub’s Octicons 178種類のWebフォントがダウンロードできるWebサイト。GitHubにあるアイコンが利用できるアイコンセットになっています。 Simple Line Icons 100種類以上のアイコンがダウンロードできるWebサイト。ファイル形式はAI、EPS、SVG、PSD形式

リーン開発の現場 カンバンによる大規模プロジェクトという本を読んだ感想です。 開発を効率よく進めたいと思っているWebディレクターやプロジェクトマネージャーに読んで欲しい1冊 ご存知の通りWebシステムやソフトウェア開発を行う上でいくつかの開発モデル(生産方式)が存在し、中でもウォーターフォール・モデルという言葉は聞いたことがある人は多いのではないかと思います。 ウォーターフォール・モデルは歴史も長く、色々な現場で採用されて来ました。しかし、万能というわけにもいかず、近年の開発スタイルには合わない部分も多々出てきているようです。そういった実際の現場に携わる人や、現在の開発方法に限界を感じている人に是非読んで欲しい内容となっています。 実例を交えてストーリー仕立てでリーン開発を解説 リーンという概念は知っておいたほうが尚良い この本の特徴は、実際にリーン開発を採用した開発現場の様子がストーリ