タグ

ブックマーク / kachibito.net (5)

  • 開発者向けに作られたオープンソースのオンラインブックマークツール・「bookmarks.dev」

    bookmarks.devは開発者向けに作られたオープンソースのオンラインブックマークツールです。 よくある(一時期に比べればかなり減りましたが)オンラインブックマークサービス同様、任意のWebサイトをタグやコメント付きでブックマーク、管理できる他、コードスニペットの管理も可能で、コメントもMarkdownを使えるようになっています。 スニペットはワンクリックでコピー可能で、通常のブックマークとは管理フォルダもブックマークレットも別になっており、混在する事はありません。 ブックマークツールにスニペット管理機能が付いただけと言われればまぁそうなんですが、あまり見かけませんでしたし、OSSなので自身でカスタマイズも可能な点は割とメリットな気がします。その場でコードを実行テストできるようにしたら捗りそうですね。 ライセンスはMITとの事です。 bookmarks.devOn Github

    開発者向けに作られたオープンソースのオンラインブックマークツール・「bookmarks.dev」
  • オープンソースのTrelloライクなカンバンボードシステム・「Restyaboard」

    RestyaboardはTrelloのようなカンバンボードを実装できるオープンソースのソフトウェアです。Webサイト上でもTrelloとの特徴の比較表が作られており、ざっくりとした違いを把握できます。後発故、Restyaboardに多少利便性が高く、さらに有償カスタマイズを依頼する事でさらに機能を追加できるようになっているようです。デモを触った感じ、個人的にはTrelloよりもとっつきやすい印象は受けました。体はOSSなので有償カスタマイズサービスを使わずとも技術のある方なら自身での拡張も可能ですね。ライセンスはOSL 3.0とのこと。 Restyaboard

    オープンソースのTrelloライクなカンバンボードシステム・「Restyaboard」
  • CSS3やHTML5などのコードを書く様子を再現し、徐々に 出来上がっていく様を見ながら学べる チュートリアルサイト・TheCodePlayer - かちびと.net

    一つの形として面白かったのでシェア。 実際にコードを書いていきながら徐々に 出来上がっていくさまを見ながら学べる チュートリアルサイト。動画のチュート リアルより見やすく頭に入りやすい気も しないでもないです。 こういう形で学べるのは面白いですねー。はじめてみるタイプのチュートリアルサイトです。よく、書いたコードがインタラクティブに反映されるサービスがありますが、そのチュートリアル版という感じ。 ブログ形式でチュートリアルを公開しています。 説明するより見た方が早いですね。以下のようなチュートリアルです。Play Walkthroughをクリックするとコードを打っているのが分かります。右はビューエリア。 Make a simple cloud in CSS3 こういう発想は全然なかったですけど、Youtube等の動画で見るより分かりやすい気はします。動画は音声も使ええるのが魅力でしょうけど

    CSS3やHTML5などのコードを書く様子を再現し、徐々に 出来上がっていく様を見ながら学べる チュートリアルサイト・TheCodePlayer - かちびと.net
  • 2010年度版・とても参考になった国内のWeb制作関連エントリーまとめ - かちびと.net

    少し気が早いですが、今年も残すところ あと僅かです。ここで、Web制作をする にあたって、個人的に、とても参考にな った素晴らしいエントリーをご紹介します。 基的にまとめ記事が大好物なので、 まとめのまとめ、という形になってしまい ますがご了承願います。 まぁ、単なる個人的なメモです。今年はお世話になりました、という感謝の意を込めてリンク&トラフィックで返したいのと、自分の復習用リンク集です。来年もたぶんお世話になる記事だと思いますので、備忘録も兼ねて。順不同です。 尚、当ブログのエントリは御礼の場であるこの記事では割愛しています。後日、別記事にてまとめさせて頂きますので、宜しければ御覧ください。 デザイン 読み物系が多いです。正月とかで見直す用。 配色パターンからWebデザインを考える ウェブデザインでこれは気をつけたいの35のポイント デザインQRコードの作り方 非デザイナーのための

    2010年度版・とても参考になった国内のWeb制作関連エントリーまとめ - かちびと.net
  • Webデザイン事始め・まずはフリーソフトで始めよう。GimpとInkscapeの説明が分かりやすいサイト - かちびと.net

    題名の通りですが、これから Webデザインに手を出そう、 という方の為に日語サイト で説明が凄く分かりやすい サイトと少しチュートリアル記事 の紹介です。 Webデザインを始めたいけどadobeのソフトは高額でなかなか手軽に始められません。まずはほぼ同等の機能を持ち、しかも無料で手に入るGimp(Photoshop代替ソフト)とInkscape(Illustrator代替ソフト)で様子見をしてみてはいかがでしょう。 使い方や実践チュートリアルを丁寧に説明してくれるサイトをご紹介します。「これなら触ってみよう」という気になれるかと思います。沢山あげられると選べずに萎えるので1,2サイトに絞りました。両ソフトのダウンロードもリンク先で出来ます。 プロも使ってるといわれるGimp。Webデザインをこれから始めようと思ってもなかなかとっつき難いかもしれません。ですので扉となってくれそうなサイトを

  • 1