(治安の悪くない Emoji も作れます) 作ったもの ここで遊べます おもしろいところ GIF アニメのエンコードまですべて js で完結しているので、ありがちな「謎のサーバーに画像アップロードするといい感じに変換してくれる」的なサービスと違って、素性の知れたコードがクライアント側でサクサク動きます。 なにができるの? 画像を 128px x 128px に変形 画像を、 Slack にアップロードできる(現状)最大サイズの 128px x 128px に変形します。 ローカルのファイルから選ぶか、画像の URL を入力できます。アップロードするわけではないので、デカい画像でもサクサクなのがお気に入りです。 変形は 正方形に引き伸ばし(アス比無視) 正方形いっぱいに拡大して、余ったところはトリミング(アス比維持) 正方形に収まるように縮める(アス比維持) から選べます。 テキストから画像
CSSを使って作業をいているときに活用したい、無料で使えるオンラインツールをまとめてご紹介します。これらのツールは、制作時間を節約、短縮できるだけでなく、CSSのちょっとややこしい問題の解決ツールを想定し作成されています。 CSSをベースとしたアニメーション、レスポンシブに対応したナビメニュー作成ツール、パイチャート作成、CSSの圧縮やユニークなサークル型メニューの作成などさまざまなツールが揃っています。制作に困ったときに読み返してみてはいかがでしょう。 超便利!確認しておきたい最新CSSツール、リソースガイド 2018年度 CSSの作業をもっと楽に!無料で使えるオンライン便利ツール40選 Flexbox Parent Attribute Visualizer CSS Flexbox のプロパティを実際に変更しながら確認できるインタクラティブな方法。 Keyframes.app CSSアニ
簡単に書くよ トライアンドエラーとは 「頭であれこれ考えてるだけじゃ進まねーよ。ダメ元でもいいから、いろいろ試しながらやってみようぜ!」のこと。 もう少し真面目っぽく書くと あれやこれやと試行錯誤すること です。 別にIT用語というわけでもないですけどね。 横文字大好きIT業界でも、ちょいちょい出てきます。 気が向いた方は覚えてあげてください。 サクっと一言で説明すると 試行錯誤 をカッコ付けて言ったのが「トライアンドエラー」です。 例えば、そうですね。 ここにピヨ太君がいます。 ピヨ太君は現在、金欠病です。 そこでピヨ太ママから、おこづかいをゲットしようと考えました。 ですが、敵はピヨ太ママです。 財布の紐は固く閉ざされています。 そこで、まず、ピヨ太君は真正面から切り込むことにしました。 「おこづかい、ちょうだい!」と、お願いしてみます。 あっさり却下されました。 ピヨ太君は諦めません
$(function(){ // #で始まるアンカーをクリックした場合に処理 $('a[href^=#]').click(function() { // スクロールの速度 var speed = 400; // ミリ秒 // アンカーの値取得 var href= $(this).attr("href"); // 移動先を取得 var target = $(href == "#" || href == "" ? 'html' : href); // 移動先を数値で取得 var position = target.offset().top; // スムーススクロール $('body,html').animate({scrollTop:position}, speed, 'swing'); return false; }); }); // #にダブルクォーテーションが必要 $('a[href^=
一度は見かけたことがあると思う、スクロールしたらヘッダーやナビゲーションを固定表示させたり見栄えを変化させたりする動きをjQueryで実装するサンプルです。 途中から要素を固定させたり、スクロールした方向によって表示・非表示を切り替えたりなど全5種類です。 使用HTML 特にこのようにしなければいけないというものではないですが、今回のサンプルで使用しているHTMLはいずれも下記のようなもの(サンプルによってはnav要素がないものもあります)になっており、このHTMLにあるheaderやnav要素に対してjQueryで処理していくといった感じになります。 <header> ...</header> <nav> ... </nav> <main> ... </main> <footer> ... </footer>
Holy procrastination, startup founders! Tomorrow’s your last chance to apply to the Startup Battlefield 200 at TechCrunch Disrupt 2024. Your last chance for a shot to stand on the Disrupt…
Holy procrastination, startup founders! Tomorrow’s your last chance to apply to the Startup Battlefield 200 at TechCrunch Disrupt 2024. Your last chance for a shot to stand on the Disrupt…
LINEから新たにブロックチェーンのプロジェクト「LINE Token Economy」発表! #LINECONF2018.06.28 13:4811,191 とよた 仮想通貨にとどまらないサービスってなんだろう? 6月23日に7周年を迎えたLINE(ライン)ですが、本日6月28日(木)に開催中のLINE CONFERENCEにて、新たにブロックチェーン技術を活用したプロジェクト「LINE Token Economy」を発表しました。 今回のカンファレンスのテーマにもなっている「Redesign(リデザイン)」のもと、仮想通貨という方法に限らないブロックチェーン技術の活用方法を模索するプロジェクトとなるようです。 開発組織は大きく分けると「アンブロック」「アンチェーン」「ブロックチェーンラボ」3つ。まず「アンブロック」部門でブロックチェーンを使った計画の構想を練り、「アンチェーン」で実行。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く