2000種超えのWebデザインを横断検索できる「Collect UI」を使ってみた！ : うえぶはっく
Webやアプリを開発する際に必要となる「Webデザイン」の勉強&参考に最適なサービス「Collect UI」のご紹介です！ 圧倒的なコンテンツ数を誇っているのが魅力的ですが、細かくカテゴライズされているので「ログイン画面」や「フォーム」など、自分が必要としているシーン別に探しやすいのも特徴でしょう。 使い方！ サイトにアクセスすると、およそ2000種類を超えるオシャレなWebデザインの一覧を見ることができます。 これらのデザインは、「Dribbble」などから抽出されているのですが、ランダムに選ばれているのではなく、人の手によって「最もイケてる」と思われるデザインだけをキュレーションしているのが特徴です。 さらに、ユニークなのは画面左側にズラッと並んでいるカテゴリ！ 2016年2月29日現在で、なんと117カテゴリに分けられているので、かなり細かい絞り込み検索ができるでしょう。 ほんの一部
CodeCombat無課金攻略への道！（辺境の森林編Part2） : うえぶはっく
プログラミングの学習を、Webゲーム感覚で気軽に始められるサービス「CodeCombat」の攻略記事です。（無課金でも楽しめるステージのみを紹介しています…） 今回は、辺境の森林編Part2ということで「森のクリーバー」から「MIND THE TRAP」までを1つずつ攻略していきます！ 森のクリーバー このステージから「cleave()」という必殺技が使えるようになり、周囲の敵を一瞬で蹴散らすことができます。 ただし、一度「cleave()」を発動すると、しばらく再発動できないので、その間は通常の攻撃を行う必要があります。 this.moveXY(23, 23); loop { var enemy = this.findNearestEnemy(); if (this.isReady("cleave")) { this.cleave(enemy); } else { this.attack
Web上に付箋紙をペタペタ貼れる「Cardboard」が、打ち合わせや勉強会に最適すぎる！ : うえぶはっく
会社の打ち合わせや、ミーティング、勉強会などでよく使われる「付箋紙(ポストイット)」は、その手軽さから愛用している人も多いでしょう。 そんな使い勝手の良さを、そのままWeb上に実現したサービス「Cardboard」が公開されているので、ご紹介しようと思います！ また、Web上だからこそ出来る機能もピックアップしているので、ご興味ある方はぜひチェックしてみてください！ 使い方！ まずは、無料のユーザー登録をして表示される「マイページ」から、新規ボードを作成します。
【後編】Webコードエディタ「Cloud9」で、Hexoを使ったブログ作成術を大公開！ : うえぶはっく
前編に引き続き、JavaScriptで作られたブログ作成ツール「Hexo」と、Webコードエディタ「Cloud9」を組み合わせたブログ作成術の後編です。 今回は、以下のような流れでご紹介しようと思います！ ブログ公開の準備！ 「GitHub Pages」での公開！ 「記事の作り方」について ブログ公開の準備！ 前回の「前編」では、簡単な記事の投稿とブログの確認まで行いました。 まだ中身はほとんど無い状態だと思いますが、公開サーバーへアップロードするための準備作業をしておきましょう！ サーバーは、「AWS」や「レンタルサーバー」など何でもいいのですが、無料で利用できる「GitHub Pages」を使うと便利です。 まずは、GitHubのアカウントを取得し、マイページを表示させましょう。 そこで、自分のユーザー名を確認しつつ、メニューから「New repository」をクリックします。 これ
【前編】Webコードエディタ「Cloud9」で、Hexoを使ったブログ作成術を大公開！ : うえぶはっく
これからブログを作ろうを思っている人で、こんな人はいませんか？ とにかく完全無料で運営したい デザインやレイアウトなど、自由自在にいじりたい ソースコードは全部いじりたい できるだけシンプル・ミニマムでブログを作りたい 好きな広告を自由に貼りたい バックアップを簡単にしたい…など これらの条件をすべて満たしてくれるブログ作成術を、今回はご紹介しようと思います！ そこで登場するのが、JavaScriptで作られたブログ作成ツール「Hexo」と、Webコードエディタ「Cloud9」です。 「Hexo」とは？ Hexoは「マークダウン」で簡単に記事を作成し、静的なHTMLファイルに書き出したあと、サーバーへのアップロードまで完結してくれるツールです。 わずかなコマンドを実行するだけなので、非常にお手軽なブログ運営を行えますが、Hexoを動かすための環境作りがちょっと面倒でもあります。 そこで、あ
GIFの作成・圧縮からフレーム抽出・文字貼り付けまで可能な全部入り無料サービス「ezgif.com」が超絶便利！ : うえぶはっく
GIFファイルで、以下のようなことがしたい人はいますか？ 複数枚の画像からGIFアニメーションが作りたい 動画からGIFアニメーションを作りたい GIFに任意の文字を貼り付けたい GIFのフレームを1枚ずつ抽出したい GIFのファイル容量を減らしたい 縦・横のサイズを調整したい GIFにエフェクト効果を付けたい …など。 上記内容をすべて含めて、今回は多彩な「GIFファイル編集」を無料で可能にしてくれるWebサービス「ezgif.com」をご紹介します！ まずは、動画ファイルからGIFアニメーションを作成してみましょう。 ファイル形式は、「MP4」「AVI」「WEBM」「FLV」に対応しており、最大で50MBの容量がある動画ファイルを選択することができます。 動画をアップロードしたら、GIFアニメーションに変換したい部分を秒数で指定します。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Googleが「日本人」専用の開発者向けYouTubeチャンネルを公開中！ : うえぶはっく
最新のIT・Web技術を動画で学べるマイクロソフトの「Channel９」が、やたら勉強になる件！ : うえぶはっく
世界中のIoT開発事例や作り方を無料公開する「Hackster.io」がマジで勉強になる！ : うえぶはっく
1000個以上のjQueryプラグインを「README.md」付きでまとめた「jQuery Cards」を使ってみた！ : うえぶはっく