サイト構築 -制作
HTMLのheadの書き方、head内に記述する要素の総まとめ
Post on:2018年9月26日
HTMLページのhead内に記述する最小限の構成、そしてmeta要素やlink要素、ソーシャルサービス用の要素、デスクトップ・スマホのブラウザ用の要素などがまとめられた「<head> cheatsheet」を
イヌをネコに変形！映画やテレビでよく見かけるモーフィングを作成できるオンラインツール -HyperMorph 3000™
Post on:2018年9月18日
映画やテレビなどでよく見かけるモーフィングを簡単に作成できるオンラインツールを紹介します。 イヌからネコに、のように似たような形状だけでなく、全く異なる形状でもある物体から別の物体に変形させることができ、いろいろ楽しめる
これで今日からあなたも踊れるデザイナーに！人工知能であらゆるダンスの動きを自分にコピーできる
Post on:2018年9月7日
今年になって、人工知能の進化が加速してますね！ EXILEでも、Perfumeでも、欅坂46でも、誰かのダンスの動きをAIで読み取って、その動きを自分にコピーできる「Everybody Dance Now」を紹介します。
Chromeの新機能がすごい便利！imgやiframeにlazyload属性を加えるだけでLazyLoad対応に
Post on:2018年9月3日
「Blink LazyLoad」と呼ばれるChromeの新機能は、表示領域外の画像やiframe要素のロードを遅延させることで、Webページのパフォーマンスを大幅に向上させます。 LazyLoadは今まではJavaScr
便利なツールが登場！ハンバーガーをXに変形させるのも簡単、SVGアイコンをアニメーション化できる無料ツール
Post on:2018年8月29日
SVGアイコンは美しく軽量で、非常に便利です。Webサイトでもスマホアプリでも、SVGアイコンを使用している人は多いと思います。 SVGアイコンをアニメーションさせるには、どうしていますか？ 例えば、ハンバーガーメニュー
SVGだから快適！スマホアプリやWebサイトでよく見かけるアイコンをアニメーションで変形させるテクニック
Post on:2018年8月20日
スマホアプリやWebサイトでよく見かける、ハンバーガーメニューやケバブメニューのアイコンをアニメーションで変形させるUI用のスニペットを紹介します。 ケバブってなに？ という方は「スマホアプリのメニューでよく使用されるあ
コードはわずか384bytes！HTML/CSS/JavaScript対応、ブラウザからすぐに利用できる超軽量エディタ -TinyEditor
Post on:2018年8月9日
CodePenのようなブラウザですぐ利用できる、HTML/CSS/JavaScript対応の超軽量の即席エディタを紹介します。 コードはわずか384bytes！ ブラウザのアドレス欄にコピペするだけで、すぐに利用できます
コードが非常に見やすくて、使いやすい！Visual Studio Codeでお勧めのテーマファイル -Code Blue
Post on:2018年8月7日
目に優しいブルーの背景に、コードは明るいカラーで非常に見やすいVisual Studio Codeのテーマファイルを紹介します。一般的な言語はすべてサポートされており、HTML, CSS, JavaScriptをはじめ、
使いやすいフォームとは、心理学の原則に基づいたユーザビリティの改善方法
Post on:2018年7月31日
Webサイトやスマホアプリでも、心理学はいたる所に存在します。 Facebookの通知に緊急のカラーであるレッドが使用されているのは、注意を必要としているのが理由です。また、Vogueのような雑誌ではロゴのタイポグラフィ
驚くほど簡単！コーディング作業不要で、まざまなHTMLページを積み木感覚で作成できる無料ツール -Stitches
Post on:2018年7月25日
ランディングページやポートフォリオなど、レスポンシブ対応のペライチ縦長ページをドラッグ&ドロップで驚くほど簡単に作成できてしまう無料オンラインツールを紹介します。 FlexboxベースのTailwind CSSが
sponsors
