【第5弾】少しのコードで実装可能な10のCSS小技集

2023/09/07 100 users 実装 CSS小技集 コード ネスト アスペクト比

2023年9月7日 CSS CSS小技集シリーズの第5弾！「【第4弾】少しのコードで実装可能な10のCSS小技集」から約2年。またまた便利でサクッと使えるコードが続々登場しています！初心者さんからベテランさんまで要チェック！ 目次 ネストで親子セレクターを管理 チェックボックスやラジオボタンの色を変更 アスペクト比を指定... 続きを読む

Web制作者は要チェック！ VSCodeの便利なショートカットが、短時間で身につく魔法のチートシート -VSCheatsheet

2022/10/18 352 users vscode MacOS チートシート 魔法 ショートカット

VSCodeを使いこなすには、まずはよく使用する操作のショートカットを覚えることです。コードを書くときに便利なショートカットとどのように機能するか視覚的に分かるチートシートを紹介します。 ショートカットはmacOS, W...記事の続きを読む 続きを読む

現在の実装でよく使用されるCSSの機能、これから登場するCSSの新機能のまとめ

2022/02/24 119 users CSS 実装 CSS3 Web制作 下記

現在の実装でよく使用されるCSSの機能をはじめ、まもなく使用できるようになる新機能まで、現在とこれからのCSSを紹介します。 CSS3が登場した2015年以降に登場したCSSの新機能、2022年これから登場するCSSの新機能、最近のCSSについてWeb制作に携わる人は要チェックです。 What's New Since CSS3 by Chris Coyier 下記... 続きを読む

Web制作者は要チェック！Instagramに使用されているCSSのテクニック | コリス

2021/04/20 101 users Instagram コリス モックアップ CSS テク

Instagramに使用されているCSSのテクニックを紹介します。 世界で多くのユーザーが利用し、閲覧する環境もさまざまなデバイスに対応する必要があります。下記のモックアップをどのように実装しますか？ Inspect Element As A Way To Feed Your Curiosity by Ahmad Shadeed はじめに Instagramに使用されているCSSのテク... 続きを読む

Web制作者は要チェック！現在のWeb制作に合わせて制作された新しいCSSリセット -Reseter.css | コリス

2021/04/12 179 users reset.css コリス アクセシビリティ CSS 既存

現在のWeb制作だと、既存のReset.cssやNormalize.cssには不足を感じると思います。それらの代替手段として制作された新しいCSSリセットを紹介します。 Reseter.cssは各ブラウザの最後から5つ前までのバージョンをサポートし、アクセシビリティにも配慮されており、CSSのテクニックや学びも満載です。 Reseter.css Resete... 続きを読む

【第4弾】少しのコードで実装可能な10のCSS小技集 | Webクリエイターボックス

2021/03/04 212 users 実装 目次 Webクリエイターボックス CSS小技集 言語

2021年3月4日 CSS CSS小技集シリーズの第4弾！「【第3弾】少しのコードで実装可能な15のCSS小技集」から約2年。またまた便利でサクッと使えるコードが続々登場しています！初心者さんからベテランさんまで要チェック！ 目次 要素の上下左右中央配置 画面幅いっぱいに画像を配置 リストマーカーの色を変える 言語にあわせ... 続きを読む

フロントエンドのデベロッパーが2021年に向けてチェックしておきたいこと | コリス

2020/12/10 159 users コリス デベロッパー ライセンス 上級職 転職

フロントエンドのデベロッパーが2021年に向けて何に注目すべきかを紹介します。 特に上級職や転職など、ステップアップを目指す人は要チェックです！ 10 Things Front-End Developers Should Learn in 2021 by Simon Holdorf 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得... 続きを読む

フォントが大好物な人は要チェック！2020年、日本語の新作フリーフォントのまとめ | コリス

2020/12/02 644 users コリス デザインフォント 新作フリーフォント フォント 明朝体

2020年もあと残り1ヵ月、今年リリースされたひらがな・カタカナ・漢字が使える日本語の新作フリーフォントを紹介します。 明朝体、ゴシック体、デザインフォント、手書きフォントなど、盛りだくさんです！ マメロン Hi-Regular 個人・商用サイトで無料利用可。同人誌や各種印刷物なども可。 個人的にも特にお勧めの「マ... 続きを読む

Web制作者は要チェック！最近のランディングページで見かけるデザインやアイデアのまとめ -SaaS Pages | コリス

2020/10/15 347 users コリス CTA ブッダ ヘッダ コピーライティング

最近のラインディングページで見かけるデザインやアイデア、コピーライティングがまとめられたSaaS Pagesを紹介します。 ヘッダやフッタのデザイン、ナビゲーションのアイデア、CTAや価格一覧やFAQのコンポーネントなど...記事の続きを読む 続きを読む

「付け方が分からない」エアコンを付けない高齢者の方、思わぬ盲点で躓いている可能性があるのでやんわり教えてあげようという話 - Togetter

2020/08/13 229 users Togetter 盲点 リモコン クーラー 言い訳

?いちは? @BookloverMD 高齢者の施設や家に訪問診療に行くと、暑い部屋でエアコンつけずに過ごしている人がチラホラいる。 本人は「寒がりだから」「クーラー嫌い」と言うが、試しにリモコンを操作させると、 ！エアコンのつけかたが分からない！ ことがある。 これは盲点だった。 本人の言い訳を信じず、要チェック！... 続きを読む

これは要チェック！19世紀〜20世紀の数千点以上のイラストが無料ダウンロード可能に : カラパイア

2020/02/21 340 users カラパイア イラスト ビアトリクス ポター 無料ダウンロード

アートサイクロペディアの中で、「本や雑誌のイラストでは前例のない卓越性を持った時代だった」と述べられているように、19世紀末から20世紀初頭にかけてイラストレーションは黄金時代を迎えた。 その時代の著名なアーティストとして例を挙げると、ビアトリクス・ポター、ジョン・テニエル、エミール・バヤール、ハリー... 続きを読む

【第3弾】少しのコードで実装可能な15のCSS小技集 | Webクリエイターボックス

2019/05/16 591 users 実装 Webクリエイターボックス CSS CSS小技集 コード

2019年5月17日 CSS CSS小技集シリーズの第3弾！「【第2弾】少しのコードで実装可能な20のCSS小技集」から3年が経ち、さらに便利でサクッと使えるコードが続々登場！特にこれまではJavaScriptで実装していたものがCSSだけで実現できるようになったりと、進化が凄まじいです。初心者さんからベテランさんまで要チェック！ ... 続きを読む

Web制作者は要チェック！Chromiumを採用したEdgeがリリースされると、CSSやJavaScriptはどう変わるのか

2019/04/26 69 users Chromium Edge CSS ワークフ 朗報

これから先、フロントエンド開発者に一番大きな影響を与えるのは、Chromiumを採用したEdgeがリリースされることだと思います。 IEへの対応が、、、Edgeへの対応が、、、と思っていた人には、かなりの朗報です。 Chromiumを採用したEdgeがリリースされると、CSSやJavaScriptのどんな機能が使用できるようになり、ワークフ... 続きを読む

要チェックな10個の Node.js フレームワーク - Qiita

2019/02/15 267 users Qiita フレームワーク loopback node.js

本記事は、10 Node.js Frameworks Worth Checking Out: Express, Loopback, Hapi, and Beyond の日本語訳です。 要チェックな10個のNode.js フレームワーク テクノロジーは急速に変化しているので、開発者たちは新しいテクノロジーを使用し、Web開発のニーズに合わせて、より便利なフレームワークを採用しています。Node... 続きを読む

フォントが大好物な人は要チェック！2018年下半期、日本語の新作フリーフォントのまとめ | コリス

2018/11/30 476 users コリス 新作フリーフォント フォント 大好物 2018年下半期

続きを読む

VR×本格マッサージ専門店が秋葉原に年内OPEN予定！「とらのあなVRリラクゼーション（仮）」 – とらのあな総合インフォメーション

2018/08/13 273 users 秋葉原 とら 続報 総合インフォメーション セラピスト

リアルではセラピストによる本格的な施術を受けながら、 VR空間でカワイイ女の子にマッサージされる体験を楽しめるリラクゼーション施設が 秋葉原に年内オープン予定です。 メニューには足つぼマッサージなどの施術を予定。 今後の続報は随時更新していくので要チェック！! ★とらのあなVRリラクゼーション公式ツイッター... 続きを読む

Web制作者は要チェック！Chrome 68でアップデートされたデベロッパーツールの新機能 | コリス

2018/07/26 63 users デベロッパーツール コリス コンソール ブラウザ http通信

25日の昨日にリリースされたChrome 68で、ブラウザと共にアップデートされたデベロッパーツールの新機能を紹介します。 ブラウザの方は、以前から伝えられていた通り、http通信の際に「保護されていない通信」と表示されるようになりましたね。 What's New In DevTools (Chrome 68) コンソールの補助機能 より素早く、信... 続きを読む

「二度目の人生を異世界で」実際に読んだ人の評価 - Togetter

2018/06/09 152 users Togetter カリカチュア Tweet statu 異世界

このtweetよりの連続投稿は要チェック。これだけ読むと、ノーマン・スピンラッドが「鉄の夢」でカリカチュアとして描いたものを、大まじめに本気で書いてしまった作品のように思える。 twitter.com/kemohure/statu… 「二度目の人生を異世界で」、なろうで読み進めているんですが、これ、主人公の悪の取り扱い方が独特で、今回問題とされた設定と結びついているんですよね。本作の文芸批評が読み... 続きを読む

ギター学習中の人は要チェック! Fenderのウェブアプリ「Riffstation」が無料に | Techable(テッカブル)

2018/05/26 447 users fender ウェブアプリ Techable テッカブル 無料

ギター学習中の人は要チェック! Fenderのウェブアプリ「Riffstation」が無料に Fenderといえば、エレクトリックギターで有名な楽器メーカーだが、ギター学習に使えるアプリ「Riffstation」も展開している。 そのデスクトップアプリ（macOS、Windows）がこのほど無料で使えるようになっ... Fenderといえば、エレクトリックギターで有名な楽器メーカーだが、ギター学習... 続きを読む

WordPressで個別のページごとに、CSSやJavaScriptが利用できる便利なプラグイン -CSS & JavaScript Toolbox | コリス

2018/04/17 58 users コリス ブッダ CSS ヘッダ WordPress

WordPressの記事ページや固定ページごとに、異なるHTMLやCSSやJavaScriptやPHPを利用でき、一元管理もできるWordPressのプラグインを紹介します。 適用できるページは単独でも複数も可能で、適用する場所もヘッダやフッタにと指定できます。前回紹介した際から大きくバージョンがアップし、さらに便利になった新機能も含めて要チェックです。 CSS & JavaScript Tool... 続きを読む

大音量でもご近所さんに迷惑かけず!? 21世紀最初の大発明 音楽ファンは要チェック | VICE JAPAN

2017/10/22 322 users VICE Japan 大音量 大発明 音楽ファン 21世紀最初

お隣さんに嫌な思いをさせずに、音楽を大音量で楽しむシステムが開発されました。 セルジオ・コルドバ氏（Xergio Córdoba）はスペインのマスタリング・エンジニアで、音響心理学を利用した音響システムの特許を取得。このシステムを使えば、コンサートホールやクラブで音量を上げても、騒音レベル（dBA＝A特性音圧レベル）は上がりません。 Masn´live© と呼ばれるこのシステムは、基本的にはプロセ... 続きを読む

台湾ローカルグルメに挑戦！台北101のフードコート攻略法！｜エクスペディア

2017/10/18 194 users 台北 屋台グルメ 老舗 台湾 エクスぺディア

夜市グルメや老舗のローカルレストランなど、台湾には挑戦してみたいリーズナブルでおいしいグルメがたくさんあります。しかし、夜市などの屋台グルメは衛生面が気になるという人もいるのでは？ そんな時にオススメなのは、台北101のフードコートです。清潔で利用しやすい雰囲気ながら、おいしいB級グルメが揃うフードコートは要チェックですよ！ 便利でお店も豊富！ 台北101のフードコートに行ってみよう！ 台北のラン... 続きを読む

Web制作者は要チェック！モーダルダイアログをアクセシブルに実装する超軽量スクリプト -Micromodal.js | コリス

2017/10/10 66 users アクセシブル モーダルダイアログ モーダル コリス ライブラリ

ちょうどいいモーダルってなかなか見つからないんだよな、と探している人は要チェックです。シンプルで操作性もよく、アクセシブルに実装する超軽量の単体で動作するJavaScriptのライブラリを紹介します。 WAI-ARIAガイドライン に準拠したモーダルダイアログを実装。 1.9kbの超軽量のJavaScriptライブラリ。 aria属性でモーダルの開閉を切り替える。 オーバーレイをクリックすると、モ... 続きを読む

ウェブで何か書いて生きていくなら「#勝手にタイトル講座」は悔しいけど要チェック : Blog @narumi

2017/08/08 59 users narumi UMB チェアマン archives ウェブ

2017年08月08日 12:53 ウェブで何か書いて生きていくなら「#勝手にタイトル講座」は悔しいけど要チェック http://narumi.blog.jp/archives/71729854.html ウェブで何か書いて生きていくなら「#勝手にタイトル講座」は悔しいけど要チェック どうも。 ULTIMATE MIDASHI BATTLE #UMB のチェアマン、@narumiです。 ウェブの記... 続きを読む

知らないと損！新しいのがどんどん増えてる、商用無料の写真素材がダウンロードできるサイトのまとめ | コリス

2017/07/13 580 users クライアント 商用 プロジェクト コリス 高品質

商用のサイトでも個人のブログでも、クライアントのプロジェクトでも無料で利用できる高品質な写真素材がダウンロードできる写真素材サイトを紹介します。 最近公開されたサイトから、新しい写真が追加されたサイトまで、要チェックです ...記事の続きを読む 続きを読む