- Apr 2021
-
simplicable.com simplicable.com
-
British HumorDry humor is particularly associated with British humor. Fawlty Towers, a British television comedy that aired from 1975 to 1979 is considered an unusually good example of dry humor. The series is set in a family run seaside hotel operated by a cynical and snobbish man, played by John Cleese, who finds himself in constant conflict with hotel guests. No matter how outlandishly silly each episode becomes, there is never any sense that the characters are trying to be funny.
-
-
english.stackexchange.com english.stackexchange.com
-
If I had known your plane was going to be two hours late, I wouldn't have rushed to the airport.
-
-
-
Of course you must not use plain-text passwords and place them directly into scripts. You even must not use telnet protocol at all. And avoid ftp, too. I needn’t say why you should use ssh, instead, need I? And you also must not plug your fingers into 220 voltage AC-output. Telnet was chosen for examples as less harmless alternative, because it’s getting rare in real life, but it can show all basic functions of expect-like tools, even abilities to send passwords. BUT, you can use “Expect and Co” to do other things, I just show the direction.
Tags
Annotators
URL
-
-
stackoverflow.com stackoverflow.com
-
If you want to pipe it into something interactive, like less -R, where terminal input goes to less -R, then you need some extra trickery. For example, I wanted a colourful version of git status | less. You need to pass -R to less in order that it respect the colours, and you need to use script to get git status to output colour. But we don't want script to keep ownership of the keyboard, we want this to go to less. So I use this now and it works well: 0<&- script -qfc "git status" /dev/null | less -R . Those first few characters close stdin for this one commmand.
Just
git status | less -R
worked for me without any additional trickery, but I see now that's because I told it to "always" use color in my .gitconfig:.[color] ui = always status = always
I tried disabling that and then trying the
0<&- script -qfc "git status" /dev/null | less -R
trick, but it didn't work for me. It didn't show any output and I couldn't exit out with Ctrl-C or anything I tried. Had to force kill from another terminal.
But it's a good example of the related but different problems:
- forcing less to respect colors (easy)
- force/trick
git status
to think it has a terminal - force/trick it so you can control keyboard with less
-
-
medium.com medium.com
-
www.metacritic.com www.metacritic.com
-
Incredible Mandy is a great example of design by subtraction, focusing on puzzle-solving and atmosphere and eschewing mechanics which do not contribute to the developer’s singular vision.
-
-
careerfoundry.com careerfoundry.com
-
An example of this would be a button that looks clickable but isn’t, underlined text that doesn’t contain a link, or a TV remote that turns on your lights but not the TV. False affordances are often present by mistake or occur due to lack of effective design techniques.
-
For instance, when you see a door handle, you assume its function is to open a door. When you see a light switch, you assume it can be flicked to turn on a light. When looking at a chair, you know it can be sat in. All of these are affordances. Don Norman refers to affordances as relationships in his book The Design of Everyday Things. He goes on to say that, “when affordances are taken advantage of, the user knows what to do just by looking: no picture, label, or instruction needed.”
-
-
medium.com medium.com
-
The label and input were confused with body text, especially in dense compositions.
-
-
css-tricks.com css-tricks.com
-
shape-outside: inset(100px 100px 100px 100px 10px);
-
-
stackoverflow.com stackoverflow.com
-
Also, the img is liquid/fluid, the height of the div/img are unknown, and the width is set to 800px and max-width to 80%.
-
-
www.merriam-webster.com www.merriam-webster.com
-
He frequently interrupted his narrative with amusing asides.
Aside seems to imply that it is somewhat related, even though not directly related.
-
-
code.visualstudio.com code.visualstudio.com
-
Show/hide output and metadata differences in the diff editor
-
We are continuing an overhaul of our default startup editor in order to provide relevant extension-contributed tips and walkthroughs, intended to make both core VS Code features and extension contributions more approachable to new users.
-
- Mar 2021
-
www.quora.com www.quora.com
-
A business with a low barrier to entry would be those people in poor countries who “wash” your windscreen at traffic lights. A bucket, a cloth, some water and you are in business. A business with a high barrier to entry might be airlines: planes are expensive, staff with the right skills hard to find, the necessary permits to fly hard to obtain.
-
-
www.ynet.co.il www.ynet.co.il
-
בזמן שבאירופה ובאזורים נוספים בעולם ממשיכים להתמודד עם התפרצויות קשות של נגיף הקורונה והווריאנטים השונים שלו, ומטילים בשל כך הגבלות חדשות, באנגליה הורשו היום (ב') מיליוני תושבים לצאת מהבתים, במסגרת גל הקלות בסגר שהוטל שם בתחילת השנה. במסגרת גל ההקלות מורשים תושבי אנגליה לצאת בחופשיות מהבתים שלהם ולהתקהל במקומות פתוחים בקבוצות של עד שישה אנשים, משני בתי אב שונים. גם פעילויות ספורט במקומות פתוחים אפשריים כעת.
sdjk bkjsdgkbgjk
Tags
Annotators
URL
-
-
en.wikipedia.org en.wikipedia.org
-
In the simple biology example, dog is a hypernym and Fido is one of its hyponyms. A word can be both a hyponym and a hypernym. For example, dog is a hyponym of mammal and also a hypernym of Fido.
I wish they hadn't used tokens/objects in this example. Wouldn't it be just as clear or clearer if they had stuck to only comparing types/classes?
It may be okay to mix them like that in some contexts, but in other cases it seems like this would be suffering from ignoring/conflating/[better word?] the Type–token distinction.
Does linguistics just not make the https://en.wikipedia.org/wiki/Type%E2%80%93token_distinction ?
This statement seems to reinforce that idea:
words that are examples of categories are hyponyms
because an example of a category/class/type could be either a sub-class or an instance of that category/class/type, right?
-
-
en.wikipedia.org en.wikipedia.org
-
The sentence "they drive the same car" is ambiguous. Do they drive the same type of car (the same model) or the same instance of a car type (a single vehicle)?
-
-
en.wikipedia.org en.wikipedia.org
-
'female' + 'performer' = 'actress'
-
-
en.wikipedia.org en.wikipedia.org
-
For example within nouns there are two sub classes, concrete nouns and abstract nouns.
-
The concrete nouns include people, plants, animals, materials and objects while the abstract nouns refer to concepts such as qualities, actions, and processes.
-
Semantic classes may intersect. The intersection of female and young can be girl.
More examples are given at https://en.wikipedia.org/wiki/Semantic_feature:
- 'female' + 'performer' = 'actress'
-
-
en.wikipedia.org en.wikipedia.org
-
For instance English has a domain ‘Rain’, which includes words such as rain, drizzle, downpour, raindrop, puddle.
"rain" seems more like a semantic field — a group of very related or nearly synonymous words — than a semantic field.
Esp. when you consider the later example of basketball (https://hyp.is/ynKbXI1BEeuEheME3sLYrQ/en.wikipedia.org/wiki/Semantic_domain) and coffee shop, which are more like the sense of "field" that means (academic/scientific/etc.) discipline.
-
For instance, in basketball there are many words that are specific to the sport. Free throw, court, half court, three pointer, and point guard are all terms that are specific to the sport of basketball. These words make very little sense when used outside of the semantic domain of basketball.
But this example seems so different than the first example they gave, "rain", which seems more like a semantic field — a group of very related or nearly synonymous words.
-
-
en.wikipedia.org en.wikipedia.org
-
The English word "man" used to mean "human being" exclusively, while today it predominantly means "adult male," but its semantic field still extends in some uses to the generic "human"
-
-
en.wikipedia.org en.wikipedia.org
-
Every woman talked to a student. This has two interpretations. Under one reading, every woman talked to the same student (the class president, for example), and here the noun phrase a student is specific. Under the second reading, various students were talked to. In this case, a student is non-specific.
-
-
commons.wikimedia.org commons.wikimedia.org
-
trailblazer.to trailblazer.to
-
endpoint Diagram::Operation::Create do |ctx, **| redirect_to diagram_path(ctx[:diagram].id) end.Or do |ctx, **| render :form end
-
-
en.wikipedia.org en.wikipedia.org
-
Suppose an administrator creates a forum using open source forum software, and then heavily modifies it by adding new features and options. This process requires extensive modifications to existing code and deviation from the original functionality of that software.
-
cannot be run on any modern day computer or computer simulator, as it was developed during the days when LISP and PLANNER were still in development stage, and thus uses non-standard macros and software libraries which do not exist anymore
-
-
www.inuse.se www.inuse.se
-
Or perhaps there was no printed manual, only a link to a web page - that has since disappeared (because the provider went bust, or just changed their web content management system).
-
-
en.wikipedia.org en.wikipedia.org
-
As a simple example of a basic runtime system, the runtime system of the C language is a particular set of instructions inserted into the executable image by the compiler. Among other things, these instructions manage the process stack, create space for local variables, and copy function-call parameters onto the top of the stack. There are often no clear criteria for deciding which language behavior is considered inside the runtime system versus which behavior is part of the source program. For C, the setup of the stack is part of the runtime system, as opposed to part of the semantics of an individual program, because it maintains a global invariant that holds over all executions. This systematic behavior implements the execution model of the language
-
-
stackoverflow.com stackoverflow.com
-
VirtualBox is one example.
-
For example Wine software in Linux helps to run Windows application .
-
-
github.com github.com
-
Granted it's a toy example using StringIO
-
-
github.com github.com
-
In order to move forwards with this issue I'll need an example app that reproduces the behavior (https://www.codetriage.com/example_app).
-
-
en.wikipedia.org en.wikipedia.org
-
Examples include Closure Compiler, CoffeeScript, Dart, Haxe, TypeScript and Emscripten.
-
-
github.com github.com
-
But I can describe a simple reproduction case to demonstrate the developer inconvenience (can provide a sample app if it's helpful).
-
-
www.codetriage.com www.codetriage.com
-
An example app is an application that is designed to reproduce a bug or demonstrate an issue.
-
Before a bug can be fixed, it has to be understood and reproduced. For every issue, a maintainer gets, they have to decipher what was supposed to happen and then spend minutes or hours piecing together their reproduction. Usually, they can’t get it right, so they have to ask for clarification. This back-and-forth process takes lots of energy and wastes everyone’s time. Instead, it’s better to provide an example app from the beginning. At the end of the day, would you rather maintainers spend their time making example apps or fixing issues?
-
-
stackoverflow.com stackoverflow.com
-
The selector [value=""] tests whether the element has the value attribute in markup and has the empty string as its value.
-
-
stackoverflow.com stackoverflow.com
-
Another example: a list (<ul> or <ol>) should generally be used to group similar items (<li>). You could use a div for the group and a <span> for each item, and style each span to be on a separate line with a bullet point, and it might look the way you want. But "this is a list" conveys more information.
-
The classic example is that if something is a table, it should contain rows and columns of data. To use that for layout is semantically incorrect - you're saying "this is a table" when it's not.
-
-
www.the-art-of-web.com www.the-art-of-web.com
-
Website: <input type="url" name="website" required pattern="https?://.+"> Now our input box will only accept text starting with http:// or https:// and at least one additional character
-
-
trailblazer.to trailblazer.to
-
Why don’t we put the “create user” task onto the failure track, and in case of successfully persisting the new user, we deviate back to the happy path?
-
To implement such an activity, we only need to rewire the second step’s failure output to a new terminus.
-
Visualized, our new composed structure would look as follows.
-
Suppose that the validate task was getting quite complex and bloated. When writing “normal” Ruby, you’d break up one method into several. In Trailblazer, that’s when you introduce a new, smaller activity.
-
Hey, that’s is an imaginary complication of our example - please don’t do this with every condition you have in your app.
Tags
- trailblazer-activity
- nice diagram
- good illustration (visual)
- example: not how you would actually do it (does something wrong/bad/nonideal illustrating but we should overlook it because that's not the one thing the example is trying to illustrate/show us)
- see content above
- composition
- trailblazer-activity: wiring/outputs/tracks
- extremes
- see content below
- good example
- splitting code/component/function into smaller pieces
- artificial example
- coming up with hypothetical examples
Annotators
URL
-
-
daniellakens.blogspot.com daniellakens.blogspot.com
-
Lakens, D. (2020, November 29). The 20% Statistician: Why I care about replication studies. The 20% Statistician. https://daniellakens.blogspot.com/2020/11/why-i-care-about-replication-studies.html
-
- Feb 2021
-
trailblazer.to trailblazer.to
-
For branching out a separate path in an activity, use the Path() macro. It’s a convenient, simple way to declare alternative routes
Seems like this would be a very common need: once you switch to a custom failure track, you want it to stay on that track until the end!!!
The problem is that in a Railway, everything automatically has 2 outputs. But we really only need one (which is exactly what Path gives us). And you end up fighting the defaults when there are the automatic 2 outputs, because you have to remember to explicitly/verbosely redirect all of those outputs or they may end up going somewhere you don't want them to go.
The default behavior of everything going to the next defined step is not helpful for doing that, and in fact is quite frustrating because you don't want unrelated steps to accidentally end up on one of the tasks in your custom failure track.
And you can't use
fail
for custom-track steps becase that breaksmagnetic_to
for some reason.I was finding myself very in need of something like this, and was about to write my own DSL, but then I discovered this. I still think it needs a better DSL than this, but at least they provided a way to do this. Much needed.
For this example, I might write something like this:
step :decide_type, Output(Activity::Left, :credit_card) => Track(:with_credit_card) # Create the track, which would automatically create an implicit End with the same id. Track(:with_credit_card) do step :authorize step :charge end
I guess that's not much different than theirs. Main improvement is it avoids ugly need to specify end_id/end_task.
But that wouldn't actually be enough either in this example, because you would actually want to have a failure track there and a path doesn't have one ... so it sounds like Subprocess and a new self-contained ProcessCreditCard Railway would be the best solution for this particular example... Subprocess is the ultimate in flexibility and gives us all the flexibility we need)
But what if you had a path that you needed to direct to from 2 different tasks' outputs?
Example: I came up with this, but it takes a lot of effort to keep my custom path/track hidden/"isolated" and prevent other tasks from automatically/implicitly going into those steps:
class Example::ValidationErrorTrack < Trailblazer::Activity::Railway step :validate_model, Output(:failure) => Track(:validation_error) step :save, Output(:failure) => Track(:validation_error) # Can't use fail here or the magnetic_to won't work and Track(:validation_error) won't work step :log_validation_error, magnetic_to: :validation_error, Output(:success) => End(:validation_error), Output(:failure) => End(:validation_error) end
puts Trailblazer::Developer.render o Reloading... #<Start/:default> {Trailblazer::Activity::Right} => #<Trailblazer::Activity::TaskBuilder::Task user_proc=validate_model> #<Trailblazer::Activity::TaskBuilder::Task user_proc=validate_model> {Trailblazer::Activity::Left} => #<Trailblazer::Activity::TaskBuilder::Task user_proc=log_validation_error> {Trailblazer::Activity::Right} => #<Trailblazer::Activity::TaskBuilder::Task user_proc=save> #<Trailblazer::Activity::TaskBuilder::Task user_proc=save> {Trailblazer::Activity::Left} => #<Trailblazer::Activity::TaskBuilder::Task user_proc=log_validation_error> {Trailblazer::Activity::Right} => #<End/:success> #<Trailblazer::Activity::TaskBuilder::Task user_proc=log_validation_error> {Trailblazer::Activity::Left} => #<End/:validation_error> {Trailblazer::Activity::Right} => #<End/:validation_error> #<End/:success> #<End/:validation_error> #<End/:failure>
Now attempt to do it with Path... Does the Path() have an ID we can reference? Or maybe we just keep a reference to the object and use it directly in 2 different places?
class Example::ValidationErrorTrack::VPathHelper1 < Trailblazer::Activity::Railway validation_error_path = Path(end_id: "End.validation_error", end_task: End(:validation_error)) do step :log_validation_error end step :validate_model, Output(:failure) => validation_error_path step :save, Output(:failure) => validation_error_path end
o=Example::ValidationErrorTrack::VPathHelper1; puts Trailblazer::Developer.render o Reloading... #<Start/:default> {Trailblazer::Activity::Right} => #<Trailblazer::Activity::TaskBuilder::Task user_proc=validate_model> #<Trailblazer::Activity::TaskBuilder::Task user_proc=validate_model> {Trailblazer::Activity::Left} => #<Trailblazer::Activity::TaskBuilder::Task user_proc=log_validation_error> {Trailblazer::Activity::Right} => #<Trailblazer::Activity::TaskBuilder::Task user_proc=save> #<Trailblazer::Activity::TaskBuilder::Task user_proc=log_validation_error> {Trailblazer::Activity::Right} => #<End/:validation_error> #<Trailblazer::Activity::TaskBuilder::Task user_proc=save> {Trailblazer::Activity::Left} => #<Trailblazer::Activity::TaskBuilder::Task user_proc=log_validation_error> {Trailblazer::Activity::Right} => #<End/:success> #<End/:success> #<End/:validation_error> #<End/:failure>
It's just too bad that:
- there's not a Railway helper in case you want multiple outputs, though we could probably create one pretty easily using Path as our template
- we can't "inline" a separate Railway acitivity (Subprocess "nests" it rather than "inlines")
-
step :direct_debit
I don't think we would/should really want to make this the "success" (Right) path and :credit_card be the "failure" (Left) track.
Maybe it's okay to repurpose Left and Right for something other than failure/success ... but only if we can actually change the default semantic of those signals/outputs. Is that possible? Maybe there's a way to override or delete the default outputs?
-
step :policy, before: :create_model
-
the validate task gets removed, assuming the Admin won’t need a validation
-
step Subprocess(Memo::Validate), Output(:invalid_params) => Track(:failure)
-
This connects the failure output to the previous task, which might create an infinity loop and waste your computing time - it is solely here for demonstrational purposes.
-
step :charge_creditcard, Output(:failure) => End(:declined)
-
step :charge_creditcard, Output(:failure) => End(:success) end This reconnects both outputs to the same end, always ending in a - desirable, yet unrealistic - successful state.
-
step :find_provider, Output(UsePaypal, :paypal) => Track(:paypal)
Tags
- trailblazer-activity
- example: not how you would actually do it (does something wrong/bad/nonideal illustrating but we should overlook it because that's not the one thing the example is trying to illustrate/show us)
- flexibility
- useful
- concise
- verbose / noisy / too much boilerplate
- tip
- funny
- semantics
- example: in order to keep example concise/focused, may not implement all best practices (illustrates one thing only)
- feels wrong
- helper functions
- powerful
- good example
- I have a question about this
Annotators
URL
-
-
trailblazer.to trailblazer.to
-
Yes, we could and should use Reform or Dry-validation here.
-
While you could program this little piece of logic and flow yourself using a bunch of Ruby methods along with a considerable amount of ifs and elses, and maybe elsif, if you’re feeling fancy, a Trailblazer activity provides you a simple API for creating such flow without having to write and maintain any control code. It is an abstraction.
-
-
github.com github.com
-
So, what can we do to check for None in our programs? You can use builtin Optional type and write a lot of if some is not None: conditions. But, having null checks here and there makes your code unreadable.
-
-
sobolevn.me sobolevn.me
-
Let’s start with the same number dividing example, which returns 0 when the error happens. Maybe instead we can indicate that the result was not successful without any explicit numerical value?
-
-
www.morozov.is www.morozov.is
-
This is how the same example would look like using raw monads:
-
-
trailblazer.to trailblazer.to
-
The legendary cfp-app will become a Rails-to-TRB refactoring tutorial.
-
-
unix.stackexchange.com unix.stackexchange.com
-
Example (in bash, but my question shouldn't be considered bash-specific):
-
-
stackoverflow.com stackoverflow.com
-
time run_with_timeout 3 sleep_and_exit 1 7; echo $?
-
-
stackoverflow.com stackoverflow.com
-
timeout_child () { trap -- "" SIGTERM; child=$!; timeout=$1; ( sleep $timeout; kill $child; ) & wait $child; } And the usage: ( while true; do echo -n .; sleep 0.1; done) & timeout_child 2
-
-
-
{a: 1, b: 2, c: 3, d: 4} => {a:, b:, **rest} # a == 1, b == 2, rest == {:c=>3, :d=>4}
equivalent in javascript:
{a, b, ...rest} = {a: 1, b: 2, c: 3, d: 4}
Not a bad replacement for that! I still find javascript's syntax a little more easily readable and natural, but given that we can't use the same syntax (probably because it would be incompatible with existing syntax rules that we can't break for compatibility reasons, unfortunately), this is a pretty good compromise/solution that they've come up with.
-
-
github.com github.com
-
def edit account = find_account! @account = UpdateAccount.new( account: account, first_name: account.first_name, last_name: account.last_name) end
-
> RecordInteraction.run!(encoding: 'ascii') => #<Encoding:US-ASCII>
Makes use of the fact that you can do:
main > Encoding.find('ascii') => #<Encoding:US-ASCII>
and that
If the value does not match, it will call
find
on the class of the record.
-
-
github.com github.com
-
array :translations do hash do string :locale string :name end end array inputs can only have one input nested underneath them. This is because every element of the array must be the same type. And the inputs nested inside arrays cannot have names because they would never be used.
-
-
github.com github.com
-
describe '.validate(context, filters, inputs)' do let(:inputs) { {} } let(:filter) { ActiveInteraction::Filter.new(:name, {}) } let(:interaction) do
-
-
en.wikipedia.org en.wikipedia.org
-
In a rule-based system, a metarule is a rule governing the application of other rules.
Tags
Annotators
URL
-
-
www.merriam-webster.com www.merriam-webster.com
-
The word home, for instance, has a denotation of “the place (such as a house or apartment) where a person lives,” but it may additionally have many connotations (such as “warmth,” “security,” or “childhood”) for some people.
-
-
softwareengineering.stackexchange.com softwareengineering.stackexchange.com
-
Depending on the politics it might either mean that the implementation can no longer be changed, because that would break your code, or that your code is very fragile and keeps breaking on every upgrade or change of the underlying implementation.
not quite sure how this is politics, but interesting example
-
Say you have software to keep track of your grocery list. In the 80's, this software would work against a command line and some flat files on floppy disk. Then you got a UI. Then you maybe put the list in the database. Later on it maybe moved to the cloud or mobile phones or facebook integration. If you designed your code specifically around the implementation (floppy disks and command lines) you would be ill-prepared for changes. If you designed your code around the interface (manipulating a grocery list) then the implementation is free to change.
-
It's more like providing an Employee object rather than the set of linked tables you use to store an Employee record. Or providing an interface to iterate through songs, and not caring if those songs are shuffled, or on a CD, or streaming from the internet. They're just a sequence of songs.
-
-
github.com github.com
-
class ConferencesController def create conference = Conference.new @conference_form = ConferenceForm.new(conference) @conference_form.submit(conference_params) if @conference_form.save redirect_to @conference_form, notice: "Conference: #{@conference_form.name} was successfully created." } else render :new end end end
-
You can find a list of applications using this gem in this repository: https://github.com/m-Peter/nested-form-examples . All the examples are implemented in before/after pairs. The before is using the accepts_nested_attributes_for, while the after uses this gem to achieve the same functionality.
Tags
Annotators
URL
-
-
github.com github.com
-
class UsersController < ApplicationController def create success = -> (response, time) { redirect_to root_path, notice: "#{response} - at: #{time}" } failure = -> { render :new } Workflow::CreateUser.call(params[:name], success: success, failure: failure) end end
Tags
Annotators
URL
-
-
criticmarkup.com criticmarkup.com
-
Don't go around saying{-- to people that--} the world owes you a living. The world owes you nothing. It was here first. {~~One~>Only one~~} thing is impossible for God: To find {++any++} sense in any copyright law on the planet. {==Truth is stranger than fiction==}{>>strange but true<<}, but it is because Fiction is obliged to stick to possibilities; Truth isn’t.
.example
-
-
educationinnovation.pressbooks.com educationinnovation.pressbooks.com
-
Are designers also wasting the time of the critics?
Wow what a way to end the chapter. Are instcutional Designers wasting their time decorating their instruction or filling them with jargon that they miss the point of educating the learners.
This is a wonderful story about something that anyone could be familiar with and understand how instrucitonal design can go at times. Lending to the attractiveness and lacking on the informing side.
-
-
css-tricks.com css-tricks.com
-
The syntax itself provides a visualization of the structure of the grid.
What is this an example of? self-referencing? self-presentation? duality?
-
-
alistapart.com alistapart.com
-
The first problem is that if you ever remove an item, there will be a big black block in the layout. Maybe that’s OK, but more likely it isn’t. The second problem is that grid containers do not, by default, shrink-wrap their items. Instead, they fill out the parent element, as block boxes do. Both of these problems are illustrated in Figure 6.
-
div:nth-of-type(3n+1) { grid-column: 1; } div:nth-of-type(3n+2) { grid-column: 2; } div:nth-of-type(3n+3) { grid-column: 3; } div:nth-of-type(-n+3) { grid-row: 1; }
-
#ttt > * { border: 1px solid black; border-width: 0 1px 1px 0; display: flex; /* flex styling to center content in divs */ align-items: center; justify-content: center; } #ttt > *:nth-of-type(3n) { border-right-width: 0; } #ttt > *:nth-of-type(n+7) { border-bottom-width: 0; }
-
-
codepen.io codepen.io
-
css-tricks.com css-tricks.com
-
Your grid areas can only be rectangles (like the left), not arbitrary polygons (like the right).
-
-
developer.mozilla.org developer.mozilla.org
-
.box1 { grid-column-start: 1; grid-column-end: 4; grid-row-start: 1; grid-row-end: 3; } .box2 { grid-column-start: 1; grid-row-start: 2; grid-row-end: 4; }
-
- Jan 2021
-
api.rubyonrails.org api.rubyonrails.org
-
config.action_mailer.register_preview_interceptor :css_inline_styler
That's probably the same hook that https://github.com/fphilipe/premailer-rails ties into, for it says:
Emails are only processed upon delivery, i.e. when calling
#deliver
on the email, or when previewing them in rails.
-
-
github.com github.com
-
Previewing You can create a controller that gets the email and then renders the body from it.
mailer preview
-
-
github.com github.com
-
The following Sankey flow diagram shows the current glyph sets included:
-
-
css-tricks.com css-tricks.com
-
-
Try out the different border-image-repeat values in this demo
-
-
developer.mozilla.org developer.mozilla.org
-
The background-origin CSS property sets the background's origin: from the border start, inside the border, or inside the padding.
-
-
Tags
Annotators
URL
-
-
svelte.dev svelte.dev
-
github.com github.com
-
I want to make some add-ons or wrappers on components e.g BigButton.svelte <script> import Button from './Button.svelte' </script> <Button fz="16" h="64" {...$$props}> <slot slot="prepend" name="prepend" /> <slot /> <slot slot="append" name="append" /> </Button>
-
-
svelte.dev svelte.dev
Tags
Annotators
URL
-
-
svelte.dev svelte.dev
-
github.com github.com
-
Also as an aside, your REPL is far, far too complicated. You've got a much better chance of us being able to see your issue and fix it if you boil it down to just the minimum required code in order to reproduce the issue.
-
-
svelte.dev svelte.dev
-
beforeUpdate(async () => { console.log('the component is about to update'); await tick(); console.log('the component just updated'); });
-
-
atomiks.github.io atomiks.github.io
-
You may want the tippy to appear at a different location from its trigger (event listeners) target. For example:
-
Context menu
-
-
developer.mozilla.org developer.mozilla.orgz-index1
-
stackoverflow.com stackoverflow.com
-
{#each charts as chart, i} <div class="wrapper"> <div class="icon" on:click={e => instances[i].handle(e)}>Click</div> <div class="content"> <svelte:component this={charts[i]} bind:this={instances[i]} /> </div> </div> {/each} ...where each child component exports a handle method: <script> let event; export function handle(e){ event = e; }; </script>
-
- Dec 2020
-
medium.com medium.com
-
What is a data-originated component? It’s a kind of component that is primarily designed and built for either: displaying, entering, or customizing a given data content itself, rather than focusing on the form it takes. For example Drawer is a non data-originated component, although it may include some. Whereas Table, or Form, or even Feed are good examples of data-originated components.
-
-
sveltematerialui.com sveltematerialui.com
Tags
Annotators
URL
-
-
www.iditect.com www.iditect.com
-
const store = observable({ players: [ "Player 1", "Player 2", ], // ... }) reaction(() => JSON.stringify(store), json => { localStorage.setItem('store',json); }, { delay: 500, }); let json = localStorage.getItem('store'); if(json) { Object.assign(store, JSON.parse(json)); }
-
-
github.com github.com
Tags
Annotators
URL
-
-
github.com github.com
- Nov 2020
-
medium.com medium.com
-
But, it’s not how we usually work with Svelte and write reusable components such asUnorderedListor similar. Because your example is really synthetic and unuseful in the real world.
-
-
cryptocurrencyresearch.org cryptocurrencyresearch.org
-
highlighting
Example of an annotation. Feel free to leave your own comments!
-
-
developer.mozilla.org developer.mozilla.org
-
The use of __proto__ is controversial and discouraged. It was never originally included in the ECMAScript language spec, but modern browsers implemented it anyway. Only recently was the __proto__ property standardized by the ECMAScript 2015 specification for compatibility with web browsers, so it will be supported into the future.
-
-
material.io material.ioRally1
-
material.io material.ioReply1
-
cs3mesh4eosc.eu cs3mesh4eosc.eu
Tags
Annotators
URL
-
-
stackoverflow.com stackoverflow.com
-
If you were to check the return status of every single command, your script would look like this:
Illustrates how much boilerplate set -e saves you from.
Update: Oops, if you read a comment further below, you learn that:
Actually the idiomatic code without
set -e
would be justmake || exit $?
True that.
-
-
mywiki.wooledge.org mywiki.wooledge.org
-
true && { echo true; false; } || { echo false; true; }
-
true && ((i++)) || ((i--))
-
-
github.com github.com
-
docker build --cache-from=base_image:2.2.1,custom-gource:0.1 . -t custom-gource:0.2
Tags
Annotators
URL
-
-
-
this is the problem with that method.
-
-
madewithsvelte.com madewithsvelte.com
-
Why do we need this proprietary service?
So they can track us when we go to: http://svelte-autocomplete.surge.sh/?ref=madewithsvelte.com ?
Rather than bookmark/use https://madewithsvelte.com/svelte-autocomplete I would prefer to just use https://github.com/elcobvg/svelte-autocomplete as the canonical URL for this project.
-
- Oct 2020
-
www.scispike.com www.scispike.com
-
I came up with this solution by piecing together man pages and random google result. I was surprised at how many incomplete and inaccurate answers were out there. What may have been more surprising was the complete lack of a full intact solution.
-
-
www.techopedia.com www.techopedia.com
-
A spreadsheet may be represented as a directed acyclic graph, with each cell a vertex and an edge connected a cell when a formula references another cell. Other applications include scheduling, circuit design and Bayesian networks.
-
-
inst-fs-iad-prod.inscloudgate.net inst-fs-iad-prod.inscloudgate.net
-
rms of Global Systems, but we do need an earth- wide network of connections, including the ability partially to translate knowledges among very different-and power-differenti- ated - communities. We need the power of modern critical theories of how meanings and bodies get made, not in order to deny meanings and bodies, but in order to build meanings and bodies that have a chance for life.
Arguing against Marxist feminists. And for the preservation of theories and an appreciation of people's actual experiences in order to make meaning of things and give non-white bodies a chance of life. (Beyond the white male understanding.... )
-
any ca
Social constructionism is a theory of knowledge in sociology and communication theory that examines the development of jointly-constructed understandings of the world that form the basis for shared assumptions about reality. https://www.google.com/search?client=firefox-b-d&q=social+constructionists
-
e the law of the fath
"The “law of the father” is a term usually associated with the work of Jacques Lacan in his psychoanalytic account of the way in which children enter into patriarchal culture. Lacan identified three phases of psychosocial development involved in this process: the “imaginary order,” the “mirror stage,” and the “symbolic order.” Lacan's work has been contested to the extent that it has been interpreted as a justification for patriarchal social relationships, as well as being developed and utilized by feminists, particularly French feminists. Marxist feminists have also utilized the work of Lacan." https://onlinelibrary.wiley.com/doi/abs/10.1002/9781118663219.wbegss446
-
-
docs.gitlab.com docs.gitlab.com
-
Here is a simplified example of a malicious .gitlab-ci.yml
-
-
www.basefactor.com www.basefactor.com
-
const countriesRegExp = countries.reduce( (regex, country, i) => (i === 0 ? `(${country})` : `${regex}|(${country})`), "" )
-
-
xtzmf.csb.app xtzmf.csb.app
-
github.com github.com
-
Local file Local file
-
neoliberalism, can be seen not only as destructive of trad-itional versions of Professionalism, but as Foucault argued, is also product-ive of new practices shaped by the market.
-
‘old professionalism’included therelative autonomy of the profession to control the‘field of judgement’(Ball, 2003, p. 216) and determine its own professional remit (seeTett, 2010;Ledwith, 2011). In contrast, the main features of this new version of profes-sionalism are centred on the ways in which the profession has been trans-formed into an instrument of economic policy and, in particular, thechanges in competencies which have accompanied this development.
Now the professional is an instrument of economic policy
-
‘organisational’professional-ism (seeEvetts, 2009) - that is—a profession whose remit is controlled byemployers—in this instance the local state.Evetts (2009)argues that‘organisational professionalism’has displaced an older model of profes-sionalism -‘occupational’professionalism, whereby professions were sub-ject to internal regulation and control by ethical standards that wereoccupationally defined
shift from standards of ethics and regulations in control to the employer standard of new profesionalism - data- and evidence-driven decisionmaking.
-
managers and practitioners regularly discuss their‘work’in terms of‘measuring outcomes’,‘improving outputs’,‘promotingbest practice’,‘promoting sector leading practices’,‘benchmarking’,‘qual-ity assurance’,‘better outputs’,‘continual improvement’and being‘BOLD’(better outcomes leaner delivery).
-
performance targets’of practitioners, for example, I noted that many targets are related to themanagement of austerity in one way or another. Typical‘performance tar-gets’include such objectives as‘increase the number of DevelopmentTrusts and Social Enterprises providing services’,‘increase the number ofasset transfers’;‘increase the number of volunteers engaged in servicedesign and delivery’
performance targets - illustrated to support his argument and framework.
-
Foucault’s proposition that neoliberalism‘penetrates more deeply intopeople’s psyches’
this is a description of how neoliberalism has reconceived power.
-
neoliberalism is productive of a new form of profes-sionalism is theoretically indebted to Foucaul
-
-
github.com github.com
-
medium.com medium.com
-
Examples of this include: requiring base classes or reading from imported variables that have not been initialized yet.
-
we will work with an artificial application that pretty prints object trees into a YAML like format
-
-
medium.com medium.com
-
These are fine and do not cause any issues.
-
-
stackoverflow.com stackoverflow.com
-
Omitted details change everything here. There won't be circular dependency because unused import is skipped. Consider providing stackoverflow.com/help/mcve .
-
-
-
Informative data about objects that are considered prototypes for the role. Base concept is similar to type, but without inheritance of limitations and properties. Base concepts are designed as a substitute for inheritance for external concepts. A base concept is like a related concept except that the base concept is almost identical to the role definition.
-
-
svelte.dev svelte.dev
-
Where was this referenced from? Some svelte/issues/__, I assume....
-
-
final-form.org final-form.org
-
Returns a Promise<?Object> that resolves with no value on success or resolves with an Object of submission errors on failure. The reason it resolves with errors is to leave rejection for when there is a server or communications error.
-
-
final-form.org final-form.org
-
Listening for External Changes By wrapping a stateful ExternalModificationDetector component in a Field component, we can listen for changes to a field's value, and by knowing whether or not the field is active, deduce when a field's value changes due to external influences.
-
-
codesandbox.io codesandbox.io
-
-
codesandbox.io codesandbox.io
-
// Make a HOC // This is not the only way to accomplish auto-save, but it does let us: // - Use built-in React lifecycle methods to listen for changes // - Maintain state of when we are submitting // - Render a message when submitting // - Pass in debounce and save props nicely export default props => ( <FormSpy {...props} subscription={{ values: true }} component={AutoSave} /> );
-
-
-
svelte.dev svelte.dev
-
Not all application state belongs inside your application's component hierarchy. Sometimes, you'll have values that need to be accessed by multiple unrelated components, or by a regular JavaScript module.
-
-
github.com github.com
-
const { getByRole } = render(<input bind_value={text}>)
Directly compare to: https://hyp.is/T2NGMA5ZEeu2k6dW8hBd9g/github.com/kenoxa/svelte-htm
-
-
github.com github.com
-
const { getByRole } = render(html`<input bind:value=${text} />`)
Directly compare to: https://hyp.is/KXd5yA5ZEeu9_K_HXsDR2w/github.com/kenoxa/svelte-jsx
-
render(html`<${Button} on:click=${() => (clicked += 1)}>Click Me!<//>`)
Compared to https://github.com/kenoxa/svelte-jsx#api, this alows on:click instead of on_click.
So maybe this syntax allows for fewer workarounds overall?
-
-
softwareengineering.stackexchange.com softwareengineering.stackexchange.com
-
Right, and if most uses of an FTP service use new FtpService() the one that sets an alternate port will stand out (service.SetPort(12345))
-
-
-
by using tagged templates we can inline function calls
(below)
-
-
stackoverflow.com stackoverflow.com
-
Encoding examples:
-
-
-
This would be like an executable proposal. I understand that it's beyond the original intent of having canonical patterns on the Svelte site, but it would facilitate the community to express their own patterns. Now that we have markdown preprocessors , the documentation itself can be an app.
-
More in-depth examples definitely sound like a good idea. I've seen cookbooks quite a few times already and they are always helpful.
-
-
-
This seems crucial, for example for #if inside #each {#each boxes as box} {@const b = box?.a?.b} {#if b} <p>{b}</p> {/if} {/each}
Tags
Annotators
URL
-
-
svelte.dev svelte.dev
-
svelte.dev svelte.dev
-
raw.githubusercontent.com raw.githubusercontent.com
-
<Playground> ```html filename=index.html
-
-
codesandbox.io codesandbox.io
-
svelte.dev svelte.dev
-
reactjs.org reactjs.org
-
Data fetching, setting up a subscription, and manually changing the DOM in React components are all examples of side effects.
-
-
twitter.com twitter.com
-
Adam Kucharski on Twitter. (n.d.). Twitter. Retrieved October 10, 2020, from https://twitter.com/AdamJKucharski/status/1313760847932596224
-
-
Local file Local file
-
An example for a dialectical alternative media strategy is the Canadian Adbusters magazine. It is financed by donationsand sales and has a paid circulation of about 120.000.
The authors cite the Canadian Adbusters magazine as an example of an alternative media that is radical while remaining separate for commoditization of its readership to capitalistic ends. And also Mother Jones. THey both reach broad audiences.
-
Indymedia. Indymedia uses a ‘‘democratic open-publishing system”,is‘‘collectively run”, and ‘‘a decentralized and autonomousnetwork”(Indymedia, 2009).
giving an example of alternative type of media and characterizing it.
-
-
-
One with a Gun, One with a Dog, and One with the Shivers
Example Impressionist ethnography
-
One with a Gun, One with a Dog, and One with the Shivers
Example Impressionist ethnography
-
Hats-on Harry, Off-at-Seven George, Handle-It-Yourself Fred, and The-Eternal-Flame Edward Who-Never-Goes-Out
Example Realist Ethnography
-
Johnny Gets His Gun
Example comfessional ethnography
-
Johnny Gets His Gun
Example comfessional ethnography
-
-
codesandbox.io codesandbox.io
-
Is that expected behavior or am I doing something wrong?
-
-
codesandbox.io codesandbox.io
-
even simpler example than the https://codesandbox.io/s/github/final-form/react-final-form/tree/master/examples/simple?from-embed=&file=/index.js it was based on
-
-
svelte.dev svelte.dev
-
archive.org archive.org
-
all reacting in the same way to the like need of protection from the rain-
Social action that is related to an event, but not related to collective benefit.
Narrows here the idea of social action.
Tags
Annotators
URL
-
-
-
Proposed workarounds get particularly awkward for multiple stores
good example follows
-
-
svelte.dev svelte.dev
-
github.com github.com
-
Made the repro above more manageable: https://svelte.dev/repl/a55ba18ceca44c898f2b011a0978de85?version=3.6.6
-
- Sep 2020
-
svelte.dev svelte.dev
-
Bug repro for https://github.com/sveltejs/svelte/issues/2086
Fixed by: Bug 1:
- https://github.com/sveltejs/svelte/pull/3172
- https://github.com/sveltejs/svelte/pull/3172/commits/f4ca063c85e491b75d162f429ad243b6f443db13
Bug 2:
- https://github.com/sveltejs/svelte/pull/3209
- https://github.com/sveltejs/svelte/commit/2f08e34b41317619f9bc7bf6bc2418123fb06829
Fixed version here: https://svelte.dev/repl/a55ba18ceca44c898f2b011a0978de85?version=3.6.7
(although https://github.com/sveltejs/svelte/pull/3172/commits/f4ca063c85e491b75d162f429ad243b6f443db13 indicates the fix was included in v3.6.6 tag, so I wonder why it's not fixed here)
supersedes https://codesandbox.io/s/epic-stonebraker-9cxhu?file=/index.js:0-32
Good example of how helpful it is to remove everything irrelevant and create minimal reproducible example.
-
-
-
blog.carbonfive.com blog.carbonfive.com
-
This is pretty good, but I don’t love that $contactStore.length bit. If we wanted to change the shape of the store from an array to a key-value store or something, we’d have to remember to update this component too. Instead, we can define a new derived store: contactCountStore. It’ll always track the count, which lets this component have less knowledge about the structure of the store. That refactor looks like this:
-