Less Absolute Positioning With Modern CSS
Each time I work on a component that needs absolute positioning, I ask myself: is it really necessary? I started to notice a few use-cases where using position: absolute isn’t needed. I found this interesting and I thought about documenting the use-cases that I usually came through while working on front-end projects. In this article, I will explore a few use-cases that using absolute positioning
今まで知らずにいたnpmスクリプトでできる3つのこと
製品 コミュニケーション メッセージング マルチチャネルのテキストメッセージとメディアメッセージの送受信を180か国以上で
新しすぎるものは避けてアーリーマジョリティくらいを目指そう 息の長いサービスを少しずつ改善していく営み
株式会社ラクスが開催するエンジニア向けのイベント「RAKUS Meetup」。今回は「Vue.js、React、TypeScript、E2Eテスト」をテーマに、「楽楽明細」の機能開発を担当する三田英一氏が登壇し、「息の長いサービスのフロントエンドを少しずつ改善していく営み」という内容で話をしました。関連資料はこちら。 フロントエンドとバックエンドのどちらも担当 三田英一氏（以下、三田）：「息の長いサービスのフロントエンドを少しずつ改善していく営み」というテーマで発表したいと思います。よろしくお願いいたします。 まず自己紹介です。三田英一と申します。TwitterとかGitHubはこのアカウントでやっています。ラクスには、中途入社で2014年に入りました。以来、フロントエンドとバックエンドのどちらもやっています。 あと、今日の話とはあんまり関係ないのですが、アジャイル開発も好きなので、認定ス
Component Driven User Interfaces
Component Driven User InterfacesThe development and design practice of building user interfaces with modular components. UIs are built from the “bottom up” starting with basic components then progressively combined to assemble screens. Modern user interfaces are more complicated than ever. People expect compelling, personalized experiences delivered across devices. That means frontend developers a
CSSで作るリストデザイン38選！オシャレな箇条書きを実現
出典 : Designed by Freepik HTMLのul、ol、liタグとCSSを使ったリスト(箇条書き)デザインを紹介します。 どのリストデザインも画像などは使わず、HTMLとCSSだけで表現することが可能です。 またコピペするだけでブログやホームページに実装できますので、気に入ったのがあればお試しください。 olを使ったオシャレなリストデザイン まずはhtmlのolタグを使った、番号付きのリスト(箇条書き)デザインから紹介します。 番号が必要なリストに対して使用して下さい。 またほとんどのリストデザインには、下記のHTMLコードを使っています。 違うHTMLコードを使用する場合は、CSSコードと合わせて掲載します。 <ol class="sample1"> <li>List1</li> <li>List2</li> <li>List3</li> <li>List4</li> <
【HTML・CSS】コピペで簡単！リストデザイン記事まとめ | さかぽんブログ-MIYAZAKI LIFE
OL、UL、DLといったリストタグを装飾したいときに参考にしているサイト・記事を、”あのデザインどこにあったっけ？”という備忘録代わりに、精査しながらまとめています。基本、画像を使わずにHTML・CSSのみで装飾できる記事です。 ノンデザイナーがWebデザインをすることになった際に、大変助かるありがたいサイトばかりです。 その他の記事まとめは、こちらからどうぞ。 【HTML・CSS】コピペで簡単!記事まとめ Web制作会社のリストデザイン リスト | Maromaroスタイルレシピ | Maromaro Blog Web制作会社ならではの、プロスタイルのリストデザイン。どんなサイトにも合いそうな洗練されたリストデザインが揃っています。 製作会社ということもあり、Webデザインで使えそうなニュース表示やボタンなどのリストデザインも豊富！ 応用しやすいリストデザイン Webサイトの基本要素 見
俺がやらかしたVue mixinのアンチパターンから学ぶmixinの使い方と代替案
VueComponent間で再利用可能な部品を実装するための機能がmixinです。mixinを使った共通化の例はよく見かけますし、私もしばしばやってきました。ただ、どうも自分の実装方法だと後々不便になったり見通しが悪かったりと、使い勝手の悪いものになってしまうことが多かったです。 そこで今回は自分の過去の実装例を見返しながら、なぜ失敗したのか、mixinをどうを使うべきかについて、現時点の考えをまとめてみます。 この記事で紹介する失敗例は、私が携わったプロダクト開発においてデメリットの方が大きかった実装例です。 便宜上「アンチパターン」「失敗例」といった表現をしていますが、あくまで個人的にやりたくないパターン程度の意味合いです。 失敗例1. Template Methodパターンを意識したmixin 暗黙的挙動の危うさ OverrideではなくMergeしているだけ Classの継承とmi
「Angular」「React」「Vue」の3大フレームワークに集約 ICSの代表が教える「フロントエンド技術」のトレンド
「キャッチアップしておきたいウェブ制作の最前線」というテーマで、Vue.jsなどJavaScriptを駆使したユーザーインターフェイスの開発を主に担当してきた池田泰延氏が、Webのフロント周りの近年の技術的な動向を解説します。前半はフロントエンド技術のトレンドについて。 スピーカー自己紹介、『JavaScript コードレシピ集』を出版 池田泰延 氏（以下、池田）：みなさんよろしくお願いします。ICSの話として、私と鹿野の2名で発表します。HTMLとかCSSとかJavaScriptとか、フロントエンドまわりの最新を説明していきたいと思います。では始めていきましょう！ ます自己紹介します。ICSの池田と言います。株式会社ICSの代表をやっています。これはオフィスの写真でして、南麻布にあるのですが、こんなところで仕事をやっています。今はこの状況下なので、会社にはほとんど誰も行っていませんが、こ
HapiCode
# Javascript vuejs の validation 正規表現でフォームチェック作ったときのメモ フォーム作る時によく探す javascript で正規表現やってバリデーションチェックプログラム @/utils/validate.js 作成 export function isExternal(path) { return /^(https?:|mailto:|tel:)/.test(path); } export function validURL(url) { const reg = /^(https?|ftp):\/\/([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&%$-]+)*@)*((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9][0-9]?)(\.(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])
Vue Composition APIのコラムっぽいもの集 - mya-ake com
この記事についてこの記事はbosyu Advent Calendar 2019の5日目の記事です。 昨日のめろたんのVue Composition APIで型がぶっ壊れて楽しかったですに引き続きVue Composition APIのお話です。 僕はComposition APIのコラムっぽいものをいくつか書いてみた記事です。 ちなみにサムネイルは@murokacoさん作です！ ⚠️注意Vue Composition API自体はまだ正式なリリースがされていない実験的なAPIです。 Vue Composition APIのサイトにも記載されていますが、まだ破壊的な変更がされる可能性もあり、プロダクションでの利用は推奨されていません。 bosyuでなにやってるの？あんまり表立って言ったりしてなかったんですが、夏頃から業務委託でbosyuの開発をしています。 具体的にはbosyuのフロントエン
Google Developers Japan: 新しい Cookie 設定 SameSite=None; Secure の準備を始めましょう
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads 71 Ads API 11
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSFX - Beautifully simple click-to-copy CSS effects
Loading...
Changing from moment to Day.js — how, why and fixing vue-chartjs
Design Patterns in JavaScript. Commonly Used Design Patterns With Code… | by Mahdhi Rezvi | Jun, 2021 | Bits and Pieces
The Code Enigma
Vue3 - useValidation Composable - CodeSandbox
How to properly reset Vue Composition Api's reactive values
10 Blade directives that you should know
Help And Training Community