サイト構築 -制作

コードはわずか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をはじめ、

...記事の続きを読む

Visual Studio Codeで見やすいテーマファイルのまとめ

Post on:2018年8月3日

Web制作時などのコーディングの作業が捗る、コードがはっきりと見やすくて、使いやすい Visual Studio Codeのテーマを紹介します。 ダーク系が好きな人も、ライト系が好きな人も、そしてクリーム系やMateri

...記事の続きを読む

使いやすいフォームとは、心理学の原則に基づいたユーザビリティの改善方法

Post on:2018年7月31日

Webサイトやスマホアプリでも、心理学はいたる所に存在します。 Facebookの通知に緊急のカラーであるレッドが使用されているのは、注意を必要としているのが理由です。また、Vogueのような雑誌ではロゴのタイポグラフィ

...記事の続きを読む

驚くほど簡単!コーディング作業不要で、まざまなHTMLページを積み木感覚で作成できる無料ツール -Stitches

Post on:2018年7月25日

ランディングページやポートフォリオなど、レスポンシブ対応のペライチ縦長ページをドラッグ&ドロップで驚くほど簡単に作成できてしまう無料オンラインツールを紹介します。 FlexboxベースのTailwind CSSが

...記事の続きを読む

写真画像がPhotoshopなどで加工されているかすぐ分かる!デジタル画像を法医学分析できる無料ツール -Ghiro

Post on:2018年7月20日

デジタルの画像を分析し、そこに含まれているさまざまな情報を法医学分析できるツールを紹介します。「この写真、Photoshopで加工しているのかな?」というのもどこらへんを加工しているのかが一発で分かります。 オンライン版

...記事の続きを読む

hostsファイルを1クリックで切り替え・管理ができるWin, macOS, Linux対応の便利な無料アプリ -SwitchHosts!

Post on:2018年7月12日

hostsファイルを書き換えたり、さらに同時に複数の管理をする必要があったり、そんな時に便利なWin, macOS, Linux対応の無料アプリを紹介します。 1クリックで切り替えることができ、設定をバックアップすること

...記事の続きを読む

Chromeデベロッパーツールの機能が、すごく簡単で便利!ローカルサーバーを1分もかからずにすぐ構築できる

Post on:2018年7月6日

Chromeデベロッパーツールはいろいろ便利ですが、お手軽にローカルサーバーも構築することもできるんですね。簡易的なサーバーですが、HTML, CSS, JavaScriptのWebページであれば充分な機能を備えています

...記事の続きを読む

タブやナビゲーションがアクティブな時に、ハイライトのラインがすぅっーと移動するアニメーションを実装

Post on:2018年7月5日

タブがアクティブな時に、ハイライトのラインがすぅっーと移動するアニメーションを実装したデモを紹介します。リスト要素でシンプルに実装されているので、タブだけではなく、ナビゲーションなどにも利用できると思います。 下記は、デ

...記事の続きを読む

よく使うリスト要素のメニュー・ナビゲーションをデザインするスタイルシートのアイデア・実装方法のまとめ

Post on:2018年7月2日

リスト要素を使ったシンプルなHTMLで実装されたメニューやナビゲーションをどのようにデザイン、スタイルするかのコンテストがCodePenで開かれているので紹介します。 次のプロジェクトで使用できそうなアイデアから、こんな

...記事の続きを読む

top of page

©2018 coliss