タブをクリックすることで、表示が切り替わる機能をCSSのみで実装していきます。 サンプルは「画像とテキスト」を切り替えるものをご用意しました。 DEMO まずは、HTMLから記入していきましょう。 HTMLコード [cr… 続きを読む»
CSSでタブの切り替え表示を実装する方法
Author: mororeco
table(表組み)に関する要素を覚えよう
表組みを表す要素であるtable要素について解説していきます。 table要素は、表組みを表すものでありレイアウト目的での使用は禁止となりました。 カテゴリー フローコンテンツ パルパブルコンテンツ コン… 続きを読む»
©とかCopyrightなどのコピーライト表示って必要なの？
Webサイトやブログなどで、必ずと言っていいほど最下部に「©」とか「Copyright」とか「All rights reserved.」といったコピーライト表示がありますが、これって実際に意味あるの？と思っている方もいる… 続きを読む»
画像形式のJPEG,RAW,TIFFの違いについて
一般的に身近な画像形式は「JPEG/JPG（ジェーペグ）」ですが、デジタルカメラではJPEG以外の形式（RAW形式やTIFF形式）でも撮影が可能なものが多くあります。普段馴染みのないファイル形式ですが、WEB、DTPとも… 続きを読む»
ファイル名を一括で変更し連番を振る方法
ひとつのフォルダにまとめた写真やファイルの名前を変更し、それぞれ連番を振る機会があったのでメモしておきます。ファイルの整理が必要なときにご参考ください。今回は写真画像を扱う例として用意しました。 1.変更するファイルをす… 続きを読む»
アップデートしたら不具合が出たので、Adobe製品のバージョンをダウングレードする
普段通りに、Illustratorを使用していたら突然「文字ツール（横書き）」だけが、なぜだか表示されなくなってしまいました…。色々と検索してみたり、Illustratorを再起動してみたりしたけれど、解決し… 続きを読む»
改行コードCR・LF・CR+LFの違いって何なの？
改行コードの指定でいつも気になっていた「CR」「LF」「CR+LF」って何なんだろうと思い調べましたのでメモしておきます。 sakuraエディタなどでファイルを保存する際に、文字コードの他に改行コードの指定がありますが、… 続きを読む»
webサイトやブログをSSL化(https化)する方法
ちょうど昨日「Google Search Console Team」より、一通のメールが送られてきました。 内容はこちら・・・。 サイトにアクセスした際に、セキュリティ警告が表示されるようになります・・・。 恐ろしいです… 続きを読む»
画像や動画をぐいっとポップアップ表示！jQueryプラグインの「Lity」
画像イメージをクリックした際に、ポップアップで表示するプラグインとしては「Lightbox」が非常に人気があり多くの方のWEBサイトに実装されていました。きっと、一度はお世話になったことのある方も多いのではないでしょうか… 続きを読む»
【初心者向け】はじめてのCSS ～第4話～ フォントサイズと単位について
前回の記事「【初心者向け】はじめてのCSS ～第3話～ ウェブセーフカラーについて」にて、ウェブセーフカラーについて記述しましたが、今回は「フォントサイズとその単位」について解説していきたいと思います。 フォントサイズの… 続きを読む»
Bracketsではじめる無料テキストエディタの使い方
先日から“ WEBデザイン初心者のための勉強会 ”を開いています。HTMLって何？CSSって何ができるの？そんなところからのスタートなので、とても新鮮な質問や未知数のエネルギーを肌で感じています。 WEBを学んでいく道の… 続きを読む»
ファイル転送サービス [ 海外向け｜国内向け ]
![ファイル転送サービス [ 海外向け｜国内向け ]](https://morobrand.net/mororeco/wp/wp-content/uploads/2018/02/file-transfer-s-140x140.jpg)
皆さんは、クライアントなどの社外や社内でデータのやり取りをするときに、どんなサービスを利用していますか？特にDTPに関わるデザイナーにとっては、頻繁に発生する「データの受け渡し」という作業。 テキストやエクセルファイルな… 続きを読む»
QRコード生成サービス5選
店舗用のPOPやショップカードなど印刷物を制作する際に、住所や電話番号と同じようにオフィシャルサイトへのリンクを促すため、スマートフォン用のQRコードを載せることが頻繁にあります。 そんな時「QRが読み込めないんですけど… 続きを読む»